Develop a website which provides information in clear way

Assignment Help Web Project
Reference no: EM13839331

Web Programming Assignment

In this assignment, you will design and write a small website, with a topic of your own choice, consisting of webpages using HTML code and Cascaded Style Sheets. You are to develop a basic website, which provides information in clear way and links to other pages and websites (Part A). Students are to include appropriate images, lists and tables on their pages (Part B) and to CSS functionality (Part C).

Part A

You are to develop a basic website in the code and design view of Adobe Dreamweaver that enables a user to view certain website content on the webpages of this website. The user should be able to quickly understand the topic of this website. You are to show your understanding of good web design principles, such as clear hierarchy, easy navigation, clear presentation of information.

The following screenshot gives an example of a website that fulfils the criteria (for all parts actually, not just Part A).

Example of a well designed website - Code available on Moodle site

You are to demonstrate your understanding of the correct use of HTML tags. Use both the code and design view, if you are using Adobe Dreamweaver. It will be quite obvious to your tutor if you only used the design view, as it shows up in the code structure. Automatically generated code looks different from manually created HTML code. We will look for evidence that you either manually coded the webpages or that you manually corrected the code generated by Adobe Dreamweaver or a similar tool.

In Part A, you are to create a main page (named index.html) and a minimum of four different subpages. These can be on the same hierarchy level or on different levels. Remember that one of the points you will be marked on is good web design and a clear hierarchy! Each page needs to have a minimum of 150 words on them.

Make sure that the user can get to all of your pages via hyperlinks as well as return to previous pages via hyperlinks (rather than having to use the back button of the web browser). Also include at least one link to an external website, e.g. https://www.canberra.edu.au.

What the tutors will be looking for The tutor's instructions include

• Structure of the website: Is it clear? How many hierarchy levels are there? Have they described their choice of hierarchy in a Word document?

• Navigation: Is it easy to get from one page to another? Are all links (both to other pages on your site as well as external links) working?

• Layout: Is the information on the pages easy to find? Does the layout support the viewing of the pages? Does the student use a suitable colour scheme to produce a highly readable site?

• Has the student created the minimum number of webpages (five)?

• Has the student added a sufficient amount of original content (minimum 150 topic-related words) on each page?

• Is the code clearly structured (head, body)? Did the student use empty lines to separate blocks of code? Did the student use different levels of indentation in the code? Did the student use comments in the code? Are different tag pairs on different lines in the code?

Step by Step Guide for Part A

1. Start Adobe Dreamweaver. Do not click on "Create new HTML" or any other icon at this point.

Note: Screenshots were made using Adobe Dreamweaver

2. CSS3 They might look slightly different in CS5, which is the newer version installed in the UC computer labs, but overall the steps remain the same.

3. In the Preferences window, select "New Document" on the left, then set "Default Document Type (DTD)" to "HTML 4.01 Strict" or "HTML 5". Click on OK.

This will ensure that the HTML version used is strictly 4.01 (equivalent for HTML 5).

4. Now, click on "Create new HTML".

A new HTML file will be opened, which already has the basic HTML structure of head, body, and so on. Click on File ? Save, then type in index.html as file name for this main page file in the File Save dialog. Save this in a new directory / folder, e.g. IIT_Web_Assignment.

5. Create another four HTML pages (or more, if you feel like it) that will become the subpages. (Note: You might have to go via File ? New... ? Basic HTML ? HTML to get such a HTML skeleton). Make sure you save them! You can choose your own file names for these files, but make sure they end .html.

6. Think about the hierarchy of your website. Do you have one main page and then a second level in the hierarchy where all your pages live? Or do you have more levels of hierarchy, that is subpages of subpages? Whatever you decide, describe the hierarchy briefly in a Word document that you will submit as well, so that your tutor understands your reasoning. Why did you choose this hierarchy? What makes it suitable for your topic? Include a hierarchy tree / site map, for example:

Conference home page

|---------- Call for Papers

|---------- Important Dates

|---------- Information for Authors

|---------- Information for Students

7. Add content to the pages. The topic is your choice. Maybe a hobby, maybe a sports club, maybe a fashion line, maybe an event, etc. Note, the choice of topic or content will not be marked, but it's more fun if you choose an interesting topic.

8. Link your pages in a suitable way. Decide whether you will only provide links from the main page to all subpages and from each subpage back to the main page, or whether subpages will also link to each other.

9. Zip the entire project folder, including all files and the Word file describing the hierarchy, and submit via Moodle. Please note that you must first upload your ZIP file and then click on the Submit button. You are no longer required to submit a separate cover sheet. This is now part of the electronic submission via Moodle. The maximum ZIP file size allowed on Moodle is 10MB. If you find yours is larger than 10MB, check the file size of your image files and other files. If you follow the requirements listed here, 10MB is plenty and you should not need any more than that.

Part B

Here, you are to add some images / graphics, lists and tables.

Add a different image / graphics file to each of two of your pages (main page or subpages). What size is your image displayed at? What dimensions, DPI and file size does your image have? Is that suitable for web presentations? Remember, the smaller the file size, the faster the page loads!

Add an unordered list of four or more items to at least one of your pages.

Add an ordered list of four or more items to at least one other page.

Add a table with a minimum of three rows and columns. Choose a suitable table layout. Does your table have borders?

What the tutors will be looking for

• Same as for Part A, plus

• Minimum of two images / graphics files on separate pages (total, not per page).

o What size is the image displayed at?

o What file size does the actual image file have?

o Does the actual image size lend itself to be put on a webpage?

