WEB PAGE CREATION 1 Information Technology College of Public and Community Service University of...
Transcript of WEB PAGE CREATION 1 Information Technology College of Public and Community Service University of...
![Page 1: WEB PAGE CREATION 1 Information Technology College of Public and Community Service University of Massachusetts Boston ©2014 William Holmes.](https://reader035.fdocuments.us/reader035/viewer/2022062518/56649f045503460f94c192e0/html5/thumbnails/1.jpg)
WEB PAGE CREATION
1
Information TechnologyCollege of Public and Community Service
University of Massachusetts Boston©2014 William Holmes
![Page 2: WEB PAGE CREATION 1 Information Technology College of Public and Community Service University of Massachusetts Boston ©2014 William Holmes.](https://reader035.fdocuments.us/reader035/viewer/2022062518/56649f045503460f94c192e0/html5/thumbnails/2.jpg)
WEB PAGE CREATION: 1
• Create Word document and use Save As
• Create PowerPoint and Save As Web Page with older (pre 2010) PowerPoint
• Create PowerPoint and use PowerPoint app with Newer (post 2007) PowerPoint
2
![Page 3: WEB PAGE CREATION 1 Information Technology College of Public and Community Service University of Massachusetts Boston ©2014 William Holmes.](https://reader035.fdocuments.us/reader035/viewer/2022062518/56649f045503460f94c192e0/html5/thumbnails/3.jpg)
WEB PAGE CREATION: 2
• Create Spreadsheets or Databases objects and use Save As Web Page
• Use Web Design Software —Dreamweaver, FrontPage, Communicator, SeaMonkey
• Use Notepad and Write HTML programs
3
![Page 4: WEB PAGE CREATION 1 Information Technology College of Public and Community Service University of Massachusetts Boston ©2014 William Holmes.](https://reader035.fdocuments.us/reader035/viewer/2022062518/56649f045503460f94c192e0/html5/thumbnails/4.jpg)
SAVE AS OPTIONS
• HTML, fully formatted web page with separate images.
• HTML filtered, simple formatted web page with separate images.
• MHTML, fully formatted web page including images
• XML, advanced formatted web page with separate images and style sheets.
4
![Page 5: WEB PAGE CREATION 1 Information Technology College of Public and Community Service University of Massachusetts Boston ©2014 William Holmes.](https://reader035.fdocuments.us/reader035/viewer/2022062518/56649f045503460f94c192e0/html5/thumbnails/5.jpg)
INSERTING GRAPHICS
• Simple Clipart—GIF, JPG, PNG
• Complex Graphic—BMP, TIFF
• Avoid proprietary Formats—WPG, PSP, PSD
• Size of graphic may need adjustment
• Format of graphic may need conversion
5
![Page 6: WEB PAGE CREATION 1 Information Technology College of Public and Community Service University of Massachusetts Boston ©2014 William Holmes.](https://reader035.fdocuments.us/reader035/viewer/2022062518/56649f045503460f94c192e0/html5/thumbnails/6.jpg)
FORMATTING CHECKLIST
• Remove unnecessary material
• Check word spacing & alignment
• Check consistent line spacing
• Check paragraphs & tabs
• Check consistent list formats
• Check Chart and Graphic conversion
6
![Page 7: WEB PAGE CREATION 1 Information Technology College of Public and Community Service University of Massachusetts Boston ©2014 William Holmes.](https://reader035.fdocuments.us/reader035/viewer/2022062518/56649f045503460f94c192e0/html5/thumbnails/7.jpg)
FRAME AND COLUMN TRANSFER
• Text frames don’t transfer well
• Adjust box position
• Adjust column wrapping
• Adjust text placement
7
![Page 8: WEB PAGE CREATION 1 Information Technology College of Public and Community Service University of Massachusetts Boston ©2014 William Holmes.](https://reader035.fdocuments.us/reader035/viewer/2022062518/56649f045503460f94c192e0/html5/thumbnails/8.jpg)
POWERPOINT AND WEBPAGE FRAMES
• Only with older PowerPoint
• First slide is home page with links to subsequent pages
• Subsequent slides are frames
• Slide title are frame titles
• Slide title are frame links
8
![Page 9: WEB PAGE CREATION 1 Information Technology College of Public and Community Service University of Massachusetts Boston ©2014 William Holmes.](https://reader035.fdocuments.us/reader035/viewer/2022062518/56649f045503460f94c192e0/html5/thumbnails/9.jpg)
Example Home Page
Health, Family, Job, Education
http://www.lionservices.org©2013 1-900-999-9999
LION HUMAN SERVICES
![Page 10: WEB PAGE CREATION 1 Information Technology College of Public and Community Service University of Massachusetts Boston ©2014 William Holmes.](https://reader035.fdocuments.us/reader035/viewer/2022062518/56649f045503460f94c192e0/html5/thumbnails/10.jpg)
Example Linked Page 1
Health Services• Neonatal checkups
• Kindergarten immunizations and screening
• Pediatric care
• Adult care
• Geriatric care
Back to Home Page
![Page 11: WEB PAGE CREATION 1 Information Technology College of Public and Community Service University of Massachusetts Boston ©2014 William Holmes.](https://reader035.fdocuments.us/reader035/viewer/2022062518/56649f045503460f94c192e0/html5/thumbnails/11.jpg)
Example Linked Page 2
FAMILY SERVICES
• Early Head Start
• Head Start
• Parenting Education
• Family and Couples Counseling
• Family Recreation
• Supervised visitsBack to Home Page
![Page 12: WEB PAGE CREATION 1 Information Technology College of Public and Community Service University of Massachusetts Boston ©2014 William Holmes.](https://reader035.fdocuments.us/reader035/viewer/2022062518/56649f045503460f94c192e0/html5/thumbnails/12.jpg)
Example Linked Page 3
JOB SERVICES
• Employment counseling
• Job training
• Computer skills education
• Unemployment group support
• GED courses
Back to Home Page
![Page 13: WEB PAGE CREATION 1 Information Technology College of Public and Community Service University of Massachusetts Boston ©2014 William Holmes.](https://reader035.fdocuments.us/reader035/viewer/2022062518/56649f045503460f94c192e0/html5/thumbnails/13.jpg)
Example Linked Page 4
EDUCATIONAL SERVICES
• Computer skills
• Interviewing skills
• Filling out applications
• ESL
• GED
13Back to Home Page