2 assignments about html
- please follow the requirements in the documents carefully
- For assignment 3
- Using HTML5, and following the Requirements below, write a 5-paragraph webpage about your home town.
- Your 5 paragraphs are not required to be original material. However, give credit to the original source. Credit does not to be extensive. A “source Wikipedia” is sufficient. Requirements:
- Follow the basic HTML structure practiced during recitation and shown in class for your web page.
- Add an appropriate title to your webpage using the <title> tag.
- Add your name and section using comment tags in the <head> part of the page.
- Include the following elements in the <body> section your page: Page 1 of 2
- Paragraph tags (at least 3)
- Text formatting tags (at least 2)
- Heading tags (h1, h2, etc.) (at least 2 different tags)
- Break and horizontal line tags where appropriate
- Include 2 external images (absolute pathnames). Use the height and width attributes as well as the float property of the style tag so they can blend well with surrounding text.
- Include 1 local image. Use also the height and width attributes as well as the float property of the style tag.
- Use your local image as a hyperlink (using anchor tag) to an appropriate external webpage.
- Use appropriate alternate text attribute for your images.
- Include 3 text-based hyperlinks (anchor tags) in your page.
Submission process:
10.Review the creating_zip_file.pdf included in the Sakai page for this assignment.
- Selecting your html file and your local picture, create a zip file.
- Name this file Assignment2_answers.zip.
- Attach file to the Sakai assignment page submission page and upload.
for assignment 4
Create a website consisting of four pages as below.
- A homepage named a4_home.html to discuss different entertainers. (See next page).
- Three ‘child’ pages named a4_ent1.html, a4_ent2.html, and a4_ent3.html which describe the entertainer and some fun facts. (See next page). Your pages should:
- Using HTML comments add your name, section and TA name. Each on a separate line. (This will (should) NOT be visible in the document on the web browser).
- Use internal styling for at least three tags.
- Using external styling for at least two tags to give your pages a consistent appearance.
- Have a vertical navigation bar on the left side of each page using a list of links. Make sure you can go back to the Home page from the other pages.
- Display the images using the width (or height) attribute so they appear sufficiently large or small.
- Create image links so that clicking on an entertainer’s picture in the homepage will take you to the corresponding entertainer page.
Continue to use the <title> tag in the head section to give a suitable tag names to your pages.
1
• The appearance of the home page (a4_home.html) should be similar to:
The appearance of the child pages (a4_ent1.html, a4_ent2.html, a4_ent3.html) should be similar to:
2
Directions:
1) Create skeleton files:
- Create the a4_home.html file
- Add the doctype and the html, head, and body tags
- Add the comments for the head section (name, TA etc.)
- Add the code for the navigation bar to the body and a suitable style tag to the head section
- The code for the navigation bar would look similar to: <ul style=”width:100px; height:300px; list-style:none; text-align:right; float:left; padding:24px; “>
<li> <br> <a href=”a4_home.html”>Home</a> </li> <li><a href=a4_ent1.html”>entertainer 1</a></li> <li> <a href=a4_ent2.html”>entertainer 2</a></li> <li> <a href=a4_ent3.html”>entertainer 3</a> </ul>
Make appropriate and creative modifications!
• Using the ‘save as’ menu item create 3 copies of this file named a4_ent1.html,
a4_ent2.html, and a4_ent3.html
2) Add Content:
Follow the sample outputs shown in the previous page. You may reuse any relevant content from the previous assignment.
3) Add some style:
- Use an externally linked theme .css file for at least 2 style features across all four of your pages.
- Use internal styling for at least three tags.
- The tables in the child pages should use pacific blue (#0099CC) Arial font on a white background
- The tables include a title and column headings
- The menu should be styled as follows: o Colors:whitetextonaPacificBlue(#0099CC)background o Font:Arial
o Replace the entertainers in the sample with one of your choosing - Note: To make the menu appear on the left side use float:left(see the code given above). If you see any content or images misaligned (appearing under the menu), increase the height of the unordered lists height attribute. 4) Once you are done:
- Test to make sure the 4 pages look OK and that the links work.
- Create a .zip file adding in all the files and pictures
- Upload the .zip file to Sakai
"You need a similar assignment done from scratch? Our qualified writers will help you with a guaranteed AI-free & plagiarism-free A+ quality paper, Confidentiality, Timely delivery & Livechat/phone Support.
Discount Code: CIPD30
Click ORDER NOW..


