Demonstrate mastery of the web development skills

Reference no: EM132616461

HS1021 Web Design - Holmes Institute

Assessment - Web Site Project

Purpose: It provides students with an opportunity to practice techniques and skills involved in designing webpages using HTML5 and CSS. To design, develop, and publish a web site using recommended design practices.

Students will be able to:
1. Understand basic concepts and principles underlying the Internet, World Wide Web, and Web design
2. Define, interpret and evaluate different Internet, web architecture, standards and applications
3. Apply web related programming skills to develop web based systems for a particular business scenario.
4. Understand and evaluate business problems related to Web design and suggest possible solutions

Specifications

Overview:
Your Project will demonstrate mastery of the web development skills and concepts learned in this course. You are a member of a design team at Holmes Media Design, a premier web design and multimedia design firm in Melbourne area. Recently, several local firms have approached Holmes Media Design with requests for websites development. Your task is to analyze the competition and propose a page layout design appropriate for your client's business and target audience.

Assignment Requirements:

The assignment requires that you develop a website for your chosen client. The director of the chosen client is interested in developing a website that effectively communicate to a target audience. You will build a website with content of your client choosing. You need to work on the followings:

1. Choose Your Client

Your first step is to choose your client. Your lecturer must approve the topic of your web site.

2. Analysis Your will need to do some investigation and background analysis. Feel free to contact your lecturer with your questions about your client and their business.

a. Determine the top three expectations your client has for the website.
b. Determine the target audience.
c. What opportunity, problem, or issue the website is addressing?
d. What type of content might be included in the website?
e. Locate three potential competitors (or similar websites).
f. Use the Web Design Best Practices Checklist to analyze the competition. For each competitor, note two strengths and two weaknesses.
g. The Analysis Report. Submit a one-page written description of your results for the analysis steps above.

3. Design

Before you build the complete website, you need to design a sample page layout (Wireframe) to propose to the client. Use any of the following applications to create a Sample Page Layout: Adobe Macromedia Dreamweaver, Adobe Macromedia Fireworks, Microsoft PowerPoint, Microsoft Word, or Adobe Photoshop. Feel free to contact your instructor with your questions about your client and their business.

You should include the followings in your sample page layout:
a. Choose color scheme. Justify your selection.
b. Choose page layout type: jello, liquid, or ice. Justify your selection.
c. Choose font face, weight, and size for headings, subheadings, main content, footer, etc. Justify your selection.
d. Create your own content, including logo banner.
e. Include the URL of your sample page layout file.
f. Upload your Sample Page Layout to the Web.

4. Site Map:

Using a Word processor or PowerPoint, draw a flowchart (storyboard) of your web site that shows the hierarchy of pages and relationships between the pages.

Publishing Instructions:
You are required to publish your web on the Internet. Start looking NOW for your Ad Free host (project must be hosted on a Ad Free host). There are many sites on the web that offer ad free web site hosting. Try searching for some on your own or check out Ad Free Web Site Hosting (Resources > Ad Free Web Site Hosting) to get you started.

The project must be your own design and be completed by you - the use of free or purchased web site templates are not permitted (for example, those found in Dreamweaver, purchased or free, blog or social networking templates such as Drupal, WordPress, Blogger, Facebook as well as the textbook's Case Study Lab). If it is perceived that a web template has been used, the project grade will be no higher than (P).

Students sometimes wonder about what a "page" should contain. The answer is that to count as a "page" in your web project, a web document must be designed in a manner consistent with your site and contain content of value that includes text and images. Web page documents that have little or no content of value to your intended audience or consist only of an image or a PDF will NOT be counted as a "page".

Your website MUST contain (at minimum):
a. One (1) home page and six (6) (but no more than ten 10) content pages
b. Each page must provide information and value to the target audience
c. Pages must contain appropriate:

o Header & footer
o Titles
o Navigation, list (ordered or unordered), links (internal & external including "mailto")
o Mai, footer, aside, article, section, headings, paragraphs, DIVs, id, class
o Images, font, colour, background

d. Page index.html

o Block, inline, sizing, border, padding, margin
o One (1) video (you are not required to create the video, there are many sharable videos on the Web - chose one that is relevant to your project
o One (1) e-mail link
o One (1) external link
o Appropriate meta tags

It is the homepage of the website. It should provide introductory information about the chosen client, their history, menu, location, available types of pizzas, etc. Feel free to refer to real-world business websites for example. Information about at least three types of products/services must be provided, with at least three original or explicitly referenced images.

e. External Style Sheet
At least one CSS file is to be created to style all HTML pages. Use any CSS properties you deem necessary and appropriate for the presentation. The following CSS properties can be used:

• color
• font-family
• background-color
• background-image
• border
• text-shadow
• box-shadow
• margin
• padding
• float

f. Publish Project:
Finish publishing your web on the Internet. Please make sure your web site is accessible and has no errors.

Attachment:- Web Design.rar

Reference no: EM132616461

Questions Cloud

Describe the main functions the nephron is responsible for : Mr. Drummond is a 72-year-old male who is 2 days postoperative for a bowel obstruction. His urine output over the last 4 hours is less than 100 ml per hour.

Calculate the company disbursement float : Calculate the company's disbursement float, collection float, and net float it the collected funds were available in one day instead of three. (round answer to

How do calculate the nominal annual cost of trade credit : How do Calculate the nominal annual cost of trade credit under each of the following terms. Assume a 365-day year. Do not round intermediate calculations.

What journal entry is needed at the end : Determine the following - What journal entry is needed at the end of 2020 to record depreciation expense using double-declining balance depreciation

Demonstrate mastery of the web development skills : Demonstrate mastery of the web development skills and concepts learned in this course. You are a member of a design team at Holmes Media Design, a premier

Variance analysis : Why might managers find a flexible-budget analysis more informative than static-budget analysis?

Calculate his EI Premium per pay period : Frank Lasalle works 75 hours in the bi-weekly pay period and earns $30.00 an hour. Calculate his EI Premium per pay period

Evaluate how much cash will be freed up : Williams & Sons last year reported sales of $32 million, cost of goods sold (COGS) of $24 million, how much cash will be freed up?

Examples of how techniques like classification : Give specific examples of how techniques like classification and clustering has been applied in that particular case study.

User Account

All Pages