Web Design Pointers

 

 

 

Starting Out:

    1- Connect to the Server
    • Rainbow Colored Apple->Chooser
    • AppleShare-> Mac Document Server OR "Server IP Address" = 10.1.11.20
    • Password->Birthday (month/day/last 2 digits of year) = ex. 11/8/93
    • Log In-> Your Report Card Name = ex. Christopher Jones
    • Select Student Document Server (it will mount to the desk top)
    • Open the Student Document Server and scroll down until you find your folder-> Double Click to Open It
    • Create a new folder (File->New Folder) and call it "First Name Last Initial +website" ex. CourtnayMwebsite

    2- Open Microsoft Word (it is in "Items for Student Folder")

    top

     

    Formatting the Page:

    CARDINAL RULE: .HTML DOCS DO NOT SAVE TABS, HORIZONTAL CENTERING ETC... OF TEXT AS CREATED BY MICROSOFT WORD

    top

     

    Inserting Graphics:

     

    Creating Hyperlinks:

    http://www.howard.k12.md.us/glenwood/GMSlabstart/MehalkoA.html

    http://www.howard.k12.md.us/glenwood/GMSlabstart/MehalkoB.html

    http://www.howard.k12.md.us/glenwood/GMSlabstart/MehalkoC.html

    http://www.howard.k12.md.us/glenwood/GMSlabstart/MehalkoD.html

    http://www.howard.k12.md.us/glenwood/GMSlabstart/MehalkoE.html

    http://www.howard.k12.md.us/glenwood/GMSlabstart/NieberlineA.html

    http://www.howard.k12.md.us/glenwood/GMSlabstart/NieberlineB.html

    http://www.howard.k12.md.us/glenwood/GMSlabstart/NieberlineC.html

    http://www.howard.k12.md.us/glenwood/GMSlabstart/NieberlineD.html

    http://www.howard.k12.md.us/glenwood/GMSlabstart/NieberlineE.html

    top

    Saving As .Html

    • When you feel reasonably sure that your MS Word Document is how you want your final web page to be it is time to save it as .html
    • Open your document first->File->Save As->"Save File as Type: HTML Document"Click Desktop->Student Document Server->Open->Your Named Folder->Your Website Folder->Open->Save

    top

     

    Opening/Editing a .HTML Document

    • Note: When you double click on your document, it will automatically open in Internet Explorer. This will allow you to see how it will look on the internet but it won't allow you to make changes.
    • Open MS Word->File->Open->Desktop->Student Document Server->Open->Your Named FolderOpen->Your Website Folder->Open->Double Click on your .html document. Now you are able to edit the page. Make sure that you save your changes.

    top

    Saving To Your Class Folder

    • Step 1: Save and close your website page. Double on the Student Document Server Icon (located on your desktop)->Open Up Your Named Folder
    • Step 2:With Your Named Folder Open,Scroll Down the Page and Find Your Class Folder (ex. Mehalko A). Double Click on Your Class Folder to Open It. Drag Your Website Folder into Your Class Folder

    top

    home