How to design your own website with no prior experience

Key quotes:

• "However, I was never really taught exactly what you needed to know when creating a website from scratch."
• "In an effort for people to be able to access your website, you are going to need to acquire a hosting service that can put your website on their server."
• "The next step in creating a website is finding a hosting service."
• "Just as there are websites to purchase domains, there are businesses that sell hosting services."
• "Pricing: Depending on the amount of space you want, the additional features you need and other factors will influence what service you purchase."
• "Basic Starting Prices: A content management system (CMS) is the program you will use to create, upload and manage your website content."

Key quotes:

• "We put together a collection of 15 tools to help you build and launch your next website—even if you have limited or no coding or design experience."
• "There are a bunch of other sites that help you build out one-pagers, but the biggest differentiator here is the simplicity and easy of use, while not compromising on your ability to create a functional and beautifully designed website."
• "Bonus: There are also collections dedicated to specific design trends, like “material design” and “modern portfolio.” Build a fully functional web app without any code."
• "All pages you create with this tool are built to look great across all devices, which is a nice thing to not have to worry about if you’re not a coder."
• "A great tool for anyone looking to build a WordPress site quickly."
• "A desktop application that helps web developers and designers create responsive websites using the Bootstrap framework."

Key quotes:

• "Every year, we organize an event called HealthHacks, a health-focused hackathon exclusively for students."
• "This year, I volunteered to lead the monstrous task of designing and coding our HealthHacks website."
• "Other than a bit of help from my friends Mike, Philly, and Pia, I challenged myself to sketch, design, and code this website from scratch on my own."
• "For HealthHacks last year, we only had a simple website where interested participants could check out the event details of HealthHacks."
• "After figuring out what sections were important to the website, I went on to make lots of sketches about what those sections would look like."
• "These sketches were very pivotal for me to visualize what the website would look like, how to layout each of the sections, and how to order them."

Key quotes:

• "Looking back, I think the process of building a portfolio is similar to the work we do everyday as a designer."
• "So based on different cases, the design of the portfolio can vary a lot, like a freelance visual designer’s portfolio will need to show off a lot of fancy interfaces and screen interactions, as well as testimonials from previous clients."
• "But we all hope the visitors to our portfolio site can get the information they need, for example, understand how I work as a designer by looking at previous projects, know my design process, and have my contact information like email, blog and social media."
• "What problems we are trying to solve, what research we have done, what are some design decisions and iterations and why, has the product launched and how is the user feedback, what are some lessons we have learned… There are lots of details that we can cover in the case study, and I’m sure as a designer you must already have a process in mind, if not, there are plenty on the Internet."

Transcript: Uh before we get into the video i just want to point out that this video was filmed like five months ago so i look a bit different and i act a bit different let's get into the video it's a beautiful wednesday morning it's 7 a.m and today i'm gonna try to learn how to code a website in a day so the plan is pretty simple i'll try to code a one-page website or a one-pager second i can use the code from other websites anything goes oh forgot to mention you can already check out the website because at the time you're watching this i've already coded the website so first i did some research on the very basics of coding and here's what i found out html is the markup language and it tells what elements are on the page css is then used to style the website and finally javascript can be used to add more complex dynamic features to the website then to code a website you need some sort of a code editor you could just write it in a regular text editor but it's a lot easier with a dedicated app as... See more →

Key quotes:

• "It even allows you to include responsive web design elements that load and transition smoothly, and you don’t need to be a developer to make it happen."
• "While Muriel Pierre-Louis is an experienced UX designer and not a newbie web designer, her portfolio site has some great elements to include in your own website."
• "Check out some online resources like LinkedIn Learning (formerly Lynda.com) or SkillShare and look for areas you didn’t cover in your past course work either in web design classes or other related areas."
• "The bar will be low for landing the jobs if you look for entry-level listings, and again you’ll get some great experience working with clients in addition to a portfolio piece."
• "This is not a case of “if you build it, they will come.” Sites like Dribble and Behance, that host your website, are also excellent platforms to promote this slick new portfolio."
• "Add the URL of your website to social media profiles including on LinkedIn and Twitter."