Creating Web Pages

1
Creating Web Pages

• By
• Dr. Matt Dean

2
Common Terminology

• Webpage
• Website
• Web Browser
• Internet Explorer
• Firefox
• HTMLHypertext Markup Language.
• Programming language used for webpages

3
Terminology Continued

• Notepad
• HTML Editors
• Dreamweaver
• Microsoft Word
• WYSIWYG

4
Creating a Webpage

• Create a folder for all of your webpage files
  (Including all graphics and audio files used on
  the page).
• Give the folder a short name
• Do not use capital letters or spaces in the file
  names or folder names.
• Image and audio files are not embedded in
  webpages. They are only linked or associated
  with the page. It is always better to store all
  image files and html files together. Be sure
  that these files are placed in your folder before
  you link or embed them.

5
Creating a Webpage

• Open your html editor.
• Create a new file.
• Save the file before you do anything else. Save
  the main file as index. Be sure to save the
  file in your folder.

6
Creating a Webpage

• Giving the page a title.
• This is not the name of the file.
• Inserting a graphic.
• Make sure the graphic is in your folder first.
• Be careful that the link to the graphic is not to
  your hard drive instead of to the folder location
  on the web.
• Again, make sure that file names are short and
  that there are no capital letters or spaces in
  the name.
• Using Headings
• Easy way to change font size and to make the font
  bold.
• Inserting a Horizontal Rule or Horizontal Line.
• Standard way of separating different sections of
  a webpage.

7
Creating a Webpage

• Adding Hyperlinks
• Relative links
• Absolute Links
• Local Links
• Email Links
• mailtoemailaddress
• Links to other files in your webpage folder.
• Setting your color scheme
• Background
• Text color
• Link color
• Inserting a table.
• Checking your webpage in a browser
• Netscape
• Internet Explorer

8
Uploading Files to the Internet

• FTPFile Transfer Protocol
• Easy way to transfer files from a local computer
  to a web server. (Uploading)
• Also an easy way to copy files from a web server
  to a local computer (downloading).
• FTP SoftwareWSFTP WinFTP
• We will use Internet Explorers built in FTP
  capabilities.

9
Uploading a Webpage to the Internet

• To Upload a page or folder to the Net, type the
  following address in the Address field of
  Internet explorer
• ftp//55.madison.k12.al.us
• You will then be prompted for a userid and
  password.
• Your Username is the name of your school.
• Your password will be provided later.
• Once you login, you will have access to your
  Webserver account. You can simply drag and drop
  the entire folder into the FTP window.

10
Determining Your URL

• Once you have dragged and dropped the proper
  files to your Web server account, your URL will
  be
• http//www.madison.k12.al.us/schoolname/foldername
  /filename
• If your menu page is named index, you do not have
  to include the filename in your URL. The browser
  automatically searches for a file named index if
  no filename is provided.
• You can update your website anytime by simply
  dragging and dropping the updated files to your
  Web server account. Make sure that you use FTP
  to accomplish this.

11
Exercises

• Exercise 1 can be found at the following URL
• http//webpages.uah.edu/deand/exercise1dreamweave
  r/
• Exercise 2 will show you how to upload your page
  onto the webserver and how to determine your URL
• Exercise 3 can be found at the following URL
• http//webpages.uah.edu/deand/exercise1dreamweave
  r/
• Exercise 4Make your own classroom webpage.