Study Guide for web design
Name at least 3 proofreading techniques.
1code in cps
2 nesting
3read outloud
How many web-safe colors are there? What is web-safe?
216 website safe colors websafe means thatall computers can use these colors
What does hexadecimal mean?
6 digit # that represents a color
What is the difference between a jpeg and a gif file
Jpeg 5% compressin, photos are usually jpegs because it has a lot of colors
Gif limited colors
What is bitmapping?
Boxy pixels (bmp)
What is a pixel?
A single piece of info
Why is it important not to enlarge an image too much?
So it doesn’t take up too much memory
What is a
• .psd: photo shop document
• .png: portable networkgrahfics
• .htmlhyper taxt markup language
• .swfshockwaVE FORMAT
• .fla: flash doc
• .docx word
What is meta data?
Describes how , when and by whom a particular set of data was collected and how the data was formatted
Where does it go?
In the head
Why is it important as a marketing tool?
Copyrights work and adds keywordas and page descriptions search engines
How do you save an html document in Notepad?
Chose all texts then click .html
What is alt text?
Alternate text
Name 3 reasons why it is a great idea to add alternative text to your images:
1 to explain images
2 still see caption if pic don’t work
3
Why is accessibility so important lately? (What happened to Target?)
They got sued because someone could not look at the webpage (person was disabled)
Know how to write code to
• Make a list
• Make margins
• Background color
• Horizontal rule
• Change type, nesting it: color size font
• Change the size of your image (2 ways)
What does mean?
When you click on a link it takes you to a new window
Where does it go?
At the head
What is the difference between an absolute link and a relative one?
Absolute link is a link that takes you to another page
Relative takes you to the same page
Why are both useful?
Relative- takes you to another place faster
Absolute link- takes you somewhere for more information
Aesthetics in design: (the basics)
Value the skill of the artist who created the work; value the artist/designer’s process as an expression of creativity; reflection of human expression and achievement; aesthetic expression and appreciation are universal.
Give reasons why your image won’t appear on a page:
Coded wrong
Filename is diff
File is not saved in the correct folder
What does alphanumeric mean?
Letters and #’s
Why is it important to name files correctly?
So work won’t get mixed up and so it will work and save properly
What does the F5 key do? F12?
F5 is refresh F12 is preview (in Dreamweaver
What does vector mean? Rastor?
Vector- it is a point raster- pixilated huge memory
Applications
Why do you size your work before using it as a ?
So it does not take up too much memory
How do you crop? Why do you crop?
You do it in the toolbar You crop because you only want a certain part of the image
Why would you use a transparent background?
For pasting a picture on top of another
If you want to animate your gif file and loop it, do you know how?
How are layers important to Photoshop?
So you can paste things and keep trak of different layers
Dreamweaver, Flash Fireworks are applications from the adobe company, under Macromedia.
Why are navigational structures important?
Allows you to organize your info before you start
What are the 3 different views of Dreamweaver?
Code, design, and banna split
Page properties allows you to…
Cascading style sheet or a bg
Horizontal rows and vertical columns make cells which are the intersection of both.
Borders are used on data not design.
Radio buttons only allow __selection.
1
Why are frames old-fashioned?
Old-fashioned=deprecated they take a long time to load
How do you add type to Dreamweaver’s type selection?
Go to add new list at bottom and choose your order of typefaces
How does properties inspector help you with color selection, typefaces and images?
Just like page properties
Fireworks: How do the two image handling applications compare?
Editing chose photoshop
Fireworks for small
Flash: What is a frame? How do you add key frames? How long do words have to be read?
At least 3 seconds to read a frame is and image a key frame can be added when you right click
Design principles:
Make it ugly? NO!
white space, no long unbroken text lines, useful info, no all caps, no underling, tiny type, huge useless images that take forever to download, bad color choices
Study Guide for web design
Name at least 3 proofreading techniques.
1code in cps
2 nesting
3read outloud
How many web-safe colors are there? What is web-safe?
216 website safe colors websafe means thatall computers can use these colors
What does hexadecimal mean?
6 digit # that represents a color
What is the difference between a jpeg and a gif file
Jpeg 5% compressin, photos are usually jpegs because it has a lot of colors
Gif limited colors
What is bitmapping?
Boxy pixels (bmp)
What is a pixel?
A single piece of info
Why is it important not to enlarge an image too much?
So it doesn’t take up too much memory
What is a
• .psd: photo shop document
• .png: portable networkgrahfics
• .htmlhyper taxt markup language
• .swfshockwaVE FORMAT
• .fla: flash doc
• .docx word
What is meta data?
Describes how , when and by whom a particular set of data was collected and how the data was formatted
Where does it go?
In the head
Why is it important as a marketing tool?
Copyrights work and adds keywordas and page descriptions search engines
How do you save an html document in Notepad?
Chose all texts then click .html
What is alt text?
Alternate text
Name 3 reasons why it is a great idea to add alternative text to your images:
1 to explain images
2 still see caption if pic don’t work
3
Why is accessibility so important lately? (What happened to Target?)
They got sued because someone could not look at the webpage (person was disabled)
Know how to write code to
• Make a list
• Make margins
• Background color
• Horizontal rule
• Change type, nesting it: color size font
• Change the size of your image (2 ways)
What does