The simple web design workshop is designed to introduce attendees to the bootstrap framework. Attendees will create a simple, basic website using the codepen online editor by the end of this workshop attendees will be able to make structured websites using the resources provided below.
Resources:
- bootstrap4
- Front end checklist
- Mozilla CSS
- W3schools CSS tutorial
- codepen
- CSS reference
- simplewebsitecode
Agenda
- Introduction to HTML(hypertext markup language):
- Tags
- html
- header
- div
- img
- footer
- nav
- link
- title
- meta
- body
- classes and IDs
- Tags
- Introduction and overview of the Bootstrap framework.
- How to use the Bootstrap documentation and other resources.
- Introduction to codepen.
- Build the webpage.
- Constructing a page header.
- Constructing the main page:
- navbar
- main content
- footer
- Questions