web page overview. what is a web page? a document with.html file extension possible incorporation of...

12
Web Page Overview

Upload: caren-mills

Post on 29-Dec-2015

213 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public

Web Page Overview

Page 2: Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public

What is a Web page?

A document with .html file extensionPossible incorporation of graphics Saved on a Web serverPrivate Vs Public

Public: Can be view by anyone with Internet access

Private: Login required

Page 3: Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public

How to create a Web page?

Create a page in Word, Composer, Frontpage, or Dreamweaver.

Save it as an html file (with an .html extension)

Save all photos and graphics on the page in the same folder where the html files are located.

View it in a browser

Page 4: Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public

A simple page

All text Direct links Few

graphics

Page 5: Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public

A Complex page

Graphics Rollovers Hidden

links Navigation

bars

Page 6: Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public

Parts of pages

Graphic

Navigationbar

Banner

Page 7: Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public

More parts

Email Link

Anchor

Button

Page 8: Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public

Still more parts

A website with 3 frames

Frame 1Frame 2

Frame 3

Page 9: Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public

Web design

HTMLWordMacromedia DreamweaverMicrosoft Frontpage

Page 10: Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public

Web page graphics

Resolution .jpeg or .jpg

For photos .gif

For other graphics .png

Fireworks graphics file

Web-safe colors

Page 11: Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public

Design software

PhotoshopPhotograph manipulationText design

Macromedia FireworksText designPhotograph preparation

Macromedia FlashAnimation

Page 12: Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public

Steps to make a Web page

1. Decide purposeGoal? Audience?

2. Decide structureMultiple pages? Divisions of info?

3. Design page

4. Create graphics

5. Prepare photos

6. Write text

7. Assemble

8. Save all files to server

9. Check links and re-establish, if necessary