Download presentation
Presentation is loading. Please wait.
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
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.