communications

Writing and designing Web Pages: do's and don'ts

Do's:
- know your audience and design for their experience.
- optimize your website for search
- use a grid structure
- keep it simple
- use fonts correctly

Don'ts:
- violate search engine guidelines
- force people to download a new browser
- use flash intros

Producing HTML documents for business

You don't need a special software to design HTML.
You only need a word processor (like Microsoft word) and basic knowledge of HTML.

Storyboarding for your web site

Collect the information you want to include in your website.

Sort the information into topics

For each page of the Web site, determine page title, headings, sub headings and content.

Plan the structure of the website

Layout the structure

Test the layout

Scanner and Camera

A scanner takes physical pictures and makes them digital.

A camera takes pictures and records video from real life.

Using external media: Images, sound and video

You can add images, sound, and video to your website to make it better and use other types of information to appeal the visitor.

Image map

A list of coordinates relating to a specific image, created in order to link areas of the image to different destinations.

Research 5 different Digital Imaging-related careers in the Occupational Handbook and describe them.

Computer programmers need to know how to program websites

Computer support specialists and systems administrators need to have knowledge of these topics.

Computer scientists and database administrators can use this as their work.

Public relations specialists need to use websites for their relations.

Computer control programmers and operators have to program the programs to help make websites.

Bibliography

Top 10 Dos and Don’ts of Web Design. (2013). Retrieved from https://www.ironpaper.com/webintel/articles/top-10-dos-and-donts-of-web-design/

Make an HTML Document. (2010). Retrieved from https://www.wired.com/2010/02/make_an_html_document/

How to Storyboard Your Web Site | Techwalla.com. Retrieved from https://www.techwalla.com/articles/how-to-storyboard-your-web-site

What is a Scanner? - Definition from Techopedia. Retrieved from https://www.techopedia.com/definition/30441/scanner

What is a Digital Camera? - Definition from Techopedia. Retrieved from https://www.techopedia.com/definition/12704/digital-camera

Introduction to HTML. Retrieved from https://www.w3schools.com/html/html_intro.asp

What is source code? - Definition from WhatIs.com. Retrieved from https://searchmicroservices.techtarget.com/definition/source-code

Linking to other pages on your website. Retrieved from https://www.homeandlearn.co.uk/WD/wds5pA.html

HTML map tag. Retrieved from https://www.w3schools.com/tags/tag_map.asp

HTML and source code

HTML stands for Hyper Text Markup Language

Source code is a fundamental part of programming

Linking pages

Link the pages in your website so that when you click on a certain button, it takes you to another page.

Working with layers and filters

The HTML layer tag is used to position and animate elements in a page.

A filter in a web page helps decide wether to show all of the web page of only a part to the viewer.