o Make sure the image is in the same folder or a subfolder.

• Minimum of one unordered list with at least four items.

• Minimum of one ordered list with at least four items.

• Minimum of one table with at least three rows and columns. Did the student choose a suitable table layout?

Part C

In this part, you are to use Cascaded Style Sheets (CSS) for the layout of your website. Create a menu for your pages to improve ease of navigation and clarity of your site (see the example website Interspeech 2008) and compare how it was done there. Your menu does not have to be on the lefthand site, it can be at the top, bottom or right-hand side. Define your own styles for menu entries, headings, background and font colours. Consider highlighting the current menu item in a suitable way (e.g. different font and/or background colour).

You are also to add metadata in accordance with the Dublin Core (https://dublincore.org/documents/dces/). As a minimum, include metadata for:

• Creator

• Title

• Subject (Keywords)

• Descriptions

• Type

What the tutors will be looking for

• Same as for Part A, plus

• Correct use of CSS

o Has the student defined their own styles and used these on the webpages?

o Have they defined a menu somewhere to ease navigation?

• Inclusion of metadata

o Has the student added metadata to each page? o Have they followed the Dublin Core recommendations?

In all parts, ensure that you ZIP the entire assignment folder including all files and submit it via the unit's Moodle site. Make sure that any additional files, e.g. image files, are part of your submitted ZIP file! The maximum file size is 10MB in total. If you find your ZIP file to be larger than 10MB, check your image files. Follow the steps to reduce the DPI and the resolution to right display resolution and you should have no problems to be within 10MB overall.

Reference no: EM13839331

Questions Cloud

What united states document establishes the core principles : What United States document establishes the core principles on which our government is based
Quadrilateral and rectangle subclasses of polygon : 1. What problems could rise by making Quadrilateral and Rectangle subclasses of Polygon? What alternatives am possible? What are the advantages and disadvantages of each alternative?
Explanation of nominal and sufficient consideration : Consideration does not have to be adequate or commercially realistic, nor does it have to be expressed in monetary terms, it merely needs to be "sufficient".
Discuss different forms of corporate governance structures : Discuss the different forms of corporate governance structures used in different parts of the world and how those structures have come to be developed given differences in culture, legal structures, tax methods and methods of measuring performance
Develop a website which provides information in clear way : You are to develop a basic website, which provides information in clear way and links to other pages and websites (Part A). Students are to include appropriate images, lists and tables on their pages (Part B) and to CSS functionality (Part C).
Why system of checks and balances are important : Write: In your initial post, explain why the separation of powers and the system of checks and balances are important for our democracy
Relational database with microsoft access : Relational Database with Microsoft Access 2010.
Show the result of inserting the keys : Show the result of inserting the keys 10111101, 00000010, 10011011, 10111110, 01111111, 01010001, 10010110, 00001011, 11001111, 10011110, 11011011, 00101011, 01100001, 11110000, 01101111 into an initially empty extendible hashing data structure with ..
Explain the four factors that lead to economic growth : Explain the four factors that lead to economic growth. Which of the factors of growth does Hanson rely on to develop his arguments about the benefits of immigration

Reviews

Write a Review

 

Web Project Questions & Answers

  Describe two popular web server software products

Web server configuration depends on the web server software that is used. Describe two popular web server software products and the advantages of each

  Create a static web page that includes the basic structure

Create a static Web page that includes the basic structure of a valid HTML (not XHTML) document. Make sure to include the language attribute of the html element and the character set attribute of the metadata element

  Create a form that contains a guessing game

Create a Form that contains a guessing game with five RadioButtons numbered 1 through 5.  Randomly choose one of the RadioButtons as the winning button.

  Create a website of two web pages

Create a website of two web pages (home and calculator) your website design should have a header containing the website name , a navigation menu, content place holder, and a footer. The home page will contain a welcoming message only (look at figu..

  Explanation of xml and its standards

Explain briefly XML and its standards, identifying the difference between XML and HTML and provide three examples of how XML is used.

  Identify characteristics that make good design effective

Identify the characteristics that make the good design effective and efficient. Include readability, use of colors, font, and the overall design of the website.

  Select artwork to be optimized for the web

Select artwork to be optimized for the web. Develop a formal mood board to guide your portfolio site design. Determine your personal style, and works to be included in your portfolio site

  Explain how the web user interfaces help donors

Explain how the Web user interfaces help donors to make decisions. Relate the emotional thread demonstrated in the case study to the emotional design model

  Explain designing and implementing a web application

This project aims to give students hands-on experience in designing and implementing a Web application on their own. In recent years, scientists have increasingly turned to the web for keeping up-to-date with the recent publications in their respec..

  Determine the performance of a web site or specific page

One way to determine the performance of a Web site or specific page is to create a goal within a Google Analytics account. A goal is a page on your Web site that is considered to be a conversion

  Fiction corporation to develop a network design

Fiction Corporation, a large national retail chain of 10,000 employees and 500 retail outlets, is migrating its one primary data center operation to a new headquarters building several miles away. The company wishes to upgrade its network and corr..

  Project for developing a corporate website

In a 2- to 3-page Microsoft Word document, create a project charter for the project for developing a corporate Website. The project charter should consist of detailed description of different aspects in all the different phases of the project

Free Assignment Quote

Assured A++ Grade

Get guaranteed satisfaction & time on delivery in every assignment order you paid with us! We ensure premium quality solution document along with free turntin report!

All rights reserved! Copyrights ©2019-2020 ExpertsMind IT Educational Pvt Ltd