1. Creating Web Pages and Graphics
Lesson 8

2. Lesson 8: Creating Web Pages and Graphics
This lesson presents the students with creating a simple Web page. It also presents the graphic and hyperlinks abilities to enhance the Wed page. The students will learn the following skills:
· Creating a Web Page with a Template
· Saving a Document as a Web Page
· Inserting Clip Art
· Formatting Clip Art
· Adding and Formatting AutoShapes
· Inserting a Picture from a File
· Using WordArt
· Inserting Hyperlinks
· Previewing and Editing a Web Page

3. Lesson 8: Creating Web Pages and Graphics
Creating a Web Page with a Template
Templates dialog box

4. Lesson 8: Creating Web Pages and Graphics
Creating a Web Page with a Template
Web page templates use the icon of your default Web browser, in this case Internet Explorer

5. Lesson 8: Creating Web Pages and Graphics
Creating a Web Page with a Template
Double click wizard icon for detailed help in creating a web page

6. Lesson 8: Creating Web Pages and Graphics
Creating a Web Page with a Template
Web page created using a template

7. Lesson 8: Creating Web Pages and Graphics
Creating a Web Page with a Template
New Web page button
Placeholder text

8. Lesson 8: Creating Web Pages and Graphics
Saving a Document as a Web Page
Set page title dialog box
Default page title taken from template name

9. Lesson 8: Creating Web Pages and Graphics
Saving a Document as a Web Page
Save As dialog box
This page title will appear in the title bar of browser window

10. Lesson 8: Creating Web Pages and Graphics
Inserting Clip Art
Insert clip art task pane

11. Lesson 8: Creating Web Pages and Graphics
Inserting Clip Art
Clip art task pane
Web page layout

12. Lesson 8: Creating Web Pages and Graphics
Inserting Clip Art
Clip art inserted in the document

13. Lesson 8: Creating Web Pages and Graphics
Inserting Clip Art
Clip art organizer window

14. Lesson 8: Creating Web Pages and Graphics
Inserting Clip Art
Clip art preview window
Clip art categories

15. Lesson 8: Creating Web Pages and Graphics
Formatting Clip Art
Click and drag sizing handle to enlarge or shrink a clip art
Resizing the clip art

16. Lesson 8: Creating Web Pages and Graphics
Formatting Clip Art
Formatted clip art in a document

17. Lesson 8: Creating Web Pages and Graphics
Formatting Clip Art
Format picture dialog box

18. Lesson 8: Creating Web Pages and Graphics
Adding and Formatting AutoShapes
Drawing tool bar
AutoShapes options

19. Lesson 8: Creating Web Pages and Graphics
Adding and Formatting AutoShapes
Drawing canvas in a document

20. Lesson 8: Creating Web Pages and Graphics
Adding and Formatting AutoShapes
Down ribbon AutoShape in drawing canvas in a document

21. Lesson 8: Creating Web Pages and Graphics
Adding and Formatting AutoShapes
Modified AutoShape in a document

22. Lesson 8: Creating Web Pages and Graphics
Adding and Formatting AutoShapes
Fill effects dialog box

23. Lesson 8: Creating Web Pages and Graphics
Adding and Formatting AutoShapes
AutoShape with fill effect

24. Lesson 8: Creating Web Pages and Graphics
Inserting a Picture from a File
Inserting a picture from a file using insert menu

25. Lesson 8: Creating Web Pages and Graphics
Inserting a Picture from a File
Insert picture dialog box

26. Lesson 8: Creating Web Pages and Graphics
Inserting a Picture from a File
Picture inserted using From File command

27. Lesson 8: Creating Web Pages and Graphics
Using WordArt
Select a style
WordArt gallery dialog box

28. Lesson 8: Creating Web Pages and Graphics
Using WordArt
WordArt text dialog box
Text to be converted to WordArt

29. Lesson 8: Creating Web Pages and Graphics
Using WordArt
WordArt toolbar

30. Lesson 8: Creating Web Pages and Graphics
Using WordArt
Exploring WordArt toolbar -- Inflate Top option

31. Lesson 8: Creating Web Pages and Graphics
Using WordArt
WordArt after using the Inflate Top option

32. Lesson 8: Creating Web Pages and Graphics
Inserting Hyperlinks
Insert Hyperlink dialog box

33. Lesson 8: Creating Web Pages and Graphics
Inserting Hyperlinks
Set Hyperlink Screen Tip dialog box

34. Lesson 8: Creating Web Pages and Graphics
Inserting Hyperlinks
Hyperlink inserted in a document

35. Lesson 8: Creating Web Pages and Graphics
Previewing and editing a Web Page
Previewing a Web page with Internet Explorer

36. Lesson 8: Creating Web Pages and Graphics
Previewing and editing a Web Page
Preview of the corrected Web page

37. Lesson 8: Creating Web Pages and Graphics
Inserting a Diagram
Description of selected diagram
Diagram Gallery dialog box

38. Lesson 8: Creating Web Pages and Graphics
Inserting a Diagram
Diagram with shape added
New shape added below shape that was active

39. Lesson 8: Creating Web Pages and Graphics
Inserting a Diagram
Diagram with AutoFormat applied