1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your...
-
Upload
marsha-morrison -
Category
Documents
-
view
215 -
download
2
Transcript of 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your...
![Page 1: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/1.jpg)
1
After completing this lesson, you will be able to:
• Define your goals for a Web site.
• Analyze your audience.
• Create a blueprint for your Web site.
• Design your home page and get ready to build your site.
![Page 2: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/2.jpg)
2
The Curiosity Shoppe
![Page 3: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/3.jpg)
3
Define Goals
To define the purpose of your Web site, answer the following:
1. Why do I want a Web page or Web site?
2. What are the immediate goals for the Web site?
3. What are the long-term goals for the site?
4. What is the timeline?
![Page 4: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/4.jpg)
4
Analyze the Audience• Who makes up the core target audience? • What does the audience want to find out from
my site?• How experienced with the Web are audience
members?• What types of Internet connections and
bandwidth capabilities will audience members have?
• Where is the core audience located? • What’s the typical age group among audience
members? • How will users find out about my site?
![Page 5: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/5.jpg)
5
Site Organization
Web sites can be organized in the following ways:• Alphabetically• Chronologically• Graphically• Hierarchically• Numerically• Randomly• Topically
![Page 6: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/6.jpg)
6
File Structure
![Page 7: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/7.jpg)
7
URLs
![Page 8: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/8.jpg)
8
URL Rules
When naming a Web site’s HTML files:
• Keep filenames short, simple, and meaningful• Avoid symbols and punctuation• Use an underscore (_) to indicate a space• Use all lowercase letters
![Page 9: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/9.jpg)
9
Image Names
Create a meaningful file-naming system for graphics files. For example:
• b_image name = button image file• p_ image name = picture image file• t_image name = title bar image file
![Page 10: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/10.jpg)
10
Storyboard
![Page 11: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/11.jpg)
11
Site Planning Checklist
• Research similar site• Specify who you are• Pick colors that evoke desired emotion• Classify site to yourself• Design for users’ navigation• Offer contact information• Name files appropriately• Create easy-to-understand buttons• Divide content logically• Make important information prominent• Use a unifying look or theme• Encourage users to return
![Page 12: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/12.jpg)
12
Sketches
![Page 13: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/13.jpg)
13
Home Page Planning Checklist
• Creation or revision date• Consistent navigation links• Home page icon or logo• Important information “above the fold”• Informative title• Intentional emotional effect• Logo or other identifying graphic• Opening page “hook”• Quick loading approach• Clear purpose and movement• Subheads when necessary• Text links• Upper-left corner effectively used• Identity clear
![Page 14: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/14.jpg)
14
Supplies Check list• Text—edited, spell checked, and proofread• Photographs, graphics, and illustrations• Page sketches and templates• HTML editor, text editor, or Web page creation
tool• Graphics program• Domain name (purchased or assigned)• Server space
![Page 15: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/15.jpg)
15
Next Step
Demystifying Basic HTML
![Page 16: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/16.jpg)
16
Exercise 1
![Page 17: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/17.jpg)
17
Exercise 2Informative title
Upper-left corner is put to good use with your logo
Home page icon or logo that can be used throughout the site
Easily identified and consistent navigation buttons
Text navigation links
Intentional emotional effect or theme created by means of words, colors, layout, font, and so forth
Site’s purpose
Important information displayed above the fold
Revision date
Organization’s identity
![Page 18: 1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.](https://reader036.fdocuments.us/reader036/viewer/2022062800/56649e0c5503460f94af4c09/html5/thumbnails/18.jpg)
18
Exercise 3
Our Web Site (folder)
index.html
images (folder)
t_titlebar.jpg
b_home.gif
b_facts.gif
b_contact.gif
p_group.jpg
logo.png