190 likes | 317 Vues
The Basics Of Building A Webpage ASE Technology Committee Workshop. Elizabeth R. Ryan, M.Ed. Northwestern University Department of Surgery. Objectives. Identify Resources Perform Basic Functions For Building A Web Portal (Using Netscape Navigator and Macromedia Dreamweaver) :
E N D
The Basics Of Building A Webpage ASE Technology Committee Workshop Elizabeth R. Ryan, M.Ed. Northwestern University Department of Surgery
Objectives • Identify Resources • Perform Basic Functions For Building A Web Portal (Using Netscape Navigator and Macromedia Dreamweaver) : • Insert Background Color • Select Text Style • Insert A Table • Insert An Image • Link Objects/Text
Web Portal Example http://www.purplesurg.com
Background Color/Graphic Resources • Resources: • Ender Design: Realm Graphics Web Images http://www.ender-design.com/rg/ • GRSites.com http://www.grsites.com/
HTML Coding Resource Guide to HTML Coding: • National Center for Supercomputing Applications (NCSA) NCSA Beginner's Guide to HTML: http://archive.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html
Inserting Background Color Using Netscape Navigator • Format Menu Bar • Select Page Colors & Backgrounds • Choose File • Click OK
Selecting Text Style UsingNetscape Navigator • Format Menu Bar • Font • Choose a font style
Inserting A Table UsingNetscape Navigator • Select the Table Menu • Insert Table • Table • Choose the number of rows and columns • Click OK
Inserting An Image UsingNetscape Navigator • Insert Menu or Image Icon • Select Image • Choose File • Enter Alternative Text • Select OK
Linking Text/Objects UsingNetscape Navigator • Highlight the image or text to link • Select Insert Menu or Link Icon • Select Link • Enter the URL or Choose File • Click OK
Macromedia Dreamweaver Page Properties
Inserting Background Color Using Macromedia Dreamweaver • Click on Page Properties • Click on Background Image Browse Button • Select a File • Select Apply • Select OK
Selecting Text Style & Color Using Macromedia Dreamweaver • Click on Page Properties • Choose Page Font • Choose Font Size • Choose Font Color • Select Apply • Select OK
Inserting A Table Using Macromedia Dreamweaver • Insert Menu Bar • Select Table • Enter Number of Rows & Columns • Choose Header Style • Select OK
Inserting An Image Using Macromedia Dreamweaver • Insert Menu Bar • Select Image • Choose File • Select OK
Inserting A Link Using Macromedia Dreamweaver • Highlight the Image or Text to Link • Enter A URL or Select A File to Link