Chapter 5 - Working with Tables
Tables are placeholders made up of small boxes called cells, into which you can insert
text and graphics. Cells in a table are arranged horizontally in rows and vertically in
Using tables in a web page gives you co
Keywords for a Website
Find four search engines and list them below.
Find information on the topic butterflies.
Search engine #1:
Keyword 1 used:
First site that appeared during the search (copy and paste):
Like / dislike and wh
*Both folders should be green
CREATE A JUMP MENU
A jump menu is a pop-up menu in a document, visible to your site visitors, listing
options that link to documents or files. With jump menus you can create links to
documents in your Web site, links to documents on other Web sites, e-mai
BRAINSTORM IDEAS FOR YOUR BUCKET LIST SITE
Provide five things you want to experience in your life time (school appropriate).
Of those five things listed above, what are the top two things you would like to complete mo
We'll start by making a new document sized 6 wide 6 height.
Select the Ellipse tool (L), create the ellipse, fill it with no color, select black outline and put it in the
center of the document. Size the ellipse similar to the one I created below.
Enhance Cherokee Name
Directions You are going to be using many tools that we have practiced throughout class and you will
even learn a few new ones! Complete the following steps and create a interesting looking Cherokee logo!
Open up the Enhance_Cherokee
Redesign Cherokees Sports Page Contest
Directions: As a web designer/developer, you have been asked to redesign the Fall
sports page for Cherokee High School. Cherokee has a wonderful
program; however, the website for these programs can use a littl
Creating an Angry Bird Character
Here is the image you will be attempting to achieve:
Create a document in Illustrator sized 8 x 8.
You will now need to create the following 4 swatches- rename the swatches with the names
given below: (
Open trial1.html in Notepad. Add each of these elements (7) to your website.
Use color scheme designer to help you choose a color scheme.
Background Color <body bgcolor="silver"> <body bgcolor="sil
Open trial1.html in Notepad.
Recreate your site using two Heading Codes (<h1> and an <h2>) where necessary.
Heading codes range from <h1> through <h6>. (<h1> being the largest)
Remember to first type all structure tags and then go back an
HTML Color Attributes
HTML - Web Colors
Three different types of color values can be used with the bgcolor attribute.
Open image from my Eboard. Save image to your site folder.
Save as cts_clip8.gif. Insert this logo above your first heading.
Center align your banner and adjust the height and width so it fits appro
1. Create a new Notepad document and save it as: orderform.html in your plant world folder.
2. Add all structure tags to this site.
Title Order Form
3. Insert the banner plantworldsm.html
4. Link this banner to plantworld.html
6. Create a n
TRACKING AND KERNING
They are essential to good type design
They are often ignored
So what should you do?
Make it a point to notice tracking and kerning
Or lack of it
Look at magazines
You will be amazed at what you see.
KERNING - Horiz
Contain the commands for using Dreamweaver. Many of these commands are duplicated
within the windows, panels, and inspectors of Dreamweaver.
Contains shortcuts to preview and display features and a text field where you c
Design and Layout Basics
BASICS OF DESIGN
CHAPTER 1 BEFORE YOU BEGIN TO DESIGN
Before you begin know these four things:
Who your _
What is the best _
Be familiar with _
Using Emphasis Techniques
1. Below is an example of an unemphasized logo. On a separate document
recreate the logo using the emphasis techniques to make the logo more
Save as flowers logo
2. The fic
CHAPTER 3 - CONTRAST
Why Use Contrast?
Gives the reader a _ treat
Draws _ to the page
Keeps elements from looking too much _
Visually _ the page
What is Contrast?
Contrast occurs when _
look dramatically differen
CHAPTER 6 - REPITITION
What is repetition?
The principle of Repetition is formed by repeating visual elements such as:
Why Use Repitition?
Repeating visual elements forms a visual _.
_ the design.
There is an _ sch
CHAPTER 7 - FLOW
What is Flow?
Flow is the _ and _ paths of movement in a page.
The readers _ follow these paths of movement through a
page or a series of pages
Why Use Flow?
Good flow _ _the readers eye through the
Exercise 7 Milers
Create a new Web site:
File / New
One Page Web site
Empty Web Site Template
Location: Browse / H: / FrontPage / Exercise XXX / Milerrs
File / Save As:
Title: Home Page
_ / _