Reference no: EM132616210 , Length: word count:2000
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