31 You will see both images show displayed in a row in the program 32 Click

31 you will see both images show displayed in a row

This preview shows page 8 - 12 out of 31 pages.

31. You will see both images show displayed in a row in the program. 32. Click File > Save. Uploading the website 33. Use the Windows search tool (magnifying glass at the bottom of the Windows bar) to find and open WinSCP. You will be connecting to the Gaul server to
Image of page 8

Subscribe to view the full document.

9 upload the webpage to a webserver in order to see the webpage you just created on the World Wide Web. 34. Enter the following information into WinSCP: a. File protocol: SFTP b. Host name: cs1033.gaul.csd.uwo.ca c. Port number: 1033 d. User name: Your Western User ID e. Password: Your Western Password 35. Click Login. 36. When connected, you should see your lab01 folder (called a directory in WinSCP) that you created a few weeks ago on the Remote side (right panel). On the Remote side (the right side), create a new directory (folder) called lab04 . Make sure this folder has its Permissions set to 0755. This is usually the default, but if, for some reason it's different, change it to 0755 now. 37. Click into the lab04 folder. 38. In the Local side (left panel), navigate to F:/cs1033/lab04 . Click on the act1 folder containing your webpage and drag it across to the Remote side to upload it. 39. Open a new tab in Google Chrome and go to: youruserid /lab04/act1/ where youruserid is your own Western username. 40. You should see the website almost exactly as it was in BlueGriffon except that the 2 nd image does not load. This is because we used an absolute filepath for that one.
Image of page 9
10 Notice the alternate text that was set is showing up where the image should be. 41. Hover over the first image to see the hover tag (this was set by the title you gave the image). The hover tag will likely still work on the broken image. Hover over the broken image to see if it works as well. Activity 2 Formatting content The webpage you have so far is a little boring and basic. There are various formatting options that allow you to change font size, colours, and other design properties. In this exercise you will add more content to the page and change the formatting of the text. 1. Go into the File Explorer and navigate to F:/cs1033/lab04 . 2. Create a new sub-folder called act2 .
Image of page 10

Subscribe to view the full document.

11 3. Go back to your act1 folder and select all the files and folders within it (should be index.html, an images sub-folder, and possibly a backup file which BlueGriffon creates automatically). Hit Ctrl+C to copy (NOT a cut) these files. 4. Now move up and out of act1 and down into act2 . Hit Ctrl+V to paste the files here. 5. Go into BlueGriffon again. 6. Click File > Open File and navigate to F:/cs1033/lab04/act2 . Select index.html and click Open. 7. You should see two tabs open just above the Document Window. 8. The active tab is the new one that you just opened for act2. We don't need the left tab anymore so close it. Right-click on the left tab and click Close Tab. 9. Highlight (select) the text "Bob's Bakery" at the top of the Document Window.
Image of page 11
Image of page 12
  • Fall '13
  • Computer file, File manager, BlueGriffon

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern

Ask Expert Tutors You can ask 0 bonus questions You can ask 0 questions (0 expire soon) You can ask 0 questions (will expire )
Answers in as fast as 15 minutes