Discussion :  SOU CS Classes The fastest message board... ever.
Forum for discussion, questions, and replies relating to Web Development I 
Goto Thread: PreviousNext
Goto: Forum ListMessage ListNew TopicSearchLog In
Week 4 - Friday Discussion
Posted by: harveyd (IP Logged)
Date: October 19, 2007 07:31PM

1.What's wrong (answer at most two of this question)
i.<ul><li>hello<li>goodbye</ul>
ii.<ul><li>hello</li><ul><li>happy</li></ul></ul>
iii.<ul><li>hello</li><li><ul><li>happy</ul></li></ul>
iv.<table><tr><td>row1 column1</tr><td>two column 1</tr></table>
v.<dl><dt>hello</dt><br /><dd>greeting</dd></dl>
vi.<table border:5px><tr><td>row 1</td></tr></table>
2.Create the html for a three column, four row table.
3.Create an unordered list that is three levels deep
4.How do we center a table
5.How do we override an unordered list bullet
6.Create a definition list of five items
7.Create a frame template for a page with three rows, the second row has two columns
8.Suppose we have an iframe with the name attribute set to "display." Create the hyperlink that displays myPage.htm in that frame.
9.Create the html for a nested table.
10.Create a table without borders that spans columns.
11.Create a table that spans rows.
12.How do you separate cells in a table?
13.How do you widen the space around the content of a cell of a table?
14.Tell us something interesting about attributes for tables, lists, or frames.
15.What is a good discussion topic for future classes?
16.What would be a good lab project?
17.Create a test question that you think would be good to add to either the on-line lecture, for a synthesis question, or for a quiz. Answer your question.
18.What do you wish you knew at the start of the lab project?
19.What suggestions do you have for the on-line lectures, lab projects, power point slides, etc.?
20.What mistakes did you find in the on-line material?

Re: Week 4 - Friday Discussion
Posted by: (IP Logged)
Date: October 19, 2007 08:39PM

i.<ul><li>hello<li>goodbye</ul> This should be:

<ul>
<li>hello</li>
<li>goodbye</li>
</ul>


ii.<ul><li>hello</li><ul><li>happy</li></ul></ul> This should be:

<ul>
<li>hello</li>
<li><ul>
<li>happy</li>
</ul></li>
<ul>

Re: Week 4 - Friday Discussion
Posted by: (IP Logged)
Date: October 20, 2007 08:36PM

1.What's wrong (answer at most two of this question)

iii.<ul><li>hello</li><li><ul><li>happy</ul></li></ul>

<ul> (Line 1)
<li>hello</li>
<li>
<ul>
<li>happy
</ul>
</li>
</ul> (Line 8)

I will refer to line numbers in the re-written code:

Line 5; li should be closed before closing ul

<ul>
<li>hello</li>
<li>
<ul>
<li>happy</li>
</ul>
</li>
</ul>

iv.<table><tr><td>row1 column1</tr><td>two column 1</tr></table>

<table>
<tr>
<td>row1 column1
</tr>
<td>two column 1
</tr>
</table>

line 3; td should be closed before closing tr
line 5; tr should be opened before opening td, td not closed properly

<table>
<tr>
<td>row1 column1</td>
</tr>
<tr>
<td>two column 1</td>
</tr>
</table>

Re: Week 4 - Friday Discussion
Posted by: (IP Logged)
Date: October 20, 2007 08:49PM

2.Create the html for a three column, four row table.

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

Re: Week 4 - Friday Discussion
Posted by: (IP Logged)
Date: October 21, 2007 01:06AM

13.How do you widen the space around the content of a cell of a table?

a. cellspacing will widen the space within the cell around the content in that cell.
b. cellpadding will widen the space between the cell's border and other cells. This will also have the effect of creating more space around the content of a particular cell, especially if the border attribute is set to "0", then the visual effect of space between content in adjoining cells is increased, i.e. as in:

<table border="0" cellpadding="1" cellspacing="1">
<tr>
<th>heading 1</th>
<th>heading 2</th>
</tr>
<tr>
<td>content</td>
<td>more content</td>
</tr>
</table>

10.Create a table without borders that spans columns.

Here is a table with no border, cellspacing and cellpadding of 1 respectively, with headings, a first row that has two separate cells, a third row that spans two columns, and a fourth row that has two separate cells.

<table border="0" cellpadding="1" cellspacing="1">
<tr>
<th>heading 1</th>
<th>heading 2</th>
</tr>
<tr>
<td>content</td>
<td>more content</td>
</tr>
<tr>
<td colspan="2">some content that announces the next section and spans two columns</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>content</td>
<td>more content</td>
</tr>
</table>

Re: Week 4 - Friday Discussion
Posted by: (IP Logged)
Date: October 23, 2007 03:08AM

18.What do you wish you knew at the start of the lab project?

I wish I knew how to add a web page as a link for our map page.

19.What suggestions do you have for the on-line lectures, lab projects, power point slides, etc.?

