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 3 - Friday Discussion
Posted by: harveyd (IP Logged)
Date: October 12, 2007 04:19PM

1. What's wrong (answer at most two of these)
i. <img href="picture.jpg">
ii. <img src="hello.html">
iii. <img src="hello.jpg>
iv. <img src="hello.jpg">
v. <a href="picture.htm"><img src="thumbnail.jpg"
vi. <a src="http://www.sou.edu">sou site

2. Code the problem (answer at most two of these).
i.Create an image tag that links to myPicture.jpg that exists in the same folder as the html file.
ii.Create an image tag that links to myPicture.jpg that exists in the parent folder to where the html file is.
iii.Create an image tag that links to myPicture.jpg stored at [www.sou.edu].
iv.Create an image tag that links to myPicture.jpg in a subfolder called images.
v.Create an image tag that links to myPicture.jpg in a subfolder called images. The images subfolder is off of the parent folder to where the html file is.
vi.Why is it generally a bad idea to link to external images?
vii.How do you create a hyperlink to place within the same document?
viii.How do you create a hyperlink to another page in the same site?
ix.How do you create a hyperlink to another page in a subfolder in the same site?
x.How do you create a hyperlink to an external site?
xi.What are the disadvantages to creating hyperlinks to places within a page?
xii. What are appropriate uses for thumbnail images?
xiii. What tag combination worked for you to add audio for lab3?
xiv.What tag combination worked for you to add your movies to lab 3?
xv.What steps did you go through to create a thumbnail for the lab 3 project page?

3. What are criteria for finding information that is a reliable source for information to post to a web-site?
4.How do you find pictures to incorporate into you web pages?
5.What is a good discussion topic for future classes?
6.What would be a good lab project?
7.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.
8.What do you wish you knew at the start of the lab project?
9.What suggestions do you have for the on-line lectures, lab projects, power point slides, etc.?
10.What mistakes did you find in the on-line material?

Re: Week 3 - Friday Discussion
Posted by: (IP Logged)
Date: October 12, 2007 06:41PM

ii. <img src="hello.html">

This is not an image file, plus no end tag

iii. <img src="hello.jpg>

This is a correct image file, but it needs an end tag

This is correct for both

<img src="hello.jpg"/>

Note from Dan: Actually this will fail the HTML validation. Can anyone tell us why?



Edited 1 time(s). Last edit at 10/12/2007 06:49PM by harveyd.

Re: Week 3 - Friday Discussion
Posted by: (IP Logged)
Date: October 12, 2007 10:35PM

The reason this will fail html validation is for lack of a space before the end tag.

<img src="hello.jpg"/> would need to be corrected to <img src="hello.jpg" />

Note from Dan: That may be true, but there is also another reason.



Edited 1 time(s). Last edit at 10/12/2007 10:42PM by harveyd.

Re: Week 3 - Friday Discussion
Posted by: (IP Logged)
Date: October 12, 2007 10:56PM

v.Create an image tag that links to myPicture.jpg in a subfolder called images. The images subfolder is off of the parent folder to where the html file is.

<img src="../images/myPicture.jpg" />

x.How do you create a hyperlink to an external site?

<a href="http://www.stanford.edu">Stanford University</a>

Leaving an HTML file name off the end of the url will mean that the browser's request will result in the server at Stanford sending a file entitled "index.html" or "index.htm"

Re: Week 3 - Friday Discussion
Posted by: (IP Logged)
Date: October 12, 2007 11:08PM

Aha! The other reason this will fail html validation is the lack of an alt attribute which is required by XHTML.

Therefore the corrected tag would read:

<img src="hello.jpg" alt="this is what hello looks like" />

Note from Dan: You got it!!



Edited 1 time(s). Last edit at 10/12/2007 11:17PM by harveyd.

Re: Week 3 - Friday Discussion
Posted by: (IP Logged)
Date: October 12, 2007 11:21PM

i. <img href="picture.jpg">
The correct is
<img src="picture.jpg" />

vi. <a src="http://www.sou.edu">sou site
As I understand, to create a link to this sou site should write

<a href="http://www.sou.edu">sou site</a>

The web browser would display everything between the <a> and </a> tags as a link
sou site (underline).

Re: Week 3 - Friday Discussion
Posted by: (IP Logged)
Date: October 13, 2007 06:14PM

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

v. <a href="picture.htm"><img src="thumbnail.jpg"

In this set of tags there are three problems.

First off the alt attribute is missing from the image tag. Second, the image tag is not closed properly. Third the anchor tag is not closed properly.

<a href="picture.htm"><img src="thumbnail.jpg" alt="Picture Thumbnail" /></a>

iv. <img src="hello.jpg">

Though the sytax will work with this tag it is missing the alt attribute and because of that will fail validation.

<img src="hello.jpg" alt="Hello Image" />

2. Code the problem (answer at most two of these).

iii.Create an image tag that links to myPicture.jpg stored at [www.sou.edu].

<img src="http://www.sou.edu/myPicture.jpg" alt="My Picture" />

x.How do you create a hyperlink to an external site?

One simply needs to put the entire site address into the href attribute of the <a> tag.

<a href="http://cs.sou.edu/~harveyd/">Dan Harvey's SOU Home Page</a>

Re: Week 3 - Friday Discussion
Posted by: (IP Logged)
Date: October 14, 2007 07:41PM

