1. WEB PAGE CREATION 1 Information Technology College of Public and Community Service University of Massachusetts Boston ©2014 William Holmes

2. 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

3. 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

4. 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

5. 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

6. 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

7. FRAME AND COLUMN TRANSFER Text frames don’t transfer well Adjust box position Adjust column wrapping Adjust text placement 7

8. 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

9. Example Home Page Health, Family, Job, Education contact@lionservices.org http://www.lionservices.org ©20131-900-999-9999 LION HUMAN SERVICES

10. Example Linked Page 1 Health Services Neonatal checkups Kindergarten immunizations and screening Pediatric care Adult care Geriatric care Back to Home Page

11. Example Linked Page 2 FAMILY SERVICES Early Head Start Head Start Parenting Education Family and Couples Counseling Family Recreation Supervised visits Back to Home Page

12. Example Linked Page 3 JOB SERVICES Employment counseling Job training Computer skills education Unemployment group support GED courses Back to Home Page

13. Example Linked Page 4 EDUCATIONAL SERVICES Computer skills Interviewing skills Filling out applications ESL GED 13 Back to Home Page