1. Introduction to World Wide Web Authoring © Directorate of Information Systems and Services University of Aberdeen, 1999 IT Training Workshop

2. © Directorate of Information Systems and Services, 1999 About this Workshop Learn the basic concepts of HTML Create simple HTML pages Publish these pages on the University Web Learn to use an HTML authoring tool This workshop will enable you to:

3. © Directorate of Information Systems and Services, 1999 Workshop Plan Introduction to W W W and HTML Hands-on session: building and publishing your own W W W pages Break for air / coffee Introduction to Web authoring tools Hands-on session, using: Symantec Visual Page

4. © Directorate of Information Systems and Services, 1999 What we will assume You are familiar with browsing the World Wide Web You are familiar with using Windows

5. WWW Architecture W W W is based on a client / server architecture Remote server Desktop computer Client: Netscape or MS IE Give me file x Here it is HTTP

6. Terminology HTTP: Hypertext Transfer Protocol Set of rules for communication between W W W clients and servers URL: Uniform Resource Locator Can be regarded as the “address” of an object on W W W: http://www.abdn.ac.uk/index.htm HTML: Hypertext Markup Language Native language for documents on W W W

7. What is HTML? HTML is the language for creating WWW documents HTML documents use “markup tags”: Introduction HTML tags are case-insensitive: is the same as But “attributes” (e.g. filenames) are case-sensitive HTML tags usually come in pairs: …. But a few are used singly:,

8. Overall Document Structure HTML documents should almost always have the following structure: inside here: information about the document inside here: actual document content Omitting, and elements will not affect document appearance, but could affect document maintenance and searching

9. Different types of HTML tags Simple tags used in most HTML documents:,, Logical tags, which convey meaning and structure:,, Formatting tags, which control visual appearance:, Hypertext links: ….

10. © Directorate of Information Systems and Services, 1999 Practical Time! Now it’s time for you to write some HTML for yourself. You will create a Web page, containing text, graphics and links Then you will publish your page on the University Web