Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML & XHTML Web Publishing. What is HTML? HTML- Hypertext Markup Language ▫Start with text on your page & add special tags ▫These specific tags produce.

Similar presentations


Presentation on theme: "HTML & XHTML Web Publishing. What is HTML? HTML- Hypertext Markup Language ▫Start with text on your page & add special tags ▫These specific tags produce."— Presentation transcript:

1 HTML & XHTML Web Publishing

2 What is HTML? HTML- Hypertext Markup Language ▫Start with text on your page & add special tags ▫These specific tags produce different effects on browser ▫Based on Standard Generalized Markup Language (SGML) XHTML – Extensible Markup Language Defines a set of common styles for Web Pages ▫Headings, paragraphs, lists, tables ▫Character styles such as boldface and code examples Go to Google.com

3 After creating a page using HTML coding—you can read it using a browser (Netscape/Internet Explorer) to see what the page looks like **Pages you create with HTML may look totally different when looking at it in another browser

4 HTML tags – Enclosed in <> ▫Beginning tag Ending tag  Links – underlined in blue  Visited links - purple  Emphasized text - italics World Wide Web –has to be had to be cross- platform so pages can be viewed by any computer system ▫Everyone has different computer systems/ screens/colors/fonts

5 History or HTML HTML 2.0 – Standard version - oldest HTML 3.2 – 1996 ▫Added tables & text around images HTML 4.0 – 1997 ▫Better table formatting HTML 4.01 XHTML 1.0 – Written for newer portable technologies SML – Heading towards this – More portable

6 Deprecated Tags These tags still work but are no longer considered proper coding

7 Text editor – program that saves files in ASCII format – plain text, no font formatting or special characters. Notepad or WordPad – basic text editors

8 Tags Headings Heading level 1 Heading level 2 Heading level 3 Heading level 4 Heading level 5 Heading level 6

9 Paragraph Plain paragraph Title Body

10 Storyboarding Your Web Site Movies - Concept borrowed from filmmaking Each scene is sketched & roughed out Shows where each individual shot fits into movie Web Page Development – Provides overall rough outline of what Web site will look like Includes topics, primary links & graphics

11 3 Tags used to describe header information: - 1 st page structure tag (Required for XHTML1.0)

12 URL – Uniform Resource Locator Protocol (FTP or HTTP) Hostname Directory Location http://name of site/directory/filename http://wfps.k12.mt.us/wfhs/library/default.htm

13 Web Browsers Most popular browsers – ▫Internet Explorer ▫Netscape Navigator

14 Tags Headings ▫6 levels Paragraphs ▫ - indicates beginning of a paragraph ▫ - optional When you include tags inside other tags: …….. NOT ……..

15 Lists Numbered or ordered lists Bulleted or unordered lists Glossary lists – term & definition Each list item within the list and for glossary lists & for all other lists Closing tags are optional but for XHTML 1.0 – use closing tags

16 Customize Ordered Lists How they are numbered ▫Numbers 1,2,3… ▫Lowercase/uppercase letters ▫Lowercase/uppercase Roman numerals The number which the list starts By default type=“1” is assumed

17 The Days of the Week Monday Tuesday Wednesday Thursday Friday Saturday Sunday

18 Create a list with type of numbering and start with a specific number Ordered list using Roman numerals and start with number V

19 Customize Unordered Lists Disc or bullet (default) Square Circle

20 Comments Comments can be used to provide status of page etc. Text in comments is ignored –doesn’t show up onscreen


Download ppt "HTML & XHTML Web Publishing. What is HTML? HTML- Hypertext Markup Language ▫Start with text on your page & add special tags ▫These specific tags produce."

Similar presentations


Ads by Google