Create a Quick, Clean, and Cheap Website with Bootstrap Templates

1h 50mBeginner2021-01-27

Authors

Melanie Panem

UX, UI, and Web Designer and Developer

Course details

In this course, Instructor Melanie Panem demonstrates that even non-coders can quickly pump out a simple site within just an hour or two! The foundation of a website's layout is already set when a template is used as a starting point; in this case, a non-copyright, responsive, Bootstrap template from startbootstrap.com. Responsive web page layouts are essential for a website's content to display accurately across different screen sizes and devices. Melanie then walks through HTML and CSS basics for placing and styling web page content. When the website is ready to publish, she explains how to upload it to a free online host, GitHub. And finally, Melanie shows how to easily purchase a domain name from GoDaddy.com, and connect it to the website files.

Skills covered

BootstrapWeb Development ToolsFront-End Web DevelopmentSoftware Development ToolsWeb DevelopmentOpen SourceSoftware DevelopmentOne-Off

Concepts

0. Introduction

01 - Creating a cheap, clean, quick website
02 - What you need

1. Getting Started with Coding and Bootstrap Templates

03 - Why Bootstrap
04 - Set up your tools
05 - Working in your code editor
06 - Your most important content

2. The Bootstrap Grid All Day, All the Time

07 - The Bootstrap grid layout
08 - Responsive screen sizes and class name formatting
09 - Challenge - Basic layout
10 - Solution - Basic layout

3. Customizing Your Website's Design and Content

11 - HTML page structure and website text content
12 - Media and interactive elements
13 - Website styles and customization
14 - Challenge - Adding content
15 - Solution - Adding content

4. Website Hosting and Domain Name, Setup and Sync

16 - Get your GitHub account and upload tool
17 - Put your content on GitHub
18 - Obtain a domain name and begin linking content
19 - Finish linking the domain to your content

Conclusion

20 - Beyond the basics - More resources