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 layer Tag. Retrieved from https://www.tutorialspoint.com/html/html_layer_tag.htm
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.