Department of Computer Science, Technology & Mathematics Lincoln University, Jef
ID: 3824388 • Letter: D
Question
Department of Computer Science, Technology & Mathematics
Lincoln University, Jefferson City, Missouri
CS 344 Web Design
COURSE PROJECT
Based on class instructions, notes, textbooks, handouts, etc., Create a Main Index Pageand at least four additional pages to be linked together ready for publishing on theInternet. We are going to use a free Web Hosting site to publish the project worldgeneral view. The pages should be linked together using Target, Local and Global Linksso that you can browse them without having to use the back button. Details will becovered in the class. Choose a free Web Hosting of your choice to publish your work.
The following should serve as a guide:
1. Main Page/Index Page: This page defines you and the purpose for creating the webpage(s)/Web Site. All secondary pages should be linked to this page using HTML/HTMHyperlink.
2. At least five Additional secondary pages should be created. These could include but
not limited to the followings:a. Personal Webpageb. Resume Pagec. Family Paged. Hobby Pagee. Business Pagef. Professional pages
g. Any Other Pages (Obtain approval from the course Instructor)
The project should include all the followings: Use both HTML++ and Dreamweaver tocomplete the Project.
1. Images2. Styles (CSS)3. Table(s)4. Forms5. Columns6. Hyperlinks and Email Links7. Lists, etc. etc.
Completed Projects are due and should be submitted on a CD/Flash and also posted onCANVAS Course Project Drop Box on or before Sunday November 27, 2016.Completed Project will be presented in class on Monday November 28, 2016. It will beevaluated by students in addition to Instructor’s grading. Student comments and observationwill be entertained and taken into consideration.
Use the Internet as a guide (to view other sample web pages/sites)
Explanation / Answer
Please find the code the required home page(say index.html)
Code:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
a{
font-size: 20px;
}
table,td{
border: 2px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<td>Row1 Column1</td>
<td>Row1 Column2</td>
</tr>
<tr>
<td>Row2 Column1</td>
<td>Row2 Column2</td>
</tr>
<tr>
<td>Row3 Column1</td>
<td>Row3 Column2</td>
</tr>
<tr>
<td>Row4 Column1</td>
<td>Row4 Column2</td>
</tr>
<tr>
<td>Row5 Column1</td>
<td>Row5 Column2</td>
</tr>
</table>
<br/>
<form>
Name: <input type="text" name="">
Phone number: <input type="number" length="10" name="">
<select>
<option>option1</option>
<option>option2</option>
<option>option3</option>
</select>
<input type="radio" name="">Radio1
<input type="radio" name="">Radio2
</form>
<div>
<a href="personal.html">About</a>
<a href="portfolio.html">Portfolio</a>
<a href="family.html">Family</a>
<a href="hobby.html">Hobby</a>
<a href="business.html">Business</a>
<a href="professional.html">Professional</a>
</div>
<div>
<a href="mailto:test@test.com">Mail to me</a>
</div>
<div>
<ul>
<li>List1</li>
<li>List2</li>
<li>List3</li>
<li>List4</li>
</ul>
<ol>
<li>List1</li>
<li>List2</li>
<li>List3</li>
<li>List4</li>
</ol>
</div>
<div>
<img src="img/image1" height="100px" width="100px">
<img src="img/image2" height="100px" width="100px">
<img src="img/image3" height="100px" width="100px">
<img src="img/image4" height="100px" width="100px">
</div>
<script type="text/javascript">
console.log('Hello World!!');
</script>
</body>
</html>
The code got all the required tags of
and here goes the boilerplate for other html pages. Depending on the content you have and tags you want to use, you can add them to this html file.
Code:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.