Change Contents of the Bubble
Welcome to CS1315. Click on the python to add comments.

This page removed for FERPA compliance
View this PageEdit this PageUploads to this PageHistory of this PageHomeRecent ChangesSearchHelp Guide

Fall 2006 Lab 4 Questions

Lab 4 Questions Go Here:
When you post your html to coweb please don't forget to use the
<code>
tag!




So i tried to validate my page and it said it was tentatively valid html 3.2. but above that it said "No Character Encoding Found! Falling back to UTF-8." What does that mean? Is it okay? And then how do you know that its validated...am i supposed to put the little link at the bottom of my page or something? thanks!


Ummm. I'm sure this is just one of those technical difficulties that are out of my control, but I keep getting an http 404 not found error. My site was working just fine the on Friday though.

I went to the Library ground level and they said PRISM is down for a lot of users. How can I still receive credit for this lab if i started late? Can i upload the files to my own site and tell my TA about it or was the point to figure out how to use SSH / GATech prism FTP??
Check out the announcements page. First, lab isn't due until friday. Second, there are some servers down. Keep watching the announcements page for more info. Student1919


I got my site to work but ALL MY PICTURES ARE RED Xs!!!! WHAT HAPPENED? I made sure to copy them over too...and they are all jpg...lol
Double and triple check for typos in the HTML document, and make sure that the HTML document and all the photos are in the same folder Student3703
Capitalization matters. Check and ensure that every part of your image name and type is capitalized the same was as you have it in your HTML file. Student1919

I have 2 pages that I made how do I link them together as in what's the url that I have to put in the hyperlink to get from one page to the next?
It should be just the filename (ex. "myotherpage.html").....assuming that the second page is saved in the same folder as the first Student3703


prism ID as in '1st,intial,Last name#' ? Will we still be able to upload this even if we dont have a gtXXX number?
Yes, to both Student3703

well, first of all I can't log in because it always says there is an error in the connection and second of all, i don't have a gtXXX numer. soo....? I just don't know what to do about it :/
Use your prism ID. -Student2081

I can't get my picture to show up to be able to hyperlink it to another website..It just shows the link instead of the picture. img src="light.jpg"/> That's what I'm trying to put and it won't work.
To display an image using html you have to use
<img src="nameofpic.jpg" />
. Try that. -Student2081

nevermind about the the most recent question I figured it out!|too late :)|

I cant save in html format my notepad does not have save in html option, what can I do??
Save it as "index.html" or whatever you want to name it, since Notepad will append .txt unless you put it in quotes (or select All Files as the type when saving).

all you have to do is type .html at the end of the file name

How can I make clickable image link to another appropriate page of website
<a href="somewebsite.html"><img src="somepic.jpg" /></a>
-Student2081

Is our gtgXXXX number just the one that appears in our prism email address, so not everyone's is necessarily "gtg", but has their last name in it?
yes. just use your prism id. I am sorry that was not clear. -Student2081

when you're making the table, is it okay to use the table code in the tutorial and then personalize it? Or is that considered using "autogenerated" HTML?
You can use anything we give you as a example in the tutorial - its our way of showing you how we want you to do it. It would be pretty unfair if we were giving you examples you couldn't use! Student3703

Where can one look to find out how to change an image change during mouseover or to make a mail form page?
Try my favorite thing to do when I don't know the answer to something - Google it! :) Another good idea - go to the some of the TAs' coweb page(s)....some of them have their webpages (on prism) linked to their who's who page...poke around enough and you should be able to find some very helpful things ;p Student3703

When I insert this line, before in my code, to "verify" my site ... It messes up the entire site. Why is it doing this? My site works fine w/o this line inserted...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> (I just changed this to correct it. Colin Potts)

The line above is what I was referring to... it didn't show up the first time.

I have validated my site and successfully uploaded it to my prism account, but when I type in www.prism.gatech.edu/~gtg613w it does not directly bring me to my webpage, instead it shows up as my INDEX with all of the files that I uploaded. I then have to click on Lab4.html to bring up my mainpage. :o( I cant find where to fix this, eek! Thank you :o)
Name your file index.html not lab4.html. It will then load correctly. Colin Potts

Sorry, I also have the problem that "No Character Encoding Found! Falling back to UTF-8." I dont know what to do!?!?
Have you defined a DOCTYPE above your html tag and/or charset inside the head tag? -Student2042

Is there an FTP client that is mac compatible?
I use Fugu. You can download it from the OIT site.http://www.oit.gatech.edu Colin Potts

