Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Similar presentations


Presentation on theme: "CIS 1300 – Web Design SoftwareMichael J. Losacco HTML Hypertext Markup Language."— Presentation transcript:

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


Download ppt "CIS 1300 – Web Design SoftwareMichael J. Losacco HTML Hypertext Markup Language."

Similar presentations


Ads by Google