DOC PREVIEW
UCSD CSE 3 - Lab 1

This preview shows page 1-2-3 out of 10 pages.

Save
View full document
View full document
Premium Document
Do you want full access? Go Premium and unlock all 10 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 10 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 10 pages.
Access to all documents
Download any document
Ad free experience
Premium Document
Do you want full access? Go Premium and unlock all 10 pages.
Access to all documents
Download any document
Ad free experience

Unformatted text preview:

1 ADMINISTRIVIA TA: Kristen Jaskie [email protected] Home page for the course http://www.cse.ucsd.edu/users/ricko/CSE3 Bookmark it! Lab Policy Attend the lab you are enrolled in! Make sure you get checked off BEFORE you leave each week!!! We WILL begin lab on time. Lateness will not be tolerated. We will ask you to leave if you are more than five minutes late. Missed Lab Policy: There are NO makeup labs or changing lab section without professor approval. If you miss a lab, you must make it up before your next scheduled lab. Grading 9 labs, 45% of your grade overall. 1/2 credit for the lab itself, 1/2 for the homeworks. All or nothing grading on each part. A. Enabling file extensions in Windows Explorer Windows, by default, will hide file extensions that are known. It is meant to be a convenience, but it is actually confusing and dangerous. It is dangerous because you may receive a file "essay.doc", but if you are unaware your extensions are hidden, it could really be a "essay.doc.exe" file and contain a computer virus. We will now fix that. Step 2: Double click on My Documents on the desktop and go to Tools -> Folder Options. Step 3: Click the "View" menu item. Step 4: Look for "Hide extensions for known file types" and make sure the box is UNCHECKED. Then click "Apply to all folders" at the top. Then click "OK". Lab 1 CSE 3, Fall 2009 In this lab you will create a basic homepage and put it up online. You will then work on the Scratch program introduced in lecture.2 B. Find and BOOKMARK the class homepage To start with, we want to go to the class homepage. There are two common web browsers installed on your lab computers: 1) Microsoft Internet Explorer 2) Mozilla Firefox These browsers are similar to use but have slightly different key words and menu names. For simplicity, during this class we recommend that you: ALWAYS USE MOZILLA FIREFOX Step 1: Let’s start by opening Firefox now. There are two ways to do this: 1) You can click on the icon on the desktop or 2) You can click on the Start menu on the bottom left side of your screen and choose All Programs and find Mozilla Firefox on the menu that pops up. Step 2: Once you have Firefox open, type the address given below into the address bar at the top of the screen: http://www.cse.ucsd.edu/users/ricko/CSE3 Step 3: Now go to the Bookmarks menu and select Bookmark This Page. You can name your bookmark whatever you like ("CSE3 Homepage" for example) and click OK. C. Create a HOMEPAGE This quarter, you will learn to make web pages using html and JavaScript. Today we’re going to start you off by creating a basic home page that we will then put online. Don’t worry if you don’t understand everything that your TA is talking about – you will later. Just follow along and have fun! Step 1: Let’s start by going to the Start menu on the bottom left-hand side of your screen, select All Programs and choose Notepad++. Step 2: ALWAYS, ALWAYS, ALWAYS save your document FIRST! Go to File => Save. Save your file IN your My Documents folder (you will have to navigate to it) Save your file as index.html with a LOWERCASE i Make sure you include the extension .html otherwise it won’t work3 Step 3: Now for the fun part. You want to follow your TA as they create a basic html skeleton: <html> <head> <title></title> </head> <body> </body> </html> Step 4: Put your name inside the <title></title> tags, this will be what shows up in the blue bar at the very top of the window Step 5: Inside the <body> tag, we are going to add an attribute to change the background color of the page. This will look like: <body bgcolor="red"> if you want a red background color, or you can use whatever color you want. Make sure you use double quotations around the color name! Step 6: Now, in between the <body></body> tags, we’re going to put some information about YOU! Step 7: First, let’s make sure that everything is centered on our webpage. Inside the <body></body> tags and indented, we are going to put <center></center> tags. Step 8: Now, inside the <center></center> tags, write your name inside <h1></h1> tags (that’s the number 1, not the letter l). If your name were Susan Smith, this would look like: <h1>Susan Smith</h1> or <h1>Susan’s UCSD Career</h1> Step 9: Let’s add a picture to your webpage. At the end of this course, you will have created a web page that can be your showpiece at the career fair or for your graduate program committee. Thus your picture for Lab#1 on your home page should be representative either of yourself, your major, or your career.4 This can be a picture of you off of your Myspace or Facebook page, or any picture that represents your major or planned career off of the internet. Take a few minutes to find such a picture. When you’ve found a picture you like, you need to RIGHT CLICK ON IT and click Save Image As. Do NOT try to copy the pic. Save the image into your My Documents folder as HomepagePic.jpg or HomepagePic.gif Step 10: To put the picture into your webpage, you need to add the line: <br /> <img src="HomepagePic.jpg" /> <br /> or <br /> <img src="HomepagePic.gif" /> <br /> Underneath your name from Step 8. If your picture is TOO BIG, include the attribute width="300" inside the image tag. Like this: <br /> <img src="HomepagePic.jpg" width="300"/> <br /> You don’t need to also specify the height, since this will automatically scale your image. Step 11: Finally, you might want to include some information about yourself and your major. Use BREAKS (<br />) to separate lines of text. • Add a line of text underneath your picture describing in one sentence your school or career goals. Some examples: o “I am a Biology major at UCSD and hope to work in the Biotech industry.” o “I am a Psychology junior at UCSD and plan on getting my Master’s in Social Work so I can help people.” • Add a couple of lines that say something about your coursework. It can be your current quarter’s classes or some of the important classes that you’ve taken so far. o Include CSE 3 in your list. o Ex: Fall 2009 Coursework Psych 101 Bio 101 CSE 3 So far, your webpage should look something like this:5 Step 12 Looks very nice so far, but let’s make it look a little more professional using


View Full Document

UCSD CSE 3 - Lab 1

Download Lab 1
Our administrator received your request to download this document. We will send you the file to your email shortly.
Loading Unlocking...
Login

Join to view Lab 1 and access 3M+ class-specific study document.

or
We will never post anything without your permission.
Don't have an account?
Sign Up

Join to view Lab 1 2 2 and access 3M+ class-specific study document.

or

By creating an account you agree to our Privacy Policy and Terms Of Use

Already a member?