1. Learning a New Language: HTML Fall 2012 ITD Workshop

2. Workshop Instructors Steven Smidl –Experience with (X)HTML/CSS. Took LIS590LW and LIS490TE Nick Tippie –Experience in Computer Science (HTML/CSS, Java, C++, PHP)

3. Why have this workshop? Basic concepts in coding –Terms –Useful tips Easier use for template pages –Google Sites, WordPress and other CMS

4. What Do We Need? A coding application For Mac –Aquamac –Text Wrangler –Tincta Windows –Notepad ++ Duel Systems – –Seamonkey –Eclipse

5. What is HTML? (HTML)=Hyper Text Markup Language Mark up text by using “tags” Tags describe the language

6. What is HTML? Tags are understood with “angel brackets” No tags, no understood language They always come in pairs!

7. Starting an HTML Document HTML document needs identity MUST HAVE OR ELSE NOT HTML!

8. Starting an HTML Document All tags need to OPEN and CLOSE MUST DO FOR EVERY TAG!

9. Starting an HTML Page Have all tags in lower case. Avoid capitalization. Where all content goes

10. Starting an HTML Page Don’t pass the closing bracket Don’t cross after closing!

11. Remember what Gandolf said…

12. Headings Different sizes Can go from h1 (largest) to h6 (smallest) HTML Coding Website Format

13. Headings What is wrong with this picture?

14. Headings All tags come in pairs!

15. Basic Tags Stresses text/content on webpages

16. Writing anchor tags/e-mail <a href…. mailto…

17. Adding Pictures

18. What about color, sizes, etc.? Use CSS, not HTML when wanting to style your page –Color schemes –Fonts –Lists/boxes/tables Much of this is deprecated with the introduction of HTML 5

19. How is HTML different than CSS?

20. XHTML Vs. HTML XHTML is XML and HTML More strict in coding –Everything is lowercase –All tags are closed/nested XHTML format HTML Format

21. CSS Tutorials and resources Check our future workshops in CSS W3schools.com Lynda Tutorials –http://go.illinois.edu/lynda

22. Questions/Comments/Concerns? Contact GSLIS Help Desk –help@support.lis.illinois.eduhelp@support.lis.illinois.edu Info on this presentation –smidl2@illinois.edusmidl2@illinois.edu –tippie2@illinois.edutippie2@illinois.edu Feedback is always encouraged! –http://go.illinois.edu/itdfeedbackhttp://go.illinois.edu/itdfeedback