web page overview. what is a web page? a document with.html file extension possible incorporation of...
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](https://reader038.vdocument.in/reader038/viewer/2022110210/56649e7c5503460f94b7eeaf/html5/thumbnails/1.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022110210/56649e7c5503460f94b7eeaf/html5/thumbnails/2.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022110210/56649e7c5503460f94b7eeaf/html5/thumbnails/3.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022110210/56649e7c5503460f94b7eeaf/html5/thumbnails/4.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022110210/56649e7c5503460f94b7eeaf/html5/thumbnails/5.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022110210/56649e7c5503460f94b7eeaf/html5/thumbnails/6.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022110210/56649e7c5503460f94b7eeaf/html5/thumbnails/7.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022110210/56649e7c5503460f94b7eeaf/html5/thumbnails/8.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022110210/56649e7c5503460f94b7eeaf/html5/thumbnails/9.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022110210/56649e7c5503460f94b7eeaf/html5/thumbnails/10.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022110210/56649e7c5503460f94b7eeaf/html5/thumbnails/11.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022110210/56649e7c5503460f94b7eeaf/html5/thumbnails/12.jpg)
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