HTML s Snazzin It Up

Size: px

Start display at page:

Download "HTML s Snazzin It Up"

Chester Bernard Rodgers
6 years ago
Views:

1 HTML s Snazzin It Up Kay Leum, Registrar Western Wyoming Community College 1

2 Goals and Objectives Understand the benefit of HTML s Comm s Management Screen Setup Know the basics of HTML Know your resources Know how to write an HTML using Communications Management Know how to add a link, graphic and personalize your s Disclaimer: I m no expert, just an average user 2

3 Not Snazzy 3

4 So Much More Snazzy 4

5 Benefits Add Graphics Select/ Change Font & Size Structure content using tables & bullets Align text Add hyperlinks 5

6 Colleague Screens DOC Document Codes DOCP Document Paragraph DPAR Define Custom Paragraph DFS Document File Setup EMLD Document Options PCEX - Express Corresponding Processing (or PCB or DMP) 6

7 Define Parameters on DOC 7

8 DOCP - Identify Custom Paragraph You can have multiple paragraphs and use rules to determine which paragraph a person receives. 8

9 DPAR Where the Action Happens Leave blank 9

10 HTML Basics Know (or know where to find) basic HTML tags and their proper syntax Cheat sheets online quakit.com Once you have one built copy, use, reuse, and use again Must close the action with </_> tag Review in Word 10

11 Personalize the The field name must be in the merge file (PERSON) <br><br> Field name, all upper case Space after the field name Two hard returns are included here <h2 style="text-align:center"> <b>who can take WWCC Honors YOU CAN! If you have earned a GPA of 3.25 or better in 12 or more credit hours of college-level work, you are eligible to enroll in WWCC Honors Courses.</p> 11

12 Referencing Graphics Any graphic that is publicly available, on a website, can be referenced, using the <img src> tag. <html><body> <font size="2" face="arial, Verdana, sans-serif"> <table border="5" bordercolor="#a60000" cellpadding = "20" width = "90%" align = "center"><tr><td> <p style="text-align: center"> <img src=" <font size="2" face="arial, Verdana, sans-serif"><h2 style="text-align:center"> <b>go Global with WWCC Honors courses in Spring 2014!</b></h2> 12

13 Image Properties How to Grab a Graphic 13

14 Set Your Font Styles and Size Use the <font face> tag to define a hierarchy of fonts to use for displaying text. Use the <font size> tag to specify the font display size. <html><body> <font size="2" > <font face="arial, Verdana, sans-serif"> <table border="5" bordercolor="#a60000" cellpadding = "20" width = "90%" align = "center"><tr><td> 14

15 Creating Breaks and Headings Use <br> tag for a hard return Use <p> and </p> tags to define paragraphs Use <h#> and </h> tags for headings The # affects the size of the heading <h3 style="text-align:center"> <br><b><i>honors Native American Literature</i></b></h3> <p>engl 2340 HP<br> MF 11:30AM- 12:45PM Lora Meredith 3 credits<br><br> Explore Native American myths, legends and literature.</p> 15

16 Tables and Other Cool Stuff Bold <b> and </b> Bullets <li> and </li> Ordered list <ul> </ul> Numbered list <ol> </ol> Create a table <table> and </table> Create a table border <table border="5" bordercolor="#a60000" cellpadding = "20" width ="90%" align = center ><tr><td> 16

17 Link to Website <img src=" <b> <a href=" 14 %20FinalExamSchedule.pdf "> Final Exam Schedule!</a> -- Final Exams will be Friday, May 9 and Monday and Tuesday, May 12 & 13. Contact your instructor(s) directly regarding finals.</b> <br><br> Final Exam Schedule! -- Final Exams will be Friday, May 9 and Monday and Tuesday, May 12 & 13. Contact your instructor(s) directly regarding finals. 17

18 What s Wrong? <p style="text-align: center"> <img src=" <font size="2" face="arial, Verdana, sans-serif"><h2> style="text-align:center"> Go Global with WWCC Honors courses in Spring 2014!</b></h2> <h2 style="text-align:center"> <b>who can take WWCC Honors YOU CAN! If you have earned a GPA of 3.25 or better in 12 or more credit hours of college-level work, you are eligible to enroll in WWCC Honors Courses.</p> <h2 style="text-align:center"> <b>why take Honors Courses?</b></h2> <ul><li>expand your horizons with innovative courses.</li> <li>enjoy small class sizes and interactive learning.</li> <li>enhance your college transcript!</ul> 18

19 DFS and Merge Fields 19

20 EMLD Define Options Return Address: Where the bounce back goes Reply to: The address the recipient will see 20

21 Testing and Sending Process however you normally would PCB, PCEX, DMP Build in segments to make testing easier Test, test, test When reviewing look for the following: Did it go to the right place? Is the subject and From right? Do the graphics appear? Do the web links work? Are the fonts and styles correct? 21

22 Resources Much of this presentation was extracted from the: Colleague Communications Management: HTML Handout (2009, 12/2/2009) 22

23 Questions Any Questions? Kay Leum Don t forget to give me your card so I can send you syntax 23

Html basics Course Outline

Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and