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

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

Embed Size (px)

Citation preview

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

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

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

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

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

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

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

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

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

Example Home Page

Health, Family, Job, Education

[email protected]

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

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

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

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

Example Linked Page 4

EDUCATIONAL SERVICES

• Computer skills

• Interviewing skills

• Filling out applications

• ESL

• GED

13Back to Home Page