1 / 14

A Mini Guide to Develop Web page

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 >

dara
Download Presentation

A Mini Guide to Develop Web page

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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 < and > • 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/filename.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?

More Related