1. CIS 1300 – Web Design SoftwareMichael J. Losacco HTML Hypertext Markup Language

2. CIS 1300 – Web Design Software Hypertext Hypertext Document –Electronic File Contains Elements that Can Open Other Documents –Customized v. Linear Progression i.e., Windows Help

3. CIS 1300 – Web Design Software Web Hardware Web Server –Stores Pages that Visitors Access –Apache (Windows/Unix/Linux) –IIS (Windows) Security Issues

4. CIS 1300 – Web Design Software Web Software Web Browser –Client Software Accesses Web Pages & Renders Them –IE 7.0 –Firefox 3.0 –Safari 3.1

5. CIS 1300 – Web Design Software HTML & XHTML W3C –Set Standards Syntax Functionality HyperText Markup Language (V 4.01 – 1999) –Type of More General Language (SGML) –Describes Function of Text Using Codes Extensible HTML (V 2.0 – 2004) –Stricter Version of HTML –Integrate HTML with XML

6. CIS 1300 – Web Design Software HTML & XHTML HTML Advantages –Platform Portability –Speed (size of file) –Text File HTML Disadvantages –Rendering Differences –Extensions Proprietary Functionality Added by Browsers XHTML Advantages –Resolve Issues with Different HTML Versions

7. CIS 1300 – Web Design Software Syntax Elements (Tags) –Codes that Control Content Appearance –Opening/Closing Two-Sided – Content One-Sided – –Lowercase Deprecated –Obsolete Elements or Syntax –Future Support Not Guaranteed

8. CIS 1300 – Web Design Software Syntax Comments – White Space –Does Not Render Multiple Spaces –Tab, Enter do not Render –Use Non-breaking Space Attributes –Controls Behavior or Appearance of Element

9. CIS 1300 – Web Design Software … –Surround All Markup & Text –Required –Used To Begin & End Every HTML Document

10. CIS 1300 – Web Design Software … –Contains the Document's Header Information –Required –Important Information Document Title META Tags –Text Included Does Not Render

11. CIS 1300 – Web Design Software … –Contains All Content to be Rendered Attributes –leftmargin=number Sets The Left Margin for Page –topmargin=number Sets the Top Margin for the Page

12. CIS 1300 – Web Design Software Styles –style=“color: colorName | #rrggbb | rgb(#,#,#);” Specifies the Color of the Regular Text –style=“background-color: colorName | #rrggbb | rgb(#,#,#);” Specifies the Background Color –style=“background-image: url(filename.ext);” Points to Location of Image that is Used as Background Image is Tiled

13. CIS 1300 – Web Design Software Styles –style=“background-position: horizontal vertical;” Specifies the Positioning of the Background Image Can Specify Keywords or Percentages –style=“background-repeat: repeat | repeat-x | repeat-y | no-repeat;” Specifies the Tiling of the Background Image –style=“background-attachment: scroll | fixed;” Background Image Scrolls with Page or Acts as Watermark

14. CIS 1300 – Web Design Software Special Characters & –Ampersand © –Copyright · –Bullet ® –Registered ™ –Trademark