Create a website about anything you choose. (This might be a good time to help o
ID: 3713476 • Letter: C
Question
Create a website about anything you choose. (This might be a good time to help out your local charity or your friend starting up a new business.) Your site must include: At least 4 pages All the essential tags on each page (Ch.1) At least 5 comments to explain your code (Ch. 2) A functional navigation menu on all 4 pages (Ch. 2 and 3) A list (Ch. 3) An email link (Ch. 3) An image with height, width, and alt text (Ch. 3) An external style sheet with at least 10 style rules for various parts of your site (Ch. 4) At least 3 semantic elements to ensure your page layout is designed well (Ch. 7) A table with at least two columns and two rows (Ch. 8) An audio or video file, sized appropriately (Ch. 9)
I am mainly needing help creating a shell so I can understand how it is to be built.
Explanation / Answer
First of all for Creating a website we need .html files. Please create 4 files in notepad and save them as ,html extension.and 1 or 2 css files create them in notepad and save them with.css extension.
Here i am creating files named:index.html,contact.html,AboutUs.html,Services.html and 1 css file "main.css".so the basic html structure for all html pages
Note: Please create a folder and put all your html files in that folder and create another folder in it named assets and create css files in assets folder.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Styles Conference</title>
<!-- External style sheet-->
<link rel="stylesheet" href="assets/main.css">
</head>
<body>
<!-- Header -->
<header>
<h1 class="">
<a href="index.html">Styles <br> Conference</a>
</h1>
<!--Navigation Menu -->
<nav class="">
<a href="index.html">Home</a>
<a href="aboutus.html">About Us</a>
<a href="Services.html">Services</a>
<a href="contact.html">Contact Us</a>
</nav>
</header>
<section>
<!--Different Page Specific work is to be done here-->
</section>
<!-- Footer -->
<footer >
<small>© Styles Conference</small>
<a href="index.html">Home</a>
<a href="aboutus.html">About Us</a>
<a href="Services.html">Services</a>
<a href="contact.html">Contact Us</a>
</footer>
</body>
</html>
Write this code in all the html file.You have to now work in <section></section> tag which will be specific for each page.like contact details in contact page ,and services in services page and so on.
The above code already specifies the following requirements:
I am also telling tou the sintax of remainig 5 requirements separately So you can include them in your website in which ever page you need or wherever you want
6.A list (Ch. 3)
List is of two types
Ordered Lists
Unordered Lists
7.An image with height, width, and alt text (Ch. 3)
<img src="Path of your image" alt="image of a dog" height="500" width="100" />
Note :path given to image files are same as css filein head section. Please create an image folder in main project folderand save all the images in image folder and give path like: image/hello.png.Height and width are in pixels.
8.An audio or video file, sized appropriately (Ch. 9)
Audio file
Please create a separate folder Audio in main page folder save file in that and give path in src
Vedio File
same as audio create folder and all
9.A table with at least two columns and two rows (Ch. 8)
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>March</td>
<td>$300</td>
</tr>
</table>
Note: tr tag is table row and td tag is column/cell
10 An email link (Ch. 3)
<a href="<strong>mailto</strong>:example@<strong>email</strong>.com">Mail Me for any Queries</a>
Now in css file make 10 Rules Ex
body {
color: #888;
font: 300 16px/22px "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
with different tags and classes
<ol> <li>One</li> <li>Two</li> <li>Three</li> </ol>
Unordered Lists
<ul> <li>Orange</li> <li>Green</li> <li>Blue</li> </ul>
7.An image with height, width, and alt text (Ch. 3)
<img src="Path of your image" alt="image of a dog" height="500" width="100" />
Note :path given to image files are same as css filein head section. Please create an image folder in main project folderand save all the images in image folder and give path like: image/hello.png.Height and width are in pixels.
8.An audio or video file, sized appropriately (Ch. 9)
Audio file
<audio src="audio/jazz.mp3" height="20" width="100" controls></audio>
Please create a separate folder Audio in main page folder save file in that and give path in src
Vedio File
<video src="earth.mp4" height="100" width="100" controls></video>
same as audio create folder and all
9.A table with at least two columns and two rows (Ch. 8)
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>March</td>
<td>$300</td>
</tr>
</table>
Note: tr tag is table row and td tag is column/cell
10 An email link (Ch. 3)
<a href="<strong>mailto</strong>:example@<strong>email</strong>.com">Mail Me for any Queries</a>
Now in css file make 10 Rules Ex
body {
color: #888;
font: 300 16px/22px "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
with different tags and classes
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.