Mr. O'Connell's Technology Home Page

home web design business and personal finance biography links2

Personal Website: Academics Page Project
Adding Examples of Your Best Work

The goal of this project is to insert two or more school assignments that you think represent your abilities on your academics.html page. Possibilities include papers, web page assignments, video clips of a drama presentation, or recordings of musical performances.

    • Open your academics.html page
    • If you don't have any body text yet, go back and complete the Personal Website: Content Project before you proceed any further.
    • Create a separate Div Tag for your first assignment.
      • Click at the top left of the page
      • Insert<Div
        • Insert<after tag
        • In the drop-down menu, choose #body
        • ID: academic_1
      • Click New CSS Rule
        • Under Rule Definition, confirm that This document only is selected in the drop-down menu at the bottom of the dialog box.
        • Click Okay
      • On the left side of the CSS Rule Definition dialog box, click Background
        • Choose a light background color  
      • Click Box
        • In the Box dialog box, enter the following:
          • Width: 840
          • Height: 1000
            • Generally, enter 1000px for each page of text. Therefore, a five page paper, enter 5000px. Adjust this number as necessary after inserting the text.
          • Margin (remove check mark on Same for All)
            • Left<set drop-down menu to Auto
            • Right<set drop-down menu to Auto
        • Click OK
    • Navigate to your first assignment in Google Documents.
      • Select All (Ctrl+A)
      • Remove formatting
      • Copy (Ctrl+C)
    • Return to Dreamweaver, and triple click the academics_1 placeholder text.
    • Use Paste Special to paste your first assignment in it's entirety into the DIV you just created:
      • Edit>Paste Special...>Text with structure (paragraphs, lists, tables, etc.)>Okay
    • Repeat these instructions for your second assignment. Name the second Div academic_2.
    • Check your work in both Live view and in Google Chrome. Adjust the height of your Div as necessary to fit your assignments.

     

    To get your work from your home computer to your web page folder:

    • You can upload the work to Google Documents (this method is free, easy, and reliable), and then follow the directions, above. .
    • You can send the work to yourself by attaching it to an email that you can access from school. (this method is also free, easy, and reliable). Move the document to your Web Design folder in Google Drive. and then insert the document into your academic page.
    • You can save the work to a flash drive that you plug into your computer at school. Move the document to your Web Design folder in Google Drive. and then insert the document into your academic page. This method is not free, and it is not reliable.
    • You can burn the work to a CD. Then, move the document to your Web Design folder in Google Drive. and then insert the document into your academic page. This method is not free, and it is not reliable.
    • You can scan the work and then use one of the above options to move it into your Google Drive.
    • You can retype the work from an original copy. This is the slowest method, but sometimes it's the only option. Create the document to your Web Design folder in Google Drive. and then insert the document into your academic page.


    top