Assignment page is a step by step course guide (Canvas is however more detailed and up to date).
21st century skill, master IDE, if not take cimw115 or cis 415 DW/WordPress
IDES:.
1st Choice Adobe DW -
2nd Choice NetBeans or Eclipse w Chrome Connector
3rd Choice other Web/Cloud Developer IDEs: Microsoft Visual Studio or JetBrains WebStorm - Optimized for JavaScript
4rd Sublime, VIM. notepad++ - these are editors not really IDEs
4) Edge has a powerful web developer
5) Opera has always been the best at supporting CSS
5) textbook - well rated, not recently updated, css4 modules on Flex are in the textbook.
Will chapter per week (1st week orientation + chapter 1)
Have full set of webcasts (can translate remaining to YouTube), would like to make new ones but need demand - canvas schedule
Textbook Preface
CSS acronym Cascading Style Sheets
(version 3 add border-radius, gradient, text-shadow, outline and media queries)
We are now in the era of patches, and small upgrades, no more Version changes.
SQL92 standard w HTML5, and CSS3
CSS is a presentation/styling language for XML (HTML5 is an XML language)
HTML HyperText Markup Language, we markup a document with XML tags
<!doctype html> <!-- we have an HTML5 document root node is HTML -->
<html lang="en"><head>header information</head><body>Visible Web page</body></html>
DOM navigator (firebug./DW) - XML Document Object Model
HTML all tags lower-case (its case sensitive)
we always have starting and ending tags; empty tags <br />
correctly nested.
note HTML 4.01 (based on SGML no XML) achieved XML by creating XHTML
browser attached default formatting "CSS" to tags <strong>this is strong</strong>
hyper it above and beyond; hypertext above and beyond normal text;
text can have action
<a href="https://cim.saddleback.edu/cimw140">cimw140</a> Link to class site, (Invoke action)
HTML5 added lots of tags <video>, <canvas>, <header>, <footer>, <section>, <article>, <nav>, <aside>
Chapter 1 HTML and CSS
Web Page = DHTML = HTML + CSS + JavaScript
In General Markup Language (aka content) + Presentation Model + Behavior Model
Goal is for designer to Create a Sound Structure,
Content with Known Structure, apply CSS/JavaScript to a known structure.
Block format neutral tag <div> and in-line format neutral <span> tag.
Class sites employ a consistent and concise div strategy
many designers would argue a Web page should be div/span with IDs/classes yahoo.com (author not this feeling)
HTML5 added semantic tags: <header>, <footer>, a side bar <aside>, <nav> navigator, <section> chapter,
<article> book or a self contained unit;
more is not necessarily better, application bloat
what is important is a good clean consistent layout, (KiSS keep is simple)
ie7 is still around, and will be around a long long time, last IE you could integrated
IECC - IE conditional comment for it to understand new HTML 5.0 tags
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
Microsoft was notorious for not supporting standards, and suddenly changing JavaScript engines.
9 and 10 have moved in the right direction.
You should do all layout with using CSS, not a table (historically we had to use tables)
<table> is for tabular data
use CSS for line break display:block not overuse <br /> tag
always validate a page as you work on it, Web Developer add-on (top corner and tools validate page)
HTML 5 Nu (HTML checker validator is experimental (both Web Developer add-on and DW use it)
can add validator icon to footer,
tips to Guide your Way (page 16)
go with HTML 5 doctype (may bump into html4 versions)
CSS3 is "well supported" it is divided into modules will not see a CSS4,
but we have CSS programmable prepoccessor
SaSS syntactically awesome style sheets (less popular is less but closer to CSS syntax)
You can complete all four pre-book assignments
Will cover chapter 2 and chapter 3 next web-casts, complete web-cast time survey asap,