Select Page

Responsive Site (homepage layout) Lab Tutorial

by | Feb 24, 2021

Responsive Site (homepage layout) LabIntroductionUsing the mockup wireframe image we created in the last lab we will create an actual web document utilizing Bootstrap. Bootstrap is a responsive framework that we will use in order to create a flexible grid that will...

Responsive Site (wireframe mockup) Lab Tutorial

by | Feb 16, 2021

Responsive Site (wireframe mockup) LabIntroductionThe next lab series will involve creating a responsive website utilizing the Bootstrap framework. Before we begin it is best to create a mockup of our desired result called a wireframe. Click on the > to start You will...

Fixed-Width Page (Polish) Lab Tutorial

by | Feb 3, 2021

Fixed-Width Page (polish) LabIntroductionIn this lab we will introduce some more CSS properties as well as how to write them as an external CSS document. We will also start using an online web text editor. Click on the > to start You may use what you created in the...

Fixed-Width Page (Adjustment) Lab Tutorial

by | Jan 19, 2021

Fixed-Width Page (adjustments) LabIntroductionContinuing on from last lab we will adjust the images and convert the CSS from inline to internal. These will improve the appearance of the site but more than that it will increase its efficiency. Click on the > to start...

Fixed-Width Page (CSS) Lab Tutorial

by | Jan 12, 2021

Fixed-Width Page (CSS) LabIntroductionThis lab builds on the last. The HTML we have written has provided the textual content and basic formatting. The page is pretty boring. We will use HTML to create links to other pages and images. CSS will also be applied to add...