Develop a website using cascading style sheets

Reference no: EM132354299

Develop Cascading Style Sheets Assignment - Unit Project

This unit describes the skills and knowledge required to develop cascading style sheets (CSS) that are attached to a markup language document, in order to externally define, and control, styles to enhance and achieve commonality between web documents.

It applies to individuals who are required to layout and ensure consistency of appearance between web pages.

Unit Project (UP) - Develop a website, using cascading style sheets.

Instructions to complete this assessment task:

This assessment task requires you to develop a website, using cascading style sheets.

You must prepare three web pages as specified.

You must fulfil the conditions specified in the project.

You must attach the copies of your original code and modified code with this assessment task and provide them to your trainer/assessor.

Trainer/assessor will assess your performance as per the performance criteria and checklist provided.

You must use the design brief from the previous assignment to perform this task.

You may attach additional pages.

You must include the following in the footer section of each page of the attached sheets:

Student ID or Student Name
Unit ID or Unit Code
Course ID or Course Code
Trainer and assessor name
Page numbers

You must staple the loose sheets together along with the cover page.

You must attach the loose sheets chronologically as per the page numbers.

Correction fluid and tape are not permitted. Please do any corrections by striking through the incorrect words with one or two lines and rewriting the correct words.

The premise of the project must be closely related to the previous assessment task.

This submission must be well presented and follow the guidelines and instructions provided.

Please follow the format as indicated in the template section below.

One of the most important steps that you can take: proofread your project.

Appropriate citations are required.

All RTO policies are in effect, including the plagiarism policy.

Resources required to complete the assessment task:

Computer
Internet
MS Word
Printer or e-printer
Printer or e-printer
Industry software packages
A variety of web browsers
The internet, for access to the World Wide Web Consortium (W3C).

Project -

In this assessment task, you are required to develop a website, using cascading style sheets. This assessment task is divided in the following parts:

Part 1: Gather information regarding the technical and business aspects to complete the website.

Part 2: Lay out page elements, using CSS and test web pages in a variety of browsers

Part 3: Validate the CSS against industry standards.

Project description - You are required to code using Hypertext Mark-up Language (HTML) and cascading style sheets (CSS) to develop a website that have the following features:

i. Three web-pages.

a. Home-page with information about you and this website project (100-150 words)

b. Our-location page must include two brick houses, a park, a swimming pool and cars moving on two streets.

c. Contact us page must have your name, contact details and a contact form.

Conditions: You must follow a number of project conditions to complete this project acceptably:

You must use a web development tool, such as Adobe Dreamweaver from Adobe Systems for this assessment task.
You must code using Hypertext Mark-up Language (HTML) and cascading style sheets (CSS) to create, format, review, save and access web- based documents, diagrams and images.

Part 1: Gather information regarding the technical and business aspects to complete the website.

Gather information regarding your project task: You must speak with your trainer/assessor and complete the below template:

Information gathering and analysis form

What are the technical and business aspects should be considered to design this web project?

What information is available other than the project description and conditions to complete this web project and how to obtain the relevant information?

What calculations and measurements are necessary for website layout?

What industry standards and user requirements are important to consider to design, implement and test the web project?

Part 2: Lay out page elements, using CSS and test web pages in a variety of browsers

In this assessment task, you are required to complete work according to the information gathered through Part 1, project description and project conditions.

This part is further divided into two activities.

Activity 1: Design the website/ Layout page elements using CSS for "our location" page:

You must include the following page elements using CSS:

I. Body: The position of the high-scraper should be fixed and background a very light shade of orange.

II. Ground

III. Ground div

IV. Road

V. Wood

VI. High-scrapper

VII. Water

Activity 2: Test web-pages in a variety of browsers

For this assessment activity, you are required to test your web-site on the following web browsers:

Google Chrome
Mozilla Firefox and
Microsoft Internet Explorer

You must complete the below checklist to perform this activity:

Cross browser test
Test code and name	Description	Outcome/ result
Test001: Alignment of elements in all browsers	Make sure that the elements are in the correct place that you intend them to be in.
Test002: Look and feel of the content	Make sure that all the elements have demonstrated the same look and feel.
Test003: Appearance of scroll	Check if the scroll is present on both horizontal and vertical bars and is functional.
Test004: Image alignment	Make sure that all the images are aligned and in place across different browsers.

