# data[].attributes.body
SubtWebsite Design Do’s and Don’ts. (2006, January 1). Retrieved October 1, 2015, from

http://www.optimus01.co.za/website-design-dos-and- donts/opic

# data[].attributes.body
Scanner. (n.d.). Retrieved October 9, 2015, from

http://whatis.techtarget.com/definition/scanner

# data[].attributes.body
HTML Tag. (n.d.). Retrieved October 9, 2015, from

http://www.w3schools.com/tags/tag_map.asp

# data[].attributes.body
How to be a ... WEB DESIGNER. (2008, December 7). Retrieved October 9, 2015, from

http://search.ebscohost.com/login.aspx? direct=true&db=nfh&AN=200807121055342329&site=src- live

# data[].attributes.body
Source code. (2014, July 10). Retrieved October 8, 2015, from

http://en.wikipedia.org/wiki/Source_code

# data[].attributes.body
HTML Introduction. (n.d.). Retrieved October 8, 2015, from

http://www.w3schools.com/html/html_intro.asp

# data[].attributes.body
Digital Imaging Specialist (Photographic laboratories). (n.d.). Retrieved October 8, 2015, from

http://creativeskillset.org/job_roles_and_stories/job_roles/3 77_digital_imaging_specialist_photographic_laboratories

# data[].attributes.body
Digital Imaging jobs. (n.d.). Retrieved October 8, 2015, from

http://www.indeed.com/q-Digital-Imaging-jobs.html

# data[].attributes.body
Media and Communications-related occupations, Art and Design Occupations. (2006). In Occupational outlook handbook. Indianapolis, IN: Jist Works.

# data[].attributes.body
How to Use Color Filters for Fantastic Website Designs - Designmodo. (n.d.). Retrieved October 9, 2015, from

http://designmodo.com/color-filter-websites/

# data[].attributes.body
What's an HTML document? (n.d.). Retrieved October 9, 2015, from

http://www.etsav.upc.edu/assignatures/portafoli/tutorial1/3. html

# data[].attributes.body
What Is a Camera? (2008, October 28). Retrieved October 9, 2015, from

http://www.ehow.com/about_4574467_what- camera.html

# data[].attributes.body
Macromedia Dreamweaver - Using layers to design a web page in Dreamweaver 4: Creating and adding content to layers. (n.d.). Retrieved October 9, 2015, from

https://www.adobe.com/support/dreamweaver/interactivity/using_layers/using_layers04.html

# data[].attributes.body
How to Insert Images and Text in DreamWeaver Tutorial. (n.d.). Retrieved October 8, 2015, from

http://www.siteground.com/tutorials/dreamweaver/insert_im ages.htm

# data[].attributes.body
How to Insert a YouTube Video into Your Web Page with Dreamweaver. (n.d.). Retrieved October 8, 2015, from

http://www.thesitewizard.com/faqs/youtube-video- dreamweaver.shtml

# data[].attributes.body
Adding Sound. (n.d.). Retrieved October 8, 2015, from

http://helpx.adobe.com/dreamweaver/using/adding- sound.html

# data[].attributes.body
How to Link Pages within Your Website in Dreamweaver. (n.d.). Retrieved October 8, 2015, from

http://www.dummies.com/how-to/content/how-to-link- pages-within-your-website-in-dreamweav.html

# data[].attributes.body
Storyboarding your Website. (n.d.). Retrieved October 8, 2015, from

http://www.cwrl.utexas.edu/~davis/crs/309/storyboarding.htm

# data[].attributes.body
1.Open the page where you want to add the link

2. Select the text or image you want to use as a link

3. Select the Hyperlink icon in the Common Insert Panel

4. Click the Browse icon icon to the right of the Link drop- down list

5. Click the filename to select the page that you want your image or text to link to, and then click Choose

6. Use the Target field in the Hyperlink dialog box to define where your linked page opens and click OK.

# data[].attributes.body
the original form of a computer program before it is converted into a machine-readable code.

The source code of a program is specially designed to facilitate the work of computer programmers, who specify the actions to be performed by a computer mostly by writing source code.

# data[].attributes.body
HTML is a markup language for describing web documents that are in webpages.

HTML stands for Hyper Text Markup Language

Each HTML tag describes different document content

# data[].attributes.body
Embed Video: 1. Get the Embed code of the youtube video you want to include on your webpage 2. Open "Code" Mode in Dreamweaver and copy-paste the link there

# data[].attributes.body
To insert an image into your website in Dreamweaver you just have to go to insert-Image and choose the image you would like to add. Then in the properties panel you can change the properties of the image.

# data[].attributes.body
Link Audio: 1. Select the text or image you want to use as the link to the audio file. 2. In the Property inspector, click the folder icon next to the Sound Link text box to browse for the audio file, or type the file’s path and name in the Link text box.

# data[].attributes.body
1. Layers are containers that can hold most any element you find on a typical web page

2. You can add them using the Draw Layer button and then add content into your page

# data[].attributes.body
Every HTML document includes two parts: - one part that is visible to/in the browser and can't be changed directly and that shows the entire content of the page. - another part that contains the source code of the page with which we can modify the HTML document.

# data[].attributes.body
1. What content you would like to include

2. Sketch how your website will look

3. What color scheme are you going to use

4. What will be the fonts you are using

5. Assign both descriptive names and file names

6. Determine how your pages will be linked together

# data[].attributes.body
Before creating a Dreamweaver website it is important to create a storyboard to guide you and to let you know how the information in your website will be linked. Some of the things you should add to the storyboard are:

# data[].attributes.body
A scanner is a device that captures images from photographic prints, posters, magazine pages, and similar sources for computer editing and display

# data[].attributes.body
A camera is a device that is used to transfer an image onto either a sheet of film or a space on a digital hard drive.

# data[].attributes.body
1. Graphic Designer: Graphic designers plan, analyze, and create visual solutions to communication problems.

2. Medical Photographer: Supervises the operation of a medical visual arts unit, including still photography, electronic/ digital imaging, and videography

3. Machine Print Operator: Produce high quality photographic prints to meet the requirements of photographers and graphic designers

4. Print Finishing Technician: complete the final display of a print product through using precision cutting and mounting equipment

5. Laboratory Manager: organise and control all aspects of the work of a photographic laboratory

# data[].attributes.body
1. The <map> tag is used to define a client-side image-map

2. Image maps are images with "hot spots" that are clickable and take your readers to other Web pages

# data[].attributes.headline
Research 5 different Digital Imaging-related carreers in the Occupational Handbook and describe them.

# data[].attributes.subject
Research 5 different Digital Imaging-related carreers in the Occupational Handbook and describe them.

# data[].attributes.headline
Using external media: Images, sound and video

# data[].attributes.subject
Using external media: Images, sound and video

# data[].attributes.body
1. Make sure to use colors

2. Make it attractive so that people stay in the page

3. Have a lot of functions.

4. Most important information on the main page

# data[].attributes.body
1. Don't link to irrelevant material

2. Don't write web pages that are dependent on pages before or after them in the structure.

3. Don't overuse emphasis (Such as boldface, italic, all caps, link text)

# data[].attributes.headline
Writing and designing Web Pages: do's and don'ts

# data[].attributes.subject
Writing and designing Web Pages: do's and don'ts