Hi I need someone help with HTML –Internet Web Page Design
Ch1and ch2, ch3
Ch1
Your family owns a dog grooming business and needs a website. Your family knows that you are taking a web design class and asks you to create a website for the business.
Perform the following tasks:
1. Plan the website by completing the table in the dog_grooming_plan.docx document. Download the document and answer the questions with thoughtful, realistic responses.
2. Be sure to sketch the wireframe for the home page and include a site map to list the proposed pages for the business website.
3. When you have completed the document, upload the most recent version into the environment.
Ch2
As in almost every field, the job market for the best jobs in web development are competitive. One way to give yourself a big edge in a job search is to create an appropriate personal portfolio website to showcase your skills. You have already created your website plan, wireframe, and sitemap in Chapter 1.
1. Now, create a folder to serve as the root folder for the website and name the folder portfolio.
2. Create a webpage template inside the portfolio directory with HTML semantic elements and static content. Add a multiline comment beginning at Line 2 that includes your name (firstname lastname), the file name, and the current date (MM/DD/YYYY).
3. Add a comment above the main element to note its purpose.
4. In the header, include a heading element for your name, and then add another heading element with your mission statement or tagline.
5. In the nav area, include text for the links you will provide to the other webpages in the website.
6. Validate the template, correct any errors, and then use the template to create a home page for your portfolio called index.html.
7. Finally, add content to the main content area on your home page and add at least one character or symbol on your page.
Ch3
In Chapter 2, you created a webpage template and a home page for your personal portfolio website. You now need to add an image to your home page and template, add page links, create two new pages, add a list, and embed a map.
Grading
This lab will be reviewed by your instructor, and your grade will be adjusted down from 100% if it does not meet the grading requirements. You can use the Website Refresh button to refresh your website preview at any point. You can view a full-page version of your website by clicking the arrow in the top right corner of your website preview. Complete all lab requirements before you submit your work. To submit, click the checkbox and click the "Submit" button in the task list.
Perform the following tasks:
1. Create a subfolder within your portfolio website folder and name the new folder images. Save a picture of yourself within the images folder. Ensure that the image file has an appropriate file name, such as your name. Use all lowercase and no spaces.
2. Review the image file properties to ensure that the image size and file size are not too large. If your image size is greater than 500 x 500 pixels, use photo-editing software, such as Paint, to adjust the image size. Likewise, if the file size is greater than 1 MB, use an online image file compression tool to reduce the file size.
3. Add a picture of yourself within the header element on your home page and your template file. Be sure to include all necessary attributes within the img element; src, alt, height, and width.
4. 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 “About Me,” use about.html as the file name. Update the navigation area on your home page to match the navigation area on your template.
5. Add your student email address to the footer element and include an email hyperlink to your email address. Update the footer area on your home page to match the footer area on your template.
6. Review your site map and then use your template to create a new webpage for your website. If you create a new page for “About Me”, use about.html as the file name.
7. Update the comment and the title element on your new page. Nest a div element with an id attribute and appropriate value within your main element. Add relevant content to the div element and include a list with content relevant to the page. Use at least one ordered list, unordered list, or a description list. If using one list, it should include a minimum of five list items.
8. Create another new webpage using your template file. Use this new page for your contact information. Use an appropriate file name, such as contact.html.
9. Update the comment and the title element on your new page. Nest a div element with an id attribute and appropriate value within your main element. Add relevant contact information to the div element. Embed an online location map with the location of your educational institution.
10. Review the new pages for spelling errors and correct. Validate your new pages and correct any errors.