Part 3: Validate the CSS against industry standards.

In this assessment task, you are required to validate your CSS and HTML code. You must validate these against current industry standards.

Description of the task: Tags left open can be nightmares for developers and horrifying for the users if they see the code live on screen. So, it's mandatory to make sure that the code is clean and properly validated. W3schools have a soft corner for the same. You can easily validate your HTML, JS, and CSS before going live on tools like W3C Mark-up validation service, Free Formatter or JS Formatter, W3C CSS Validation Service - W3 Jigsaw or CSS Validation Service.

Browser Compatibility issues can be found using these tools and you can further proceed with solving them.

What is expected from you:

It is expected that you must use CSS Validation Service to validate your CSS and HTML code.

You are required to sort out all issues and warnings and ensure your code is error-free.

Reporting the result: You must attach the copies of your original code and modified code with this assessment task and provide them to your trainer/assessor.

Attachment:- Cascading Style Sheets Assignment File.rar

Reference no: EM132354299

Questions Cloud

Estimate Average Time in Line and Average Time in System : Computer Simulation - Simulate Jack Williams' shop for 100 customer arrivals to estimate Average Time in Line and Average Time in System

How much amortization expense is included in meridans : How much amortization expense is included in Meridan's income for the year ended December 31, 2017? Show all supporting calculations.

What are the audit implications of these figures : What are the audit implications of these figures? Identify four key audit procedures that you would perform to address the issues you identified in part.

Identify the amount we should recognize under each section : If a transaction requires two entries on the SCF, identify the amount we should recognize under each section and whether it was an inflow.

Develop a website using cascading style sheets : ICTWEB409 - Develop Cascading Style Sheets Assignment - Unit Project, Australian Technology and Innovation College, Australia

Draw the flow diagram of the additional treatment process : Wastewater Treatment Process Design - Draw the flow diagram of the additional treatment process and mention the objectives of each treatment unit process

Explain how you envision using these concepts : Identify the two or three things that Accounting will be most useful to for career. Explain how you envision using these concepts.

Identify two things about capital budgeting : Identify two things about capital budgeting. Explain how manager can use those two pieces of information in organizations.

Prepare the july 1 entry for a1 to record the purchase : The receivables are shown net of an allowance for doubtful accounts of 12000. The amounts for buildings, equipment and trademarks are shown net.

Reviews

len2354299

8/8/2019 4:31:37 AM

The resources required for these assessment tasks also include: A personal computer (PC) and printer. Software currently used in industry. Special purpose tools, equipment and materials. Industry software packages. A variety of web browsers. The internet, for access to the world wide web consortium (W3C). A simulated or real information and communications technology (ICT) industry environment. You must address the performance criteria/ performance checklist.

8/8/2019 4:31:30 AM

To be assessed as satisfactory (S) in this assessment task the participant needs to demonstrate competency in the following critical aspects of evidence a) Coded the website using Hypertext Mark-up Language (HTML) and cascading style sheets (CSS). Created three web pages - Home page, Location page and Contact page. Created pages included all the information specified. Codes used were accurate. b) Fulfilled the conditions to create the website. Used a web development tool, such as Adobe Dreamweaver from Adobe Systems. Created, formatted, reviewed, saved and accessed web- based documents, diagrams and images using Hypertext Mark-up Language (HTML) and cascading style sheets (CSS).

8/8/2019 4:31:21 AM

c) Gathered information regarding the technical and business aspects to complete the website. Identified work outcomes through open-ended questioning, active listening, paraphrasing and summarizing. Used clear and detailed verbal language in order to convey explicit information. d) Lay out page elements, using CSS and test web pages in a variety of browsers -Used information gathered to lay out page elements. Included the page elements specified. f) Tested web-pages using the following specified web browsers. Google Chrome, Mozilla Firefox and Microsoft Internet Explorer. f) Validated the CSS against industry standards. g) Reported the results as specified in the assessment task.

Write a Review

Required(*) Message

User Account

All Pages