1. What's wrong (answer at most two of these)
i. <img href="picture.jpg">
ii. <img src="hello.html">
iii. <img src="hello.jpg>
iv. <img src="hello.jpg">
v. <a href="picture.htm"><img src="thumbnail.jpg"
vi. <a src="http://www.sou.edu">sou site

i. <img href="picture.jpg"> to correct: <a href="www.w3schools.org"><img src="http://www.webplace.com/images/image3.gif"/> </a>

ii. <img src="hello.html"> to correct: <img src="picture.jpg" />

iii. <img src="hello.jpg> to correct: <img src="hello.jpg"/>
iv. <img src="hello.jpg"> to correct: <img src="hello.jpg"/>
v. <a href="picture.htm"><img src="thumbnail.jpg" to correct:
<a href="www.w3schools.org"><img src="picture/earth2.jpg"/></a>
vi. <a src="http://www.sou.edu">sou site to correct: <a href="http://www.sou.edu"><img src="picture/image5.gif"/></a>


4.How do you find pictures to incorporate into you web pages?

- search engine. make sure not copy right. Get good resolution (good image quality)



Edited 2 time(s). Last edit at 10/14/2007 07:47PM by alshabanm.

Re: Week 3 - Friday Discussion
Posted by: (IP Logged)
Date: October 14, 2007 10:05PM

4.How do you find pictures to incorporate into you web pages?

I found my picture by simply going to google images and typing in red,black headress. then it gave me a bunch of results and I picked one. Since my page is only for this class, I don't have to worry about copyrights, but if I were to create a real site that would have to be a consideration.

Re: Week 3 - Friday Discussion
Posted by: (IP Logged)
Date: October 15, 2007 05:25AM

vi. It is generally a bad idea to make a link to an image from an outside source because the picture can be altered or deleted and you wouldn't know unless you continually check it.

vii. To create a hyperlink to a place within the same page you first define the point to link to with <a id="spot"></a>

You then create the hyperlink with <href="#spot" link </a>.

x. To link it to an external site you would need to do this:
<a href="http://www.stanford.edu">Stanford University</a> basically meaning you put the entire site within the <a> tag.

4. You go to google images.

8. I wish I knew how to use the map program and place it within my webpage. I wish we did first hand practice and were not sent off blindly to try it.

Note from Dan: Check out lab 3 hints under the assignments forum. It tells you how to do it step by step.



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

Re: Week 3 - Friday Discussion
Posted by: (IP Logged)
Date: October 16, 2007 03:09AM

v. <a href="picture.htm"><img src="thumbnail.jpg"
vi. <a src="http://www.sou.edu">sou site

Answer
v. <a href="picture.htm"><img src="thumbnail.jpg" alt="thumbnail picture link"></a>
vi. <a href="http://www.sou.edu">sou site</a>

Re: Week 3 - Friday Discussion
Posted by: (IP Logged)
Date: October 16, 2007 05:21AM

<img src="hello.jpg"/>

Note from Dan: Actually this will fail the HTML validation. Can anyone tell us why?

This will fail because there is no alt attribute specified.

Re: Week 3 - Friday Discussion
Posted by: (IP Logged)
Date: October 21, 2007 11:20PM

2. Code the problem (answer at most two of these).

i.Create an image tag that links to myPicture.jpg that exists in the same folder as the html file.
<img src="myPicture.jpg" alt="A picture in the HTML directory" />

iv.Create an image tag that links to myPicture.jpg in a subfolder called images.
<img src="images/myPicture.jpg alt="A picture in the images sub directory" />

3. What are criteria for finding information that is a reliable source for information to post to a web-site?
The reliability requirement is a function of the web site being created. A personal website only requires that the link I connect to interests me. A more formal site requires that I verify the author of the link. Are they the actual source (Microsfot, Cisco...) or are they faithfully representing information from the real source? There should be links to the source of the information and that source can be verified (Census, FBI, NSA...). If these methods are not readily available then I go on the presentation of the website and the organization of the content. I don't want to reference someone that isn't interested in the topic.


10.What mistakes did you find in the on-line material?
The XHTML validator didn't recognize the <embed> and <noembed> tags.
GeoHTML output is in all capitals so that the case must be changed. It also didn't include the alt tag attributes.

Re: Week 3 - Friday Discussion
Posted by: (IP Logged)
Date: October 23, 2007 07:30PM

xv.What steps did you go through to create a thumbnail for the lab 3 project page?
I opened the image in a photo editor, saved it as a smaller disk size. I then placed my tags as follows: <a href= "image.jpg"><img src= "image_tn.jpg" /></a>.

Re: Week 3 - Friday Discussion
Posted by: (IP Logged)
Date: November 18, 2007 10:13PM

4.How do you find pictures to incorporate into you web pages? I search on line images of native American sites and then I copy them and put them in my images folder to be able to link to them later.

Re: Week 3 - Friday Discussion
Posted by: (IP Logged)
Date: November 19, 2007 12:37AM

1. What's wrong (answer at most two of these)
i. <img href="picture.jpg">
-there is no src attribute in this tag to show where the image is located and no alt attribute.

2. Code the problem (answer at most two of these).
i.Create an image tag that links to myPicture.jpg that exists in the same folder as the html file.
-<img src="./myPicture.jpg" alt="myPic"/>

x.How do you create a hyperlink to an external site?
-<a href="http://www.ruinsofrelica.com">Ruins Of Relica</a>



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