Objective: Build a basic centered web page including proper skeletal and structural elements as well as all aspects of the box model. Insert images and links and style the links. Procedure: 1. Create your root directory (project folder) and open this folder in Brackets. 2. Create a new html document and save it as index.html inside the root directory. 3. Code out a basic html web page using the proper skeletal and structural elements (doctype declaration, html, head, body, header, main, footer). 4. Create a css file for this project, save it as style.css in the root directory and link it to the html document (build the link in the head of the html document). 5. Use appropriate aspects of the box model (width, height, border, margin) to give dimension, style and add space in and between the large structural elements of the web page. 6. Add background colors, gradients, or images to the large structural elements of the web page. 7. Make the width of the body element smaller than it's parent element (html), then use margin: 0 auto; to center it in the viewport. 8. Choose a topic on Wikipedia and use the information found as the text content for your webpage. Website must contain at least 3 areas of text content. 9. Use proper semantic tags to format and structure the content (sections, articles, headings, paragraphs, etc.) 10. Change the display property or float elements as needed (don't forget to contain your floats with the micro-clearfix). 11. Use appropriate aspects of the box model (padding, margin) to add space in and between the smaller structural elements of the web page. 12. Add at least 6 images throughout your web page. 13. Add at least two quotes/call to action. Important: • Choose a color theme from Adobe Color to work within. • Use two different Google fonts in your site: one for the body text and another for the headings and logo. • Have thoughtful consideration for text styling: color, size, weight, underline, strikethrough, etc. Refer back to this tutorial to remember all the possibilities and use only CSS to make these styles. • Your site must have a logo coded in an h1 inside the header element. • Your site must have a coded list of external links that open in new tabs. Style your link states as desired (must have at least the normal and hover state styled differently). • NO STYLING IN HTML, ONLY IN THE EXTERNAL STYLE SHEET. Deliverables: Save: Save your html file as index.html, css as style.css

Objective: Build a basic centered web page including proper skeletal and structural elements as well as all aspects of the box model. Insert images and links and style the links. Procedure: 1. Create your root directory (project folder) and open this folder in Brackets. 2. Create a new html document and save it as index.html inside the root directory. 3. Code out a basic html web page using the proper skeletal and structural elements (doctype declaration, html, head, body, header, main, footer). 4. Create a css file for this project, save it as style.css in the root directory and link it to the html document (build the link in the head of the html document). 5. Use appropriate aspects of the box model (width, height, border, margin) to give dimension, style and add space in and between the large structural elements of the web page. 6. Add background colors, gradients, or images to the large structural elements of the web page. 7. Make the width of the body element smaller than it's parent element (html), then use margin: 0 auto; to center it in the viewport. 8. Choose a topic on Wikipedia and use the information found as the text content for your webpage. Website must contain at least 3 areas of text content. 9. Use proper semantic tags to format and structure the content (sections, articles, headings, paragraphs, etc.) 10. Change the display property or float elements as needed (don't forget to contain your floats with the micro-clearfix). 11. Use appropriate aspects of the box model (padding, margin) to add space in and between the smaller structural elements of the web page. 12. Add at least 6 images throughout your web page. 13. Add at least two quotes/call to action. Important: • Choose a color theme from Adobe Color to work within. • Use two different Google fonts in your site: one for the body text and another for the headings and logo. • Have thoughtful consideration for text styling: color, size, weight, underline, strikethrough, etc. Refer back to this tutorial to remember all the possibilities and use only CSS to make these styles. • Your site must have a logo coded in an h1 inside the header element. • Your site must have a coded list of external links that open in new tabs. Style your link states as desired (must have at least the normal and hover state styled differently). • NO STYLING IN HTML, ONLY IN THE EXTERNAL STYLE SHEET. Deliverables: Save: Save your html file as index.html, css as style.css

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Related questions

Question

Transcribed Image Text:Objective: Build a basic centered web page including proper skeletal and structural elements as well as all aspects of the box model. Insert images and links and style the links. Procedure: 1. Create your root directory (project folder) and open this folder in Brackets. 2. Create a new html document and save it as index.html inside the root directory. 3. Code out a basic html web page using the proper skeletal and structural elements (doctype declaration, html, head, body, header, main, footer). 4. Create a css file for this project, save it as style.css in the root directory and link it to the html document (build the link in the head of the html document). 5. Use appropriate aspects of the box model (width, height, border, margin) to give dimension, style and add space in and between the large structural elements of the web page. 6. Add background colors, gradients, or images to the large structural elements of the web page. 7. Make the width of the body element smaller than it's parent element (html), then use margin: 0 auto; to center it in the viewport. 8. Choose a topic on Wikipedia and use the information found as the text content for your webpage. Website must contain at least 3 areas of text content. 9. Use proper semantic tags to format and structure the content (sections, articles, headings, paragraphs, etc.) 10. Change the display property or float elements as needed (don't forget to contain your floats with the micro-clearfix). 11. Use appropriate aspects of the box model (padding, margin) to add space in and between the smaller structural elements of the web page. 12. Add at least 6 images throughout your web page. 13. Add at least two quotes/call to action. Important: • Choose a color theme from Adobe Color to work within. • Use two different Google fonts in your site: one for the body text and another for the headings and logo. • Have thoughtful consideration for text styling: color, size, weight, underline, strikethrough, etc. Refer back to this tutorial to remember all the possibilities and use only CSS to make these styles. • Your site must have a logo coded in an h1 inside the header element. • Your site must have a coded list of external links that open in new tabs. Style your link states as desired (must have at least the normal and hover state styled differently). • NO STYLING IN HTML, ONLY IN THE EXTERNAL STYLE SHEET. Deliverables: Save: Save your html file as index.html, css as style.css

Expert Solution

Step by step

Solved in 5 steps with 1 images

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.