Download
1 / 11
110 likes | 226 Views
Creating Web Pages. By: Dr. Matt Dean. Common Terminology. Webpage Website Web Browser Internet Explorer Firefox HTML—Hypertext Markup Language. Programming language used for webpages. Terminology Continued. Notepad HTML Editors Dreamweaver Microsoft Word WYSIWYG.
E N D
Creating Web Pages By: Dr. Matt Dean
Common Terminology • Webpage • Website Web Browser Internet Explorer Firefox • HTML—Hypertext Markup Language. • Programming language used for webpages
Terminology Continued • Notepad • HTML Editors • Dreamweaver • Microsoft Word • WYSIWYG
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.
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.
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.
Creating a Webpage • Adding Hyperlinks • Relative links • Absolute Links • Local Links • Email Links • mailto:emailaddress • 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
Uploading Files to the Internet • FTP—File 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 Software—WSFTP; WinFTP • We will use Internet Explorer’s built in FTP capabilities.
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.
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.
Exercises • Exercise 1 can be found at the following URL: • http://webpages.uah.edu/~deand/exercise1dreamweaver/ • 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/exercise1dreamweaver/ • Exercise 4—Make your own classroom webpage.
