09.20.txt   Notes for Tuesday 09/19/05, CISC103


Reminder:

Association for Computing Machinery,
Student Chapter gen. interest meeting:

7:30PM next wed Gore 104

(1) Review from last time, and overview of files in directory

test.of.concatenation.html

javascriptCelsiusToFaren.html


PhillsWebPageOldSchoolFontTag.html

(2) Pick up with CSS from last time...


(3) back to javascriptCelsiusToFaren.html

(4) Remember the pesky value of 

Details:


(2) Using CSS (Cascading Style Sheets) to make web pages that are
    both attractive and maintainable.



In the early days, when Netscape and Internet Explorer first came on the
scene, the way people made web pages look nice was with the <font> tag:

<font color="red" face="arial"><h1>Phill's Web Page<h1></font>

<font color="green" face="times"><h2>My Teaching<h2></font>

<font color="blue" face="courier"><h3>CISC103<h3></font>

<font color="blue" face="courier"><h3>CISC105<h3></font>

<font color="blue" face="courier"><h3>CISC181<h3></font>

<font color="blue" face="courier"><h3>CISC181h<h3></font>


<font color="green" face="times"><h2>My Research<h2></font>

<font color="blue" face="courier"><h3>Stream Control Transport Protocol (SCTP)<h3></font>

<font color="blue" face="courier"><h3>Reliable Server Pooling (RSerPool)<h3></font>


<font color="green" face="times"><h2>My Service<h2></font>

<font color="blue" face="courier"><h3>CIS Dept. Undergrad Committee<h3></font>

<font color="blue" face="courier"><h3>Advisor, Student ACM Chapter<h3></font>


The problem is that this is a lot of work to maintain.  If I want to change a font, I have to do a search and replace on every heading.

The solution to this is the style sheet:

[Show how to do it with a style sheet here].


[Then look again at the Web pages for the course calendar.  Show
how we might convert the not so pretty CISC103 course calendar into
one that looks prettier.. more like the CISC105 and CISC181 course
calendars.]

(3)


(4) Representation of floating point numbers...