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

Embed Size (px)

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

<ul><li><p>Introduction to Web DesignLecture #1: Introduction to HTML/CSSJont Craighead &amp; Cathy Zhang</p><p>January 6th, 2009</p><p>Student Information Processing Board (SIPB)</p></li><li><p>OverviewEditors</p><p>HTML document structure</p><p>CSS</p><p>Web browsers</p></li><li><p> Text EditorsjEdit Notepad++ (Windows only)Kate (Windows: partial)geditEmacsVim</p></li><li><p>Text Editors: jEdit</p></li><li><p>Text Editors: Notepad++</p></li><li><p>Text Editors: Kate</p></li><li><p>Text Editors: gedit</p></li><li><p>Text Editors: Emacs</p></li><li><p>Text Editors: Vim</p></li><li><p>WYSIWYG EditorsDreamweaver</p><p>Microsoft Frontpage</p></li><li><p>WYSIWYG Editors: Dreamweaver</p></li><li><p>WYSIWYG Editors: Frontpage</p></li><li><p>WYSIWYG Editors: Frontpage</p></li><li><p>WYSIWYG Editors: FrontpageExample: sipb.mit.edu/iap/webdesign/examples/fir.html</p></li><li><p>HTML Document StructureExample: </p><p>sipb.mit.edu/iap/webdesign/examples/wmda.html</p></li><li><p>HTML Document StructureReference: </p><p>http://www.w3schools.com/tags/default.asp</p></li><li><p>HTML Document StructureTag/element nestingAttributesIndentationUse elements for their intended purposeTables for data, not layoutDeprecated elements (new HTML tags or CSS)HTML comments</p></li><li><p>HTML Document StructureDocument Types.html/.htm.xhtml.php.asp/.aspx.do.jsp/.jspx.ssi.cgi/.fcgi</p></li><li><p>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 </p></li><li><p>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*</p><p>gEdit doesn't support code/text-folding (hiding blocks of text)</p></li></ul>