I need help to build a website for a mechanic shop in my HTML 5 class. I need he
ID: 3821887 • Letter: I
Question
I need help to build a website for a mechanic shop in my HTML 5 class. I need help asap.
Purpose: To design and develop a web site using recommended design practices. Your web site will contain a home page and at least six content pages. You are required to create an external style sheet (.css file that configures text, color, and page layout. (No font tags, embedded CSS, or inline CSS may be used.) The content pages will include at least: One page containing a form with at least three elements (place a form content in an e-mail message) A JavaScript alert to one of the pages so that when it loads, an alert appears and when they leave the same page another alert appears. Appropriate meta tags One page utilizing tables effectively One animated image One e-mail hyperlink At least one page with 3 column layout Five external hyperlink Five internal hyperlink Consistent banner logo area Consistent main navigation Association with external style sheet (.css file) Mobile version of the web site (.css file) Print version of the web site css file) Both Google Chrome and Internet Explorer must render each page. Your web site project will be evaluated on the following criteria:Explanation / Answer
Things You should use
HTML 5, CSS( Bootstrap Framework recommended : its very easy to use) , Javascript(Jquery library recommended but basic javascript will also do), Brackets (Text Editor) software for coding.
Books recomended (These books will give u the basic working knowledge within a week or less).
Jump Start Bootstrap: Get Up to Speed With Bootstrap in a Weekend by Syed Fazle Rahman
HTML & CSS: Design and Build Web Sites Book by Jon Duckett.
JavaScript and JQuery: Interactive Front–End Web Development by Jon Duckett.
=> Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Website Name</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
// Download bootsrap library from http://getbootstrap.com/
<link rel="stylesheet" type="text/css" href="css/style.css">
// style.css will contain your design code.
// following code will resolve browser compatibility.
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
// This Portion will contain your website content.
<form>
<input type="text" name="example">
// use Brackets text editor and it will give u a dropdown menu for types of input available.
</form>
<script> //Javascript Code
alert("Example");
</script>
<table>
<th colspan="3"></th>
<tr>
<td>Example</td>
<td>Example</td>
<td>Example</td>
</tr>
</table>
<img src="example.gif" alt="Alternate Title">//Use any Gif image.
<a href="<strong>Enter link address</strong>">Enter Email address</a>
For three column layout use bootstrap or float property of CSS
For External Hyperlink
<a href="Website Link (example.html)">Link Name</a>
For Internal Hyperlink
Assign the Element an Id and link it using following code.
<a href="#IdName">Link Name</a>
For Main Navigation create a div and change its display css property to fixed.
If U want to create custom screen layouts(Mobile, Desktop, Print) of website with or without using Bootstrap u need to use CSS Media Queries
</body>
</html>
Happy Chegging !
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.