1. Creating Web Pages By: Dr. Matt Dean

2. Common Terminology Webpage Webpage Website Website Web Browser Internet Explorer Firefox HTMLHypertext Markup Language. HTMLHypertext Markup Language. –Programming language used for webpages

3. Terminology Continued Notepad Notepad HTML Editors HTML Editors –Dreamweaver –Microsoft Word WYSIWYG WYSIWYG

4. Creating a Webpage Create a folder for all of your webpage files (Including all graphics and audio files used on the page). 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. 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. Open your html editor. Create a new file. 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. 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. Giving the page a title. –This is not the name of the file. Inserting a graphic. 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 Using Headings –Easy way to change font size and to make the font bold. Inserting a Horizontal Rule or Horizontal Line. Inserting a Horizontal Rule or Horizontal Line. –Standard way of separating different sections of a webpage.

7. Creating a Webpage Adding Hyperlinks Adding Hyperlinks –Relative links –Absolute Links –Local Links –Email Links mailto:emailaddress mailto:emailaddress mailto:emailaddress –Links to other files in your webpage folder. Setting your color scheme Setting your color scheme –Background –Text color –Link color Inserting a table. Inserting a table. Checking your webpage in a browser Checking your webpage in a browser –Netscape –Internet Explorer

8. Uploading Files to the Internet FTPFile Transfer Protocol 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 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: 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 ftp://55.madison.k12.al.us You will then be prompted for a userid and password. 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. 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: 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 http://www.madison.k12.al.us/schoolname/foldername/ filenamehttp://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. 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: Exercise 1 can be found at the following URL: –http://webpages.uah.edu/~deand/exercise1dreamweav er/ http://webpages.uah.edu/~deand/exercise1dreamweav er/http://webpages.uah.edu/~deand/exercise1dreamweav er/ Exercise 2 will show you how to upload your page onto the webserver and how to determine your URL 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 Exercise 3 can be found at the following URL –http://webpages.uah.edu/~deand/exercise1dreamweav er/ http://webpages.uah.edu/~deand/exercise1dreamweav er/http://webpages.uah.edu/~deand/exercise1dreamweav er/ Exercise 4Make your own classroom webpage. Exercise 4Make your own classroom webpage.