A Mini Guide to Develop Web
page
Stanley Ouyang
Agenda
•
•
•
•
•
•
Basic HTML
Recipes for a Web page
Web Authoring tools
Advanced HTML
Demo
Practice
Basic HTML
• Code Example
• Tags
• Relative URL
Source code v.s.???
Tags
• HTML is a text-based language
• Tag is the thing between < and >
• Browser interprets tags to understand
HTML
• Most web authoring tools relieves
contacting with tags
Relative URL
• Why relative?
• Robust Programming
– OR reusable when you move your project to the
course locker
• main.html = http://mit.edu/ecom/main.html
if the current dire is ___________
Don’t need to start from scratch!
• Module such as that one available in
Netscape 3.0 Gold
• Copy the source code from a page you like - View|Docu source
• Netscape Gold Editor “Open URL | Save
As”
Web authoring tools
• Netscape Gold / Composer
• MS Office 97
• Commercial Software: MS FrontPage 98
Recipes for a web page (I)
• Get an Athena acct
• Make your www directory and have it
worldreadable
–
–
–
cd
mkdir www
fs sa www system:anyuser rl
Recipes for a web page (II)
• Use web authoring tools to compose
• What to say in my first page?
• Test in the browser!( File| Open File…)
•RELOAD !!!
Recipes of a web page (III)
• FTP: Upload your HTML file to your
athena acct
– Cute FTP
– DOS FTP
– Mac Fetch
• Test web page in the browser (
http://web.mit.edu/username/www/filenam
e.html )
Congratulations!
Advanced HTML
• Tip1: index.html ( or index.htm) is the
default file browser looks for
• mit.edu = web.mit.edu
• How about Frame, Java, CGI?
• Where to look for help?
• Why and Where to register my page?
Questions?
Descargar

How to have my Web page