1. A Mini Guide to Develop Web page Stanley Ouyang

2. Agenda Basic HTML Recipes for a Web page Web Authoring tools Advanced HTML Demo Practice

3. Basic HTML Code Example Tags Relative URL

4. Source code v.s.???

5. Tags HTML is a text-based language Tag is the thing between Browser interprets tags to understand HTML Most web authoring tools relieves contacting with tags

6. 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 ___________

7. 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”

8. Web authoring tools Netscape Gold / Composer MS Office 97 Commercial Software: MS FrontPage 98

9. 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

10. 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 !!!

11. 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 )

12. Congratulations!

13. 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?

14. Questions?