Use Notepad as your editor (on mac use sublime, on linux use vim). Do not use an
ID: 3875031 • Letter: U
Question
Use Notepad as your editor (on mac use sublime, on linux use vim). Do not use an IDE. Create a webpage (.html) that looks like the syllabus for this class. (NOTE: you do not need to recreate the entire syllabus content!) Just create one page that incorporates the different attributes below: 1. 2. a. Name this file Syllabus-htmltags.html b. Create elements and attributes-headings, paragraphs, various fonts etoc C. That emphasizes various content using bold and underline properties d. Has a table for the Weekly Course Schedule content (just a few lines) e. Has the KSU image at the top f. Has an active link for my email address g. Has an absolute link to Kennesaw.edu h. Has a relative link to MyFirstWebPage.html i. Has different color text Insert comments in your HTML code (include your name and the course number at the top) 3. NOW create that same .html page using a.css file, using the external file approach: a. b. c. Name that page Syllabus-css.html Name your css file Syllabus-style.css Use the same requirements listed above but create as much as you can in the stylesheetExplanation / Answer
2. The html code for the mention attributes.
<!DOCTYPE html>
<html>
<head>
<title>Syllabus of university</title>
</head>
<style>
table {
font-family: arial;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 0.5px solid #dddddd;
padding: 4px;
text-align: left;
}
}
</style><!this is comment...style design for table>
</head>
<body>
<a href="MyFisrstWebpage.html"><img src="1.png" alt="Kennesaw state university" ></a> <!university image>
<h2>This page is for the syllabus</h2>
<p>This contain the list of the<b> chapters</b> and containt of the chapters along withe the hours to complete it.</p>
<table>
<tr>
<th>Chapter</th>
<th>Containt</th>
</tr>
<tr>
<td>chapter1</td>
<td>chapter1 containts....</td>
</tr>
<tr>
<td>chapter2</td>
<td>chapter2 containts...</td>
</tr>
<tr>
<td>chapter3</td>
<td>chapter3 containts...</td>
</tr>
</table>
<h3 align="middle">website:<a href="default.asp" align="middle">Kennesaw.ed </a></h3>
<h3 align="middle">email:<a href="default.asp" align="middle"> sprerry46@kennesaw.edu </a></h3>
</body>
</html>
3. The below program implement the above attributes using the html and the external css file. The external css file define the style need to implement the design of the html page.
<!DOCTYPE html>
<html>
<head>
<link rel = "stylesheet" type = "text/css" href="external.css" />
</head>
<body>
<h1 align="middle"><a href="MyFisrstWebpage.html"><img src="1.png" alt="Kennesaw state university" align="middle"></a></h1> <!university image>
<h1 align="middle">Kennesaw State University, Dept of Computer Science<br>
CS 4720/01:internet Programming<br>
Syllabus – Spring 2018<br>
Marietta campus – Bldg J,Room 201L 6:30-7:45pm</h1>
<table>
<tr>
<td>Instructor</td>
<td>Sharo Perry<br>
Phone: 470.578.6005(CS dept Main office)<br>
Locatyion: Mariettea campus, Bldg J, Room 201L<br>
Email: <a href="Kennesawedu.html">sprerry46@kennesaw.edu</a>
</td>
</tr>
<tr>
<td>Credit Hours</td>
<td>3 Credit Hours</td>
</tr>
<tr>
<td>Pre_Requisties: </td>
<td>CS 3304 – Data structure</td>
</tr>
<tr>
<td>Text book</td>
<td>......</td>
</tr>
<tr>
<td>Course description</td>
<td>......</td>
</tr>
<tr>
<td>Learning Outcomes</td>
<td>......</td>
</tr>
<tr>
<td>Special dates</td>
<td>......</td>
</tr>
</table>
</body>
</html>
/*external.css*/
body {background-color: white;}
h2 {color: blue;}
p {color: red;}
table {
font-family: arial;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 2px solid #dddddd;
padding: 4px;
text-align: left;
}
}
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.