Reference no: EM132419740

Instructions:

1. Open terminology03 html in your HTML editor and then modify the comment at the top of the page to include your name and today's date. Enter HTML 5 terminology and syntax within the <title> tags.

2. Using the information in this chapter as well as the web, mark up the entire content in the <div id="terminology"> section as a description list using <dl>...</d1> tags. Mark up each term as a term using <dt>...</dt> tags.

3. After each term, research and enter a definition for that term using <dd>...</dd> tags. Indent the definition under the term it defines as shown in Figure 3-72.

4. Validate your code and fix any errors.

5. Check the spelling of the text.

6. Save and open the page within a browser as shown in Figure 3-72.

7. Submit your assignment in the format specified by your instructor.

8. 0 Identify three problems that might occur for a web developer if the terminology and syntax discussed in this exercise are not understood.

Consider This: Your Turn

Apply your creative thinking and problem-solving skills to design and implement a solution.

Assignment 1. Create the Home Page for Your Personal Portfolio Website

Personal

Part 1: In Chapter 2, you completed a wireframe and site map for your personal portfolio website in the portfolio . html webpage. In this exercise, you will update that page with content and HTML tags. Include the following updates:

1. Add an ing tag as the first line in the header section with a professional picture of yourself. Be sure to include appropriate values for the alt, width, and height attributes. (Hint: To determine the actual width and height measurements of any image, open it in an image-editing program such as Paint or Photoshop. Information about the file's width and height measurements is usually presented in the status bar of the program. If your image is larger than 500 X 500 pixels, use the image-editing program to resize the image to make it as small and efficient for the web as possible. As you resize the image, be careful to maintain the current width/height ratio so that you do not skew or distort the image.)

2. In the nay section, create an unordered list of links to future pages that link to education. html, experience .htsal, samples .html, and contact . html.

3. To make sure the webpage will render successfully in all browsers, identify the main section using the <div id="main"> and </div> tags versus <main> and </main>, and include three <h2> headings in that section that mark up the headings of strengths, Technologies, and other.

4. Include paragraph content listing your strengths, technologies, and other applicable business skills below each <h2> heading.

5. Add an email hyperlink and a telephone hyperlink to the email and telephone content in the header section.

6. Validate and correct your webpage, spell check the content, and submit your assignment in the format specified by your instructor.

Part 2: 0 Use your favorite search engine to find articles on search engine optimization (SEO). Identify three tips that you can add to your webpage to improve its SEO performance.

Assignment 2. Create the Home Page for a Web Development and Consulting Business

Professional

Part 1: In Chapter 2, you completed a wireframe and site map for the web development firm website in the webdev.html webpage. In this exercise, you will update that page with content and HTML tags. Submit your assignment in the format specified by your instructor.
Validate and correct your webpage, spell check the content, and submit your assignment in the format specified by your instructor.
1. Save the webdev.html page as index . html because it will serve as your home page for this site.
2. Add an img tag as the first line in the header section using the company logo stored in the Data Files for Students as webdevpros.jpg with the following attribute values:
alt."WebDevPros logo" height."260"
width="389"
3. In the nay section, create an unordered list of links to future pages that link to index .html,services.html,testimonials.html,aboutus.html, and contactus.html.
4. To make sure the webpage will render successfully in all browsers, identify the main section using the <div id="main"> and </div> tags versus <main> and </main>.
5. Save the page and then save it with the name services . html.
6. In the services.html page, create content in the <div id="main"> section using this text within <p>...</p> tags:
WebDevPros offers a full stack of web development services from front-end webpage design and development through back-end
e-commerce solutions. Our development principles consider these web development strategies:
7. In the services.html page, below the paragraph in the <div id="main"> section, create a description list of five principles of web development that start with these three terms. Code the phrases as data terms using cdt>...</dt> tags and their definitions using <dd>...</dd> tags.
Term: Separation of presentation, content, and behavior where prudent Definition: Striving to use html to describe the structure of content, external css style sheets to style and position the content, and external JavaScript files to create interactions between the webpage and the user.
Term: Responsive Web Design
Definition: Building websites to provide an optimal viewing experience across a wide range of devices.
Term: Progressive Enhancement
Definition: Designing websites using a layered approach that provides basic content and functionality to all users while providing enhanced functionality to those using advanced technology.
(Add two more terms and definitions that relate to web development.)

Part 2: In Chapter 2, you contacted a web development consulting firm to interview them about a successful project to showcase as content on your home page. Open the index.html page and save it as testimonials.html. Delete the existing content in the <div id="main"> section. Using information from your interview, create a three- or four-sentence testimonial from a satisfied customer and enter it within paragraph tags within the <div id="main"> section.

Validate and correct your webpages, spell check the content, and check the links between the index. html, testimonial.html, and services.html pages. Submit your assignment in the format specified by your instructor.

Assignment 3. Create the Home Page for the Dog Hall of Fame

Research and Collaboration

Part 1: In Chapter 2, you completed a wireframe and site map for the Dog Hall of Fame website in the dogfame . html webpage. In this exercise, you'll update that page with content and HTML tags. Submit your assignment in the format specified by your instructor.

1. Save the dogfame.html page as index. html because it will serve as your home page for this site.

2. Add the banner.jpg image as the first line of content in the <header> section with the following attribute values:
alt="banner logo for Dog Hall of Fame" height="300"
width="720"

3. Create an unordered list of links to future pages that link to index. html, winners . html, and nominations . html in the nay section.

4. In Chapter 2, your team collected content, images, and stories to add to the Dog Hall of Fame website in these three areas: Hero dog, Working dog, and Companion dog. Add that content to the <div id="main"> section of the index.html page using heading, paragraph, and list tags as appropriate. Four dog images are provided in the Data Files for Students if needed for this project.

5. Validate and correct your webpage, spell check the content, and check the links between the index.htrnl page and the services.html page. Submit your assignment in the format specified by your instructor.

Part 2: Q Anytime you gather information or images from the web, copyright laws and academic fair use policies and ethics come into play. Work with your instructor to identify and apply the fair use and copyright policies that apply to the content you gather on the Internet as applied to the exercises for this class.