Hi I need someone help with HTML –Internet Web Page Design

Ch2 and ch3

Ch 2

You and several of your classmates have decided to help increase student involvement in school clubs and events by creating a website to promote awareness about the various activities. You have already created a website plan, wireframe, and sitemap for the proposed website. Now you need to create a webpage template with HTML semantic elements and static content. Next, validate the template, correct any errors, and then use the template to create a home page for your student club and events website.

Perform the following tasks:

1. As a group, determine where you will store your website files, either locally or using a remote repository, and then create a folder to serve as the root folder for the website. Name the folder  student. Inside of your  /student folder, create the following subfolders for the website:  css,  images,  media,  scripts.

2. Create a  template.html file for your website and save it within the  /student root folder. Add all necessary HTML elements to the template to create an HTML 5 webpage. Your template file should include the following minimum structural elements: header, nav, main, and footer.

3. Add a multiline comment to your template file that identifies the group members, file name, and the current date. Insert a comment above the main element to identify the purpose of the main element and how it should be used.

4. Add static content to your template. Use appropriate text within the title element. Nest a heading element within your header element. If it serves a purpose, you may include a symbol within your heading element. Nest a paragraph element within your nav element that includes text for your future page links. You may include symbols between your text links. Add content to the footer element.

5. Indent all nested elements and add blank lines where appropriate to improve readability.

6. Validate your template file and correct any errors.

7. Use your template file to create your home page. Save the home page with the file name  index.html.

8. Add meaningful content to the main element on your home page and change the text in the title element to indicate this page is the home page.

Ch 3

You and several of your classmates have decided to help increase student involvement in school clubs and events by creating a website to promote awareness about the various activities. You have already created the website plan, template, and home page in  Chapter 1 and  Chapter 2,  Lab 3. You now need to add links, images, and create more webpages for the website.

Perform the following tasks:

1. Upload your files from  Chapter 2 or using the command line to sync your files from a remote repository.

2. Open your  template.html file and add anchor elements to create text links within the navigation area. Though the other pages do not yet exist, use an appropriate file name for each text link. For example, if you have a navigation link for “Clubs”, use  clubs.html as the file name. Update the navigation area on your home page to match the navigation area on your  template.html file.

3. In the template file, nest an empty div element within the main element.

4. Add an email link to the email address within the footer element in the  template.html file and the  index.html.

5. In the  template.html file, in the footer element, add a paragraph element with the name of your educational institution and link the text to the home page of your educational institution’s website. Configure the link to open in a new tab. Update the footer element on your home page to match the footer element on your  template.html file.

6. In the  index.html file, in the main element, wrap all elements within a div element with an id attribute value of  welcome. Indent the nested elements within the div element.

7. Nest an image within the welcome div element. You may use one of the image files provided or add your own. Use descriptive alt text and include the proper height and width attributes. If your image is greater than  500 x  500 pixels, use graphic software to resize the image. If the file size is greater than  1 MB, use an online image compressor tool to reduce the file size.

Indent all nested elements and save your changes

8. Review your site map and then use your template to create a new webpage for your website. Save your new webpage with an appropriate file name. For example, if you create a new page for “Clubs”, use  clubs.html as the file name. As a group, discuss what content will you add to this page.

9. Update the comment and title on the new webpage. Assign an id attribute and value to the div within the main element, then add content to this div. Content should include at least one heading element, at least one paragraph element, an image with all appropriate attributes, and a list (ordered, unordered, or description). Add an absolute link to the webpage that opens another website in a new tab.

Indent all nested elements and save your changes.

10. Review your site map and then use your template to create another new webpage for your website. Save your new webpage with an appropriate file name. As a group, discuss what content will you add to this page.

11. Update the comment and title on the new webpage. Assign an id attribute and value to the div within the main element, and then add content to this div. Content should include at least one heading element, at least one paragraph element, an image with all appropriate attributes, and a list (ordered, unordered, or description).

Indent all nested elements and save your changes.

12. Review the new pages for spelling errors and correct. Validate your new pages and correct any errors.