Web Design


Assignment 2: Website with static page layout

Unit: DGTL11005 Web Design, 

Task

You are required to design and build a website comprised of between 3 and 5 pages that provides information about a specific hobby or sport for people who are interested in taking up that recreational activity. The website must be implemented using HTML5 and CSS code. Each page in the website must have a static layout with a fixed width of 960 pixels. No front-end web frameworks such as Bootstrap or Framework may be used in your solution because the website should demonstrate your own mastery of HTML and CSS.

Purpose and target audience

The purpose of the website is to provide information about a specific hobby or sport for people who are interested in taking up that recreational activity. The exact recreational activity used as the focus of the website is your decision, but it should be something that you are knowledgeable about. The theme of the website should not be a specific club, society or organisation associated with your chosen recreational activity. For example, the website may be about soccer, but not about a particular soccer club.

Content

The content of the website should address topics that will be of interest to the target audience. Examples include how the activity is performed, any special skills or attributes that are required, any rules governing the activity, why people enjoy it, how people can get involved, and so on. Note that these are suggestions only. The content of the website should be genuine and accurate. Do not include fictitious information.

The site should consist of between 3 and 5 pages. No word-limits apply to the information presented in your site, but try to ensure that the amount of content on each page is appropriate i.e. not too little and not too much.

Design

The design of the website should be appropriate for the chosen recreational activity. For example, a website about collecting comics might have a comic book theme. A website about bushwalking might have an outdoors theme. A website about surfing might have a beach theme. These are suggestions only. Think about the distinguishing characteristics of your chosen hobby or sport. Choose images, fonts, colours, shapes, textures and other design elements that suit this theme.


Static page layout required

Each page in the website must have a static layout with a fixed width of 960 pixels. The layout of each page should conform to the 960 grid system, which is described in Study Guide module 3. The grid provides a structure upon which blocks of text, images and other page elements can be positioned in an orderly way. You may not use front-end web frameworks such as Bootstrap or Foundation in your solution because the website should demonstrate your own mastery of HTML and CSS.

Original content required

No content (text, photographs, illustrations, etc) will be supplied to you for this assignment. You must produce your own content for the website, using the design brief as a guide. This may involve activities such as conducting research, writing text, taking photographs, or editing images.

Images

You must own the copyright in any images (photographs, illustrations, animations, etc) that you use in your website. In others words, you are restricted to using images that you have created yourself from scratch. You may not use clip-art or royalty-free images. You may not download someone else’s image from the Web. You may not scan someone else’s image from a printed publication. You may not capture a screenshot from software that someone else has created. You may not take someone else’s image and alter it to create a new image.

Text

The text in your website should be suitable for the intended purpose and target audience. Do not simply reproduce the text from the design brief word-for-word. You must own the copyright in the text that you use in your website. In other words, you are required to write the text yourself. If you need to quote, paraphrase or summarise the words of another author for some reason (e.g. to substantiate your statements), references must be provided in small type at the foot of the web page. The prescribed referencing system for this unit is the Harvard system, which is also known as the author-date system or the name-year system. An Abridged Guide to the Harvard Referencing Style can be downloaded from the following address:


Technical constraints

The following technical constraints apply to this assignment.

         The website should display correctly in the latest versions of Mozilla Firefox and Google Chrome on a PC. Your target screen resolution is 1024 768 pixels, but ensure that your page design also looks good on screens with a higher resolution (e.g. 1280 1024 pixels).

         Your website must be constructed with HTML5 and CSS, not Flash. You are required to use CSS to control the appearance of the text in your website and the layout of your web pages.

   Your website must not contain any audio clips, video clips, Flash movies or other elements that require browser plug-ins.

  You are not required to upload your website to a web server. Your website must not contain any server-side scripts such as CGI, PHP, ASP or ColdFusion code. It should be possible for the marker to view your website from the submitted files without connecting to the Internet.

    You may use client-side scripts such as JavaScript code in your website if you wish, but these elements are not required or encouraged for this assignment. Since client-side scripts are not included in the assessment criteria for this assignment, they will not contribute to your result.

        The files that make up your website must come to a total of no more than 7 MB, and may be considerably smaller. If your files exceed that limit, you should reduce the size of your image files. Use your image-editing software to reduce the bit depth or dimensions of your images while preserving image quality.

Development tools

You are encouraged to build your website with Dreamweaver, but almost any plain text editor, HTML editor or web authoring software may be used. You are encouraged to create your images with Photoshop, but almost any image-editing software may be used. The automated Site Builder tools offered by some web hosting services may not be used in this unit. If you have doubts about the suitability of your development tools, ask for clarification through the online discussion forum.

Presentation and submission

This assignment must be submitted electronically through the unit website as a single zip file (compressed file) named assignment2.zip containing the directory of files that make up your website. Instructions for submitting assignments electronically are available on the unit website.

Before you submit your solution, copy the website from your development computer to another computer to test it. If you have inadvertently used absolute URLs instead of relative URLs in your code, or if you have used fonts that are not widely available, these problems will quickly become apparent. Also check the assessment criteria to ensure that you have covered everything that is required.

Help with creating a zip file

If you are a Windows user, you can create a zip file by right-clicking on the file(s) or folder(s) that you want to compress, selecting Send To > Compressed (Zipped) Folder from the pop-up menu, and finding the newly created zip file in the same directory. To rename the zip file, right-click it, choose Rename from the pop-up menu, and type the new name.

If you are a Mac user, you can create a zip file by right-clicking on the file(s) or folder(s) that you want to compress, selecting Compress Items from the pop-up menu, and finding the newly created zip file in the same directory. To rename the zip file, click the icon of the zip file, press the Enter key, and type the new name.

To get solution visit our website www.sourcessay.com

Comments

Popular posts from this blog

Organisational Best Practice

Why Students Are Stressed Today

Project Management Assignment