webdesign

 

ClassNotes

Page history last edited by Jim Diamond 4 yrs ago

Use this page to add your own notes as we go through class

 

 

  • Here is the link to the four button images that we used for our in-class exercise on creating buttons in Dreamweaver. Remember, you can just click and drag the image to the desktop in order to download it from the Web. You can also save it using the right-click on a PC: Buttons

 

  • Here is the link to the table that I created for our in-class tables exercise. Be sure to view the source code behind it (you can do usually do this by looking under the browser's View menu and selecting "View Source"): Table Layout Page

 

  • Here is the link to the page where we viewed previous projects and design documents on George Henik's site

 

 

  • You can download files from the server just as easily as you upload them. In the "Creating a site" cheatsheet, there are steps for creating a site on your local computer and then connecting to the server. The directions there indicate that you should press the Up arrow icon (the "Put" button) when you want to move files from your computer to the server. To get files from the server, no matter where you are in terms of a local machine (so long as you have that local site folder set up, Dreamweaver will manage everything), you press the Down arrow icon (the "Get" button"). The files will be copied (the originals will remain on the server until you delete them or save over them using the same file name) in to your local folder. You can then begin working on them.

 

  • Taking screenshots (literally, creating an instant image of what you see on the computer screen) is easy. The quickest way is to press the Apple key and the Shift key and the number 4 key at the same time (so, that's Apple + Shift + 4). Hit those three at the same time and then let go. DON'T click on the mouse, but move it around. You'll notice that it's changed to what looks like a crosshair. You can click and drag over the section of the screen that you want to turn into a screenshot. When you let go of the mouse, you'll hear a "shutter click" (if the computer audio is up), indicating that a screenshot was taken. The file will save either on the desktop or into a Documents folder as "Picture 1."

 

For those of you who own a PC, it's Alt + Print Screen; then open up either MS Paint (in accessories) or Photoshop. Create a new blank document, then paste it (CTRL V). --Rebecca

 

  • The first page of your site should always be named "index.html" This is the first page that a web browser will look for when going to a site and it's the first page that all of your visitors will see. It's often called a "splash" and you should think of it as the "above the fold" section of the New York Times: it's the part that everybody walking by sees, so it should grab people's attention quickly and let them know what the site is about.

 

  • A note about file naming conventions: use all lower case letters and stick to one word file names. If you need to, use the underscore to link words (e.g., jim_diamond_page.html). it's a good idea to stick to this convention regardless of file type: html, gif, jpg, etc.

 

I wanna change this site.

 

 

Robert King

Heres is a link to download a trial version of Adobe Photoshop. You will need to register.

URL: http://www.adobe.com/products/tryadobe/main.jsp#product=39

Comments (0)

You don't have permission to comment on this page.