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 nav 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 <dt>...</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 frm 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. The testimonial
will be fictitious, but strive to make it professional and realistic.
Consider This: Your Turn continued
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.
Sorry the answer is not available at the moment…
If you are able to find the answer, please make sure to post it here. So that your Juniors have smile on their lips and feel happy.
Spread the 'tradition of sharing'.