| Have you ever gone to a web site and wondered, "How did they do that?"
If not, this class will ask you to try.
Here are screen shots of 3 web sites for large retail companies whose
primary target audience is women with an average annual income of $40,000+:
-
JCPenney's
-
Dillard's
-
Meier & Frank
Point 1:
-
All of the above web sites were designed in graphics editing programs,
guaranteed.
-
Common programs for designing: Macromedia Fireworks® or Adobe
PhotoShop® (to name two of the more popular).
Point 2:
-
All of the above web sites were put together by people who understand HTML
and JavaScript, and Graphics Design, guaranteed.
Point 3:
-
All of the above web sites were designed for a particular target audience,
taking into consideration the season (time of year) and marketing objectives
of the company.
Getting Started - An Assignment in HTML
The first assignment you are going to have in this class is
to recreate the Meier & Frank home page (shown above) using HTML.
Why HTML? - so you can troubleshoot your projects as you go throughout
this course.
Software you will need for this exercise: Internet Explorer,
Winzip®, Fireworks®, -and- Notepad (or any web page editor
that you can change to HTML view). But don't cheat on this one
by using a WYSIWYG editor -- use this opportunity to learn a little HTML.
It will help you.
Here are the instructions and the images needed for the project:
-
Instructions in pdf format (Adobe® Acrobat required): Meier_and_Frank.pdf
(Large
file. Please wait to load. File size: 2.9 Megabytes.
If it doesn't load within the browser, save the file separately)
-
Here are the images you need (Winzip® required): Meier_and_Frank_images.zip
File size: 64 kb
-
Winzip® is a program that allows you to
-
Send and receive multiple files at once
-
Compress large files
-
Here is an example of how Winzip® and other zipping/unzipping programs
are used: Let's say your instructor is holding a bunch of Skittles®
and said to a student in your classroom by the name of Amber, "Amber, catch!,"
and then tossed them in her direction. How many would she catch?
But if your instructor were to place the Skittles® in a ziplock bag
and then toss them to her, how many is she likely to catch? The same
is true with zipped files online -- it simplifies the arrival of many files
that belong together, placing them in one "ziplock baggie" file and then
you can send them as email attachments or place them online to be downloaded
all together. That's where the term "zip" comes from - same concept
as a ziplock bag. Winzip® and other programs such as CleverZip®,
eZip®, etc., are necessary to place multiple files within one zip file
and are also needed to unzip them once they've arrived at their destination.
-
Note: Sometimes zipping files before sending them as attachments
that are not web format, such as a .bmp images, helps to ensure they
arrive correctly and the recipient is able to use them.
-
In order for you to be able to use the images within this lesson, you will
need to have Winzip® (or similar software) on your computer, or your
instructor will have needed to have placed the files (in uncompressed format)
somewhere on your school network.
-
** Instructions
for unzipping and using the images are included within the .pdf instruction
file
Estimated
time frame to complete this assignment: 3 class periods of 50 minutes
each.
|