I do not understand much of web developing so I wish that we could possibly run through some of the harder concepts as well as talking over how to do it.

Re: Week 4 - Friday Discussion
Posted by: (IP Logged)
Date: October 23, 2007 09:29PM

1.What's wrong (answer at most two of this question)
i.<ul><li>hello<li>goodbye</ul> --no close tags on the </li>
ii.<ul><li>hello</li><ul><li>happy</li></ul></ul> You don't need another <ul> after hello, and there's too many closing </ul>'s

*** Note from Dan: The second <ul> is needed for validation. The problem is the nested list is not within a <li> ... </li>. It will fail validation.

iii.<ul><li>hello</li><li><ul><li>happy</ul></li></ul> there's an extra <li>, and there's no need for the extra <ul> either

*** Note from Dan: The problem is that the second <li> is not properly closed>

iv.<table><tr><td>row1 column1</tr><td>two column 1</tr></table> Improper nesting, and there needs to be a </td before the </tr> at the begining.


3.Create an unordered list that is three levels deep

<ul>

<li> Item one level deep </li>
<li><ul>
<li> Item Two levels deep</li>
<li><ul>
<li>
Item three levels deep.
</li>
</ul></li>
<li> Item Two levels deep</li>
</ul></li>
<li> Item one level deep </li>
</ul>

4.How do we center a table
two ways, the first is deprecated.

<table align="center">
whatever for the table...
</table>


You can also use absolute positioning using a div tag, or

table.center
{
margin-left: auto;
margin-right: auto;
}


6.Create a definition list of five items

<dl>
<lh>List Title</lh>
<dt>Item1</dt><dd>definition for item 1</dd>
<dt>Item2</dt><dd>definition for item 2</dd>
<dt>Item3</dt><dd>definition for item 3</dd>
<dt>Item4</dt><dd>definition for item 4</dd>
<dt>Item5</dt><dd>definition for item 5</dd>
</dl>

8.Suppose we have an iframe with the name attribute set to "display." Create the hyperlink that displays myPage.htm in that frame.

<a href="myPage.htm" target="display"> Show myPage in the iframe labeled display</a>

12.How do you separate cells in a table?
You can use the cell spacing attribute
<table cellspacing="whatever">

13.How do you widen the space around the content of a cell of a table?
<table cellpadding="whatever">

note:for the last two, you can also do in a CSS file

td.mytable {
padding: 0px;
border-spacing: 0px;
}



Edited 1 time(s). Last edit at 10/24/2007 02:44PM by harveyd.

Re: Week 4 - Friday Discussion
Posted by: (IP Logged)
Date: October 24, 2007 06:47PM

5.How do we override an unordered list bullet ? with the type= attribute example
<ul>
<li type="square">dog</li> this will give you a square in-front of dog when you see the list.
10.Create a table without borders that spans columns.

<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="5"><div align="center">My table</div></td>
</tr>
<tr>
<td width="71">1</td>
<td width="121">2</td>
<td width="139">3</td>
<td width="139">4</td>
<td width="130">5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>

</table>

Re: Week 4 - Friday Discussion
Posted by: (IP Logged)
Date: October 28, 2007 12:21AM

1.What's wrong (answer at most two of this question)
vi.<table border:5px><tr><td>row 1</td></tr></table>
The border attribute is wrong. It should be border="5".

7.Create a frame template for a page with three rows, the second row has two columns
<frameset rows="20%,*,20%">
<frame src="header.htm" name="header" scrolling="no" />
<frameset cols="30%,*">
<frame src="menu.htm" name="menu" />
<frame src="data.htm" name="data"/>
</frameset>
<frame src="footer.htm" name="footer" scrolling="no" />
</frameset>

9.Create the html for a nested table.
Here is a table of two tables
<table>
<tr>
<td>
<table>
<tr><td>The left nested table
</td></tr>
</table>
</td>
<td>
<table>
<tr><td>The right nested table
</td></tr>
</table>
</td>
</tr>
</table>

Re: Week 4 - Friday Discussion
Posted by: (IP Logged)
Date: December 03, 2007 05:49AM

week 4 - Friday
1.What's wrong (answer at most two of this question)
iv.<table><tr><td>row1 column1</tr><td>two column 1</tr></table>
-There are no closing table data tags </td> after the data for each cell.

vi.<table border:5px><tr><td>row 1</td></tr></table>
-The border attribute is in correct syntax. It should be border="5".

2.Create the html for a three column, four row table.
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
</head>
<body>
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<td></td>
<td></td>
<td></td>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>

Re: Week 4 - Friday Discussion
Posted by: (IP Logged)
Date: December 03, 2007 05:53AM

ii.<ul><li>hello</li><ul><li>happy</li></ul></ul>
you do not need the extra <ul> and </ul> tags
<ul>
<li>hello</li>
<li>happy</li>
</ul>



Sorry, only registered users may post in this forum.
This forum powered by Phorum.