Instructions for Online StudentsThis page contains material specifically for students taking the online section of the HTML class with material and tips for students working independently at home. Check this page frequently for updates.The syllabus, laboratory and other resources for this class are located on the Main CSIT158 page. Below are notes and instructions for online students.
Week 1
This WeekWeek 7HTML Students, Update on server access. Most students seem to be having trouble posting to the linux3.lacc.cc.ca.us server on campus. It's very frustrating. I am going to recommend using off-campus server space. If you don't have your own free off-campus webspace and would like it, One good source for free webspace is: http://geocities.yahoo.com/home/ Click on the "Build Your Web Site" link in the middle of the screen and follow instructions for signing up. Assignment continued from last week: Either: 1. Upload your pages to the linux3.lacc.cc.ca server or 2. Post your pages somewhere else and post your name and the URL of your pages to our conference at: http://www.flamingyoyo.org/HyperNews/denis/get/csit158/14.html Please get your work up soon so that we know where we stand with the projects. Again, off campus webspace is probably the best way to go given the problems. This material will also be posted on our online course assignments page at: http://vlacc.rexx.com/~denis/csit/csit158o/index.htm If you haven't already done so, visit that page and read the assignments for the past weeks. Online tools: Chatrooms: Our web based java client chatrooms are located at: http://vlacc.rexx.com/~denis/dt/chat.htm. Be sure to choose CSIT158 from the pull down list of chatrooms. I will be in the chatroom Tuesday 6-8 p.m.. Conferencing: Be sure to visit our conference regularly for updated information and handouts: http://www.flamingyoyo.org/HyperNews/denis/get/csit158.html. Tables: Please read Chapter 8, Tables. The use of tables in HTML, visible or more commonly invisible, is an essential part of every sophisticated commercial page. Tables are the standard way to control positioning of material on the page. Make sure to understand the effect of border, cellspacing, and cellpadding parameters in the table tag (P. 70): <table border=30 cellspacing=20 cellpadding=40> <td>left cell</td><td>right cell</td> </table> Read about TD, TH, and TR tags and understand captions (P. 71): <table border=3 cellspacing=3 cellpadding=3> <caption>Fall Schedule</caption> <tr><th>Monday </th><th>Tuesday</th></tr> <tr><td>Math and Chemistry</td><td>English, history</td></tr> </table> Table width indications are not as predictable as one would like in different browsers. Cell alignment can be quite sophisticated as demonstrated in the example on P. 73: <table border=3 cellspacing=3 cellpadding=3 width=400> <tr><td>line 1<br> line 2<br> line 3<th align=left>Left aligned </th> <th align=right>Right aligned</th></tr> <tr><td>line 1<br> line 2<br> line 3<td valign=top>Top</td> <td valign=bottom>Bottom</td></tr> </table> Colspan and rowspan parameters used in TD or TH tags can produce very flexible tables as illustrated on PP. 74-75: Table with a title spanning two rows: <table border=3 cellspacing=3 cellpadding=3 width=400> <tr><th colspan=2> <font color="ff0000" face="Arial"> Fall Schedule</font></th></tr> <tr><th width=50%>Monday </th><th width=50%>Tuesday</th></tr> <tr><td>Math and Chemistry</td><td>English, History</td></tr> </table> Table with a large centered title: <table border=3 cellspacing=3 cellpadding=3> <tr><th width=25%>Math</th><th width=25%>Chemistry</th> <th width=25%>Photography</th width=25%><th>Art</th></tr> <tr><th>English</th> <th colspan=2 rowspan=2> <font color="ff0000" face="Arial" size=+2> LACC </font> </th> <th>Architecture</th></tr> <tr><th>German</th><th>Spanish</th></tr> <tr><th>Theater</th><th>Media Arts</th> <th>Physics</th><th>Philosophy</th></tr> </table> Background colors can be used in the TABLE, TD, TH, and TD tags using the bgcolor parameter. the bacground parameter may also be used to put a graphic background into a table. (This is not mentioned in the text as it was not supported before Netscape version 4.) Here is the example from P. 76: <table bgcolor="e09090" border=3 cellspacing=3 cellpadding=3> <tr><th width=25%>Math</th><th width=25%>Chemistry</th> <th width=25%>Photography</th width=25%><th>Art</th></tr> <tr><th>English</th> <th bgcolor="c0c0ff" colspan=2 rowspan=2> <font color="ff0000" face="Arial" size=+2> LACC </font> </th> <th>Architecture</th></tr> <tr><th>German</th><th>Spanish</th></tr> <tr><th>Theater</th><th>Media Arts</th> <th>Physics</th><th>Philosophy</th></tr> </table> Nested tables: The TD tag in a table may contain any material you would normally put on a page. This may include another table! Check out the example of nested tables on P. 77: <!-- outer table --> <table border=2> <td align=right><font size=-1 face="Arial"><i><b>As you like it</b></i><br>William Shakespeare</font></td> <td> <!-- inner table --> <table border=15 cellspacing=4, cellpadding=7> <th> <font size=+2> Sweet are<br> the uses<br> of adversity</font> </th> </table> <!-- end inner table --> </td> </table> <!-- end outer table --> Tables can be quite complex and there is a lot of material here to cover. We will take a while for tables. Again, if you haven't been able to post your work on the web or have had difficulties completing the work, please post your problems on the class hypernews conference at: http://www.flamingyoyo.org/HyperNews/denis/get/csit158.html If you prefer to post your pages on an off campus server like geocities, please post the URL of your pages in our hypernews conference here: http://www.flamingyoyo.org/HyperNews/denis/get/csit158.html for grading. Please get your pages up. Good Luck, DT |
Contacts
Send mail to D. Titchenell