For this exercise, we will use bootstrap to style a static web page and later add CSS to customize the page. We'll stop periodically, and do exercise one step at a time with discussion between steps. You may work alone or with another student in this course.
.html
not .htm
).
You may use the provided template if you'd prefer.
Assume the first two sections contain some information and the last section contains a contact form.
Once you are satisfied with your page, let's customize it. You may consider adding a footer.
At this point, your page is basically ready and is also responsive. Test and verify if your page displays properly in the mobile view (try the different views of the browser you are using, or check in your phone if the page has been made available). If some sections do not render properly, add media queries. Refer to the preset breakpoints included in Bootstrap.
Rice Hall imageYou may modify your interface the way you like. Get creative. Feel free to add additional elements you feel should be included and have fun!
Refer to Basic web deployment (XAMPP or GCP) to deploy and test your web page.
Released under the CC-BY-NC-SA 4.0 license.
Last updated 2022-05-25 20:51