When your attention is captured by a web page advertising a competition, promoting an event or launching a new product, what makes you stop and look?
Don’t be fooled by technical wizardry. It may have spectacular images, eye-catching animation or attention grabbing text, but what makes it effective is the way the components work together.
This unit aims to give you the knowledge and skills you need to produce attention grabbing web products using web authoring software, multimedia assets and navigation features.
You will demonstrate your ability to design, build and test a web product in a practical computer-based examination set by Pearson.
A web product is a self-contained and designed product which is viewed in a browser and hosted on the web or on an intranet. It may be linked from a parent website and include visual links such as a logo, which make users aware of this.
You need to know that the key to producing a successful web product is to be clear about its purpose from the outset. This may be to:
The starting point is likely to be a client brief so you need to know what this typically includes:
The first design step is to establish an overall structure for the web product – what pages are needed and how they are related. A client brief may specify some or all aspects of the required structure.
You need to know how to make use of a structure chart to give an overview of the hierarchy of a product. Although the main pages of a product are usually accessible via a navigation bar on every page, users will need to ‘drill down’ to find more detailed information. This is often achieved by links within the body of a main page.
All the pages must have some consistency in terms of structure and appearance to help users find their way around the product. A useful method to achieve this is to produce a storyboard, which will map out the layout and features of web products, eg positioning of logos and navigation bar.
You need to understand that a simple navigation bar:
Having designed a template and established some design rules for consistency, the next stage is to decide on the composition and design of each page:
You need to understand the importance of making your web products accessible to people with visual impairments. You will learn how to improve the accessibility of products by:
A client brief may specify some of the content required but you will need to make decisions about what to include and how it should look. Quality content improves the user experience and it is important to avoid anything that distracts or irritates users. For example, animated graphics or scrolling text should be avoided unless they enhance the content or user experience.
To organise content, you will learn how to:
Web authoring software automatically creates the HTML code on which each page is based. However, sometimes it is easier to edit the HTML code directly. You will learn how to make simple changes to the code, for example to change the colour of a heading or position of an image.
You will learn to understand and use hexadecimal colour codes/RGB values.
You need to learn how to insert and position simple given applets (programs written in Java) into an HTML page:
You will learn how to carry out systematic functionality testing of a web product to ensure that it works as intended, including:
It is always important to reflect on the success of a product and be able to review the extent to which it meets the needs of the:
Thanks [name] from [whichclass][location], Mr McG will get your message…"
[message]"…and will get back to you ASAP via [email]. Catch you soon.
Have a great day!!
K McGuinness - 2018
No personal data will be shared with any third party. The only data processed via this website is anonymous browsing data to best manage your user experience.