you have to rename Lab4.html to index.html, then it should work

how can I center align an image? for instance in the code



How would I center this picture?
-Student2042- What are you trying to center it inside of? If it's in a table cell, <td align="center"><img src="basser.jpg" /></td>
-Student2042- If it's just appearing on the page, <p align="center"><img src="basser.jpg" /></p>

I'm trying to download the WinSCP onto my computer and the linked site for that download asks me to select a "mirror." What is it that I'm supposed to do exactly?
A mirror is just a location to download the file from. It really doesn't matter what you pick, but I know there's one for Atlanta and one from like Kentucky or somewhere. Just choose one that's close to Georgia. -Student2042

How come when I try to put a picture on the webpage like this with just the file name, , it turns out as a square with a red cross in it, BUT, when I put in the full path, the picture shows up fine. Thats fine but I'd like to do it the way the tutorial shows with just the filename. Any suggestions?
You have to have that picture saved in the same folder as your html file for the tutorial's way to work correctly Student3381_
oops! i'm sorry for putting the picture. can somebody remove it?

Is this webpage simply a webpage or can we make pages that link from it like a website? I know we can make links to other pages but can we make our own links?
Yes, you may expand your site however you like. Student3381

i tried to validate my webpage and this error message came up "document type does not allow element "TABLE" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag.".

i started with and ended with
.
what is wrong with my codes and what should i do to fix it??
I would check with a TA at office hours. Student1919

i tried to validate my webpage and this error message came up "document type does not allow element "TABLE" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag.".

i started with (table border="2" align="center") and ended with (/table).
( ) = < >
what is wrong with my codes and what should i do to fix it??
For all validation errors, it is probably easier for you to take them to a TAs office hours, because sometimes one error will cause another later on in your writeup that is not really an error. Its complicated, hence, take it to a TA so we can see everything thats going on. Student3381

Is putting a GIF into our page the same as putting in an image?
A GIF is a type of image. Student3381

Why is it that image rollover worked before I submitted it via FTP client, but does not work after I go to www.prism.gatech.edu/~prismID???
Are your pictures included in the public_html folder? Are they capitalized correctly? Student1919

Is it wrong to use
<br/>
when i want extra space inbetween paragraphs or is there another way?
As long as it passes validation, you should be fine. Student1919

For the picture link, can we use a picture that we copy from a different website?
Yup. As long as you use the picture as a link. Student1919

my pictures are saved in the same file as my html but still doesnt work. still a box with a red cross
Check your capitalization. They should be the same. Student1919

Does anybody know how to add the lines on the table, I can't figure it out.
Instead of using just the
<table>
tage in your HTML, use
<table border="1">
in your HTML. Try different numbers in that tag too. You get different types of lines. (I think this is what you mean by lines, if not, repost the question) Student1919

How come sometimes
<br/>
takes you to the next line and sometimes it skips a line like a new paragraph? i guess it just demonstrated it! but still sometimes it skips 2 lines
I think that was the tag br is supposed to do skip a line. -Albert d'Heurle



how do you make multiple webpages?
you can just create another HTML document (ex. aboutme.html) and then link the two together. It works in the same way as linking an external site, but you can just put the filename instead of the full url (ex "aboutme.html" vs "http://www.prism.gatech.edu/~gth694q/aboutme.html"). Just make sure you save the other HTML file(s) in the same folder as your home page...like you did with the pictures... Hope this helps :) Student3703

When I use a heading tag e.g.
<h#>
, I'm not able to center the text. Is it that supposed to happen? If so, could I just display my name with a larger font instead of a heading so that I can keep it centered?
Weeelllll - since the requirements for this assignment say something about using a heading I would strongly discourage you from just using really big font as it could negatively affect your grade. With that being said, what I would do is set up your whole page in a table, so it's easier to control the formatting. So to center your heading you could have the first row span across all the columns, and have everything in that row aligned center. Hope this helps :) Feel free to point out if its confusing ^.^ Student3703

I finished my page but I can't get it to upload to my prism account.
There are many many things that could be wrong. Could you be a little more specific as to what you are or arent seeing or what steps are not working for you? Student3381

after i uploud everything i need to my prism acct and go to my website, i dont see my actual website but a bunch of directory listings instead.
Make sure your main page is not titled lab4.html but is called index.html. Otherwise, you might have to adjust the privacy settings which is more along the lines of an Office Hour visit. Student3381

