Introduction to Web Design Lecture #1: Introduction to HTML/CSS

Download Introduction to Web Design Lecture #1: Introduction to HTML/CSS

Post on 30-Dec-2015

17 views

Category:

Documents

0 download

DESCRIPTION

Introduction to Web Design Lecture #1: Introduction to HTML/CSS. Jont Craighead & Cathy Zhang January 6th, 2009 Student Information Processing Board (SIPB). Overview. Editors HTML document structure CSS Web browsers. Text Editors. jEdit Notepad++ (Windows only) - PowerPoint PPT Presentation

TRANSCRIPT

  • Introduction to Web DesignLecture #1: Introduction to HTML/CSSJont Craighead & Cathy Zhang

    January 6th, 2009

    Student Information Processing Board (SIPB)

  • OverviewEditors

    HTML document structure

    CSS

    Web browsers

  • Text EditorsjEdit Notepad++ (Windows only)Kate (Windows: partial)geditEmacsVim

  • Text Editors: jEdit

  • Text Editors: Notepad++

  • Text Editors: Kate

  • Text Editors: gedit

  • Text Editors: Emacs

  • Text Editors: Vim

  • WYSIWYG EditorsDreamweaver

    Microsoft Frontpage

  • WYSIWYG Editors: Dreamweaver

  • WYSIWYG Editors: Frontpage

  • WYSIWYG Editors: Frontpage

  • WYSIWYG Editors: FrontpageExample: sipb.mit.edu/iap/webdesign/examples/fir.html

  • HTML Document StructureExample:

    sipb.mit.edu/iap/webdesign/examples/wmda.html

  • HTML Document StructureReference:

    http://www.w3schools.com/tags/default.asp

  • HTML Document StructureTag/element nestingAttributesIndentationUse elements for their intended purposeTables for data, not layoutDeprecated elements (new HTML tags or CSS)HTML comments

  • HTML Document StructureDocument Types.html/.htm.xhtml.php.asp/.aspx.do.jsp/.jspx.ssi.cgi/.fcgi

  • XHTML vs. HTMLAll tags must be in lower caseAll documents must have a doctypeAll documents must be properly formedAll tags must be closedAll attributes must be added properlyThe name attribute has changedAttributes cannot be shortenedAll tags must be properly nested

  • Other SIPB ClassesCaffeinated Crash Course in PHPJan 12 07:30pm-10:30pm, 4-237Building Websites for Mobile DevicesJan 19 07:30pm-09:30pm, 4-237*

    gEdit doesn't support code/text-folding (hiding blocks of text)

Recommended

View more >