The requirements state that we must have a table with at least 4 columns and 3 rows. Does each row have to have 4 columns? Or can only 1 of the rows have 4 columns and the other two rows have 2 columns?
It is probably a good idea to create a table within the guidlines specified, even if you have to leave some table cells blank. Student3381

I downloaded the winSCP and typed in all the things like the example on the website. When I login my files arn't on the left side. It list like root, my gtg file(but it's empty) and other random folders. I unistalled and reistalled but the same files are showing up. I think it has to do with the winSCP...what should I do??
It would probably be best if you visited someone's office hours Student3703

Does my 4x3 table have to be on the index.html or can it be on my second page?
To be on the safe side, I would make sure the page index.html met all the requirements Student3703

When validating my page it says that this is incorrect code-
  <p align="center"> <img src="JES.jpg"></p>
. If that is true how am I suppose to center the images?
You are forgetting one little thing in your image tag. Go back and look at the section in the tutorial dealing with the image tag and see if you can find the little bugger ;p Student3703

This is supposedly incorrect. How can I write the correct code for centering an image.
Please see the answer to the question posted above Student3703

Is this Lab due tomorrow, oct. 23 ( like it says on the homework assignments page or on friday the 27th like it says on the schedule?

The 27th, like it says on the Announcements page. - Brittany Duncan

the validator thing keeps saying that a heading, paragraph, AND table are not allowed. "missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag." i have no idea what it means and all the html seems to be right. it just says it's not allowed.
There's an error in your code order I bet. But I can't tell you where the error is w/out seeing your HTML file. I'd suggest taking it to a TA's office hours or finding a TA online for help. Student1919

if we have two pages, is it okay if some of the requirements are on the second page or do they all have to be on one page? also, is there anything to turn in to webwork?
Nothing to turn into webwork. It's fine to have requirements on the second page, but you will probably want to mention that the requirements are on the next page from the main page. Student1919

For the required image link to another website, is it ok if that other website is another CS1315 student's prism website?
Is that another website?! (the answer is, "why yes, amanda, it is another website"). So therefore, that's fine. Student1919

when i open up the text as html file stuff like this comes up with all other things. what are they and how do i get rid of them?
{\rtf1\ansi\ansicpg1252\deff0\deflang1033{\fonttbl{\f0\fswiss\fcharset0 Arial;}} {\\generator Msftedit 5.41.15.1507;}\viewkind4\uc1\pard\f0\fs20 \par \par \par \par \par

gtg773x

\par
\par
I'll take a guess that you used an editing application like REMOVEDpad and did not convert the file to plain text. The stuff you are seeing is another kind of markup language – Rich Text Format, or RTF – that some word processors use. Use Notepad instead or make sure you save in text-only mode. Colin Potts Oh, wait, I just saw your disclaimer below! But you won't be the only person to make this mistake probably!

I uploaded my webpage using the FTP client that was provided and now I'm having trouble logging into the FTP client now. I tried to access my page to see if it was still there but it gives me the 404 error. The client also tells me to enter my "session password". What's going on?
Servers are down right now. Keep an eye on the announcements page for more info. Student1919

gtg773x takes his question back. I accidently opened up wordpad instead of notepad... stupid.

When I download the WinSCP and fill in the correct information it then asks me for an account session password.....what do I do?

i put in my user name and password as well as the acme.gatech.edu but when it tries logging in, my access is denied. when it says gt#, my jjung8 is okay right?
OIT is reporting some problems with some of their servers (Monday evening/Tuesday morning). This may be a temporary problem. Try again later. Colin Potts

Ok, I'm trying to connect with WinSCP and I did the first step

1.When you first start up WinSCP, you will be prompted for a servername and some other information. Fill it out like this picture.

(With your own gt-num and password of course)

then when I hit the Login button, it prompts me for a password and when I enter my password it just prompts me again,and I used the same password I used in the step 1 set up.

Whats going on, and will I be penealized for being late because the FTP server doesn't like me?
No, you won't be penalized. (1) The deadline is now Friday. (2) OIT is reporting some problems with some of their servers (Monday evening/Tuesday morning). This may be a temporary problem. Try again later. Colin Potts



You won't be penalized because it isn't due until Friday. I guess if it was Friday then you would be penalized for procrastinating, but not because the server doesn't like you. :-P -Brittany Duncan

REMOVEDestion: Take your laptop and your questions about servers to recitation this week. Mark Guzdial

Hey everybody, people are having problems logging on to the acme server, OIT is trying to figure out the problem. Colin said on the announcements page not to worry about it right now, I just wanted to let people know we are aware. -Brittany Duncan

If I want to attach a second link to my website (have my hobbies and whatnot on another page), do I have to name it anything in particular? I know the initial website has to be index.html for it to show up correctly, I just don't know about any additional ones.
You can call the other page whatever you want. Just make sure that the name of the file and the href in the <a> tag are the same. Colin Potts

On my webpage, I'm using tables for layout - the requirements state that 'You must have a table with atleast 3 rows and 4 columns.' - I have a table with 3 rows and 4 columns, but several of the rows (3 of the 5) I've used colspan to center something, or have only one cell in that row - is that a problem, for fufilling the requirement?

http://www.prism.gatech.edu/~bake3/index.html


I'm PRETTY sure that it's okay, because you can see that the whole thing is actually a table. Sweta Vajjhala

How does Hexadecimal work again? I don't want plain orange or blue, a shade would be more appealing

Re: Above - Hex is just RGB with different encoding - break the 6 digits into 3 groups - ## ## ## - where the digits go from 0, corresponding to 0 in decimal, to F, which corresponds to 16. 16x16 = 256, which is a number you may reconize. first set of numbers is Red, second Green, third Blue. Since no one I know can do math in base 16, do a google search for "RGB to Hex converter", you should find something that can do the conversion for you.
Great advice. Here's a shortcut. Since each pair of hex digits ranges from 00 to FF (where F is hex for 15), you can do some trial and error approximation. 80 is about halfway between 00 and FF, so 808080 should be gray. C0 is about 75%, because C is hex for 12. So C0C0C0 should be a light gray and C0FFFF should be light cyan, and FFC0FF and FFFFC0 should be the correspondingly light shades of magenta and yellow. You can get a long way by mixing just the values 40, 80, C0 and FF for the three colors. Then you can fine tune. Play around with a few of these numbers and you should be able to home in on any shade you want. Colin Potts
Here's a link to the wikipedia site about webcolor...it has a really nice color chart Click! Student3703

How do I make link, so that other people can fill up online feedback that will automaticaly be sended to me by email??
Do an internet search for "HTML mail form" and you will find plenty of helpful resources. Student1919

For the image changing color extra credit, is it ok to use autogenerated html because all I can find is autogenerated html?
I'd suggest using javascript. You can copy this code and modify it as you need for this. Student1919

Can we use javascript code in the heading for the image changing?
I'm pretty sure it will work in a heading. Try it and see! Student1919

When I upload my webpage to my prism account, the pictures aren't showing up. I've uploaded all the pictures into the same folder and have checked the privacy settings numerous times. Somehow, my page passes validation. What's going on?
1. Are your pictures in the public_html folder? 2. Are they referred to as just the picture name (good) or a hardcoded path on your computer (bad)? 3. Did you check capitalization of ALL parts of the picture name to make sure the picture in your public_html folder matches the name you have in your HTML code? If you did all of these, you might want to go see a TA at office hours. But, I'm guessing one of these will fix your problem. Student1919

On my website, my image link is to another website that I have made. I have successfully uploaded both of the websites I created to the public drive, but when go to check it on my Prism account, it will not take me to the second page when I click on the picture I have it linked to. Any suggestions?
Try going to the other page manually. That is, type in the URL from the HREF in the text field at the top of the browser window. Does that take you to the second page? The problem may not be with the link itself but with the second page that it is supposed to link to. Colin Potts
My hyperlinks are not showing up for some reason. Here is what I have entered:


Can someone please tell me why this is not working? Am I missing something? Thanks!

Go look at the HTML tutorial again.....it has an example of what the hyperlink tag should look like. Student3703
I can't get the picture of me to show up on the website. It, along with index.html, are saved on my desktop and will load when I double click on the index icon. Why won't it show up on the website after I load it in the winscp thing?
To clarify: The linked picture will show up in your web page when you load it locally (by double clicking the index file on your desktop) but will not show up when you upload the files to the server? If I've got that right, your problem is with the upload process not with your HTML. (1) First off, try uploading again. Maybe you did something wrong. (2) Have you checked that you uploaded the picture in the same form as on your desktop - i.e. not with a changed name or in a new subdirectory? When you go into WinSCP, does the jpg file show up on the server in the directory listing alongside the index.html file you uploaded? (3) Have you reloaded the index file in your browser? Browsers save local versions of web pages on your computer's disk for a while, so if you visit the page several times, the first time you will get it from the remote site, but on subsequent occasions, you will get the local copy. If you uploaded an early incorrect version of the page, you may still be seeing your local copy of that file, not the later, correct version that you uploaded later. You can force the correct, remote version to load by hitting the reload button. (4) See a TA. This problem has to have a simple solution. Colin Potts

made some of my pictures change when you put your mouse over it, and when I opened the page, the browser gave me a security warning at the top of the page saying the running scrips of active X controls can access your computers. The page is correctly seen only when you click "allow blocked contents"... is this a problem or counted as a popup?

for some reason, my images are not showing up, they are in the same folder, capitalization is the same, but it still does not show up.
I don't think we're going to make progress on this unless you actually send your HTML to a TA or me or (better stlll) show them on a laptop in office hours. Remember too that it's ok to collaborate on labs if you give credit, and if you have a fellow student look over your shoulder they may see the problem immediately. This sounds like a classic case of a clever person doing something stupid (which happens to me all the time). It could be a problem with your img tags, it could be a problem with the location of the files. Colin Potts

SO ALL WE HAVE TO DO TO TURN THIS LAB IN IS POST THE WEBPAGE?? DO WE NEED TO UPLOAD IT TO WEBWORK???
That's right, upload the page to your prism account. There is no need to use WebWork for this assignment. Be sure to follow the requirements stated on the Lab 4 page. Colin Potts

I am having a problem getting my index.html webpage to link to another webpage I created that is linked to one of my pictures. It does it when I am working on it, but once I've uploaded both pages to public_html, it does not. I am able to view my webpage on my prism account, but when I click on the picture that is linked to other website, nothing happens. I can see the href appear at the bottom of the page when my cursor goes over it, but nothing happens. What do I do?

what happens if someone visits your page and hijacks your code?

I have a Mac computer and am trying to figure out how to upload my website. I downloaded FUGU as someone suggested up above but I cannot figure out how to upload the site using it for the life of me! Any explanation would be fantastic because the example shown for how to upload it is for Windows....Help!!!
Here goes....
  1. When you start up Fugu, type the host name in the "Connect to:" field. Leave the directory blank.
  2. You didn't enter a password, so you will get an error popup. Ignore any keychain request (close it if if opens), and enter your password in the "try again" password field.
  3. You should now see two directory listings side by side. On the left is your Mac. On the right is a directory listing for your prism account.
  4. Create a directory by clicking the "new folder" icon at the top. The name is public_html, and you want to create this remotely.
  5. The folder should have appeared on the right. A screen like that described in the Windows instructions does not pop up automatically, but you can get it by clicking the "Info" icon at the top. Follow the Windows instructions in to fill it in.
  6. Apple-click on the collection of files that you want to copy over and, while they are selected, drag them from the left to the right. They will be copied, not moved. Cool.
  7. Follow the Windows instructions to change the properties. The Mac is the same except that you need to click on your folder and then click the Info icon as you did earlier.
This is hard to describe without watching what you are doing, but you should be able to follow these instructions with a little trial and error.
Colin Potts


Will you take off points if the link leading to another website- and that website's pictures show up as red X in the box? when I go to those sites separately, the pictures show up normally, but through the links I set up, the pictures would not show up. Any suggestions? Thanks.
I can fix anything. Come see me. -Student2042

I've uploaded my page to the internet and I see everything there, except my picture. I uploaded the picture from My Documents to the public folder in WinSCP and followed the screens exactly like the tutorial shows. All the text shows up like I saw it before, but the picture of me is not there. No "red x" or anything, just blank space. Any suggestions?
Did you define your own width or height? -Student2042

Could I get a TA to look at my page and just make sure everything is in order?
William VanDerKloot

What constitutes autogenerated HTML. Can I use code from the web and modify it for my pictures for the rollover effect...
I think I'm going to regret publicizing this, but look at the page Darryl Zuk's group created during recitation yesterday: http://www.prism.gatech.edu/~gth727h/Potts.html. It has an inspiring example of rollover that you can use as a model without the danger of plagiarizing autogenerated HTML from just anywhere. Colin Potts

Hello!! Is it ok if our photo is not on the index page but on a created page linked to the index (like, and "About Me" page)? Thanks!!!
Yes. -Student2042

Ai, and another question, sorry~~ >w - would it be OK if we had a picture link to our About Me page..? I forgot that without text, it may not be too obvious where the About Me page is~.. I'm sorry about this!!~
Yes. -Student2042

Thank you!!!! :D



Link to this Page