Powerpoint presentations
Download
1 / 31

Powerpoint presentations - PowerPoint PPT Presentation


  • 260 Views
  • Uploaded on

Powerpoint presentations Nov 21 st , Nov 28 th , Dec 5 th Dec 12 th Everyone who is presenting that day is needed for the full session. Running order will be randomised and revealed in the session. The Internet, the World Wide Web & HTML MN10004 Personal Computing Summary

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Powerpoint presentations' - andrew


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Powerpoint presentations l.jpg
Powerpoint presentations

  • Nov 21st, Nov 28th, Dec 5th Dec 12th

  • Everyone who is presenting that day is needed for the full session.

  • Running order will be randomised and revealed in the session.

Richard Kamm - University of Bath


The internet the world wide web html l.jpg

The Internet, the World Wide Web & HTML

MN10004 Personal Computing


Summary l.jpg
Summary

  • The Internet and World Wide Web

  • Web Sites

    • Internet

    • Intranet

    • Extranet

  • Authoring Web Pages / HTML

    • Background

    • Authoring

Richard Kamm - University of Bath


The internet l.jpg
The Internet

  • What is the Internet?

    • A global network of networks

    • Based on the Internet Protocol (IP)

    • Any network can join the Internet

      Includes research, academic, community & commercial networks

Richard Kamm - University of Bath


The internet5 l.jpg
The Internet

  • Connects over a hundred thousand networks from nearly 200 countries

  • c10 million computers

  • c.580 million users (May 2002)

  • an elastic and robust network – no single centre

  • www is not the only resource on the Internet

  • See John Naughton, A Brief History of the Future for historical background.

Richard Kamm - University of Bath


What s so special about the internet l.jpg
What’s so special about the Internet?

  • Developed for information and project sharing (academic ethos).

  • Original intention – to allow different machines to understand each other.

  • Excellent for broadcasting data and linking machines: less reliable for security.

Richard Kamm - University of Bath


Information resources l.jpg
Information Resources

  • Many subjects and formats available

    • Documents

    • Graphics, video & audio

    • Software (free & shareware)

    • Newspapers

    • Directories

    • Library catalogues & databases

    • Books & journals

    • Junk

Richard Kamm - University of Bath


Terminology l.jpg
Terminology

  • WWW - World Wide Web

    Distributed multimedia hypertext system

  • HTML - HyperText Markup Language

    Native language for documents on the WWW

  • HTTP - HyperText Transfer Protocol

    Set of rules for communication between client & server

  • URL - Uniform Resource Locator

    Address of an object on the Internet

Richard Kamm - University of Bath


Locating internet resources l.jpg
Locating Internet Resources

  • Uniform Resource Locator (URL)

    Standard address format for Internet resources

    URL indicates:

    • Method of access

    • Location

      For example:

  • http://www.bath.ac.uk

  • ftp://ftp.microsoft.com

  • Beyond the main domain name, resources are ordered in folders

  • http://www.bath.ac.uk/~mnsrmk/MN10004/....

  • Richard Kamm - University of Bath


    Your own web pages will be located l.jpg
    Your own web pages will be located:

    • In a public_html folder

    • At Bath, your public_html folder will be on the H: drive.

    • Subfolders can be put into public_html.

    • Pages and folders can have different levels of access permissions.

    • Follow BUCS instructions for setting up a home page – you can then substitute any design of page for the home page that’s created.

    Richard Kamm - University of Bath


    World wide web l.jpg
    World Wide Web

    • World Wide Web (WWW or Web)

      • Distributed multimedia hypertext system

      • Provides access to Internet resources, including Usenet & FTP as well as Web resources

      • Uses client/server architecture

        Clients known as browsers - Internet Explorer, Netscape, Mosaic, Lynx

    Richard Kamm - University of Bath


    The world wide web created to link documents held on different machines l.jpg
    The World Wide Web - created to link documents held on different machines.

    • Developed at CERN by Tim Berners-Lee.

    • Employed existing ideas but employed in a new way on a vast scale.

    • Graphical browsers developed slightly later.

    Richard Kamm - University of Bath


    Client server architecture l.jpg
    Client/Server Architecture different machines.

    Give me file X

    • WWW is based on a client/server architecture – processing at both ends

    Here it is

    Desktop Client

    Remote Server

    Request made using http

    A computer elsewhere

    on the Internet holding

    information

    Your desktop computer


    Web sites l.jpg

    Web Sites different machines.


    Intranets extranets the internet l.jpg
    Intranets, Extranets & the Internet different machines.

    Richard Kamm - University of Bath

    Source: Gartner Group


    Why have a web site l.jpg
    Why Have a Web Site? different machines.

    • Public Relations

      • IMAGE BUILDING

    • To give (and get) information

      • CUSTOMER or PUBLIC SERVICE

    • To make money

      • SALES (E-Commerce)

    Richard Kamm - University of Bath


    A balance l.jpg
    A Balance... different machines.

    CNN

    Image Building

    Club Med

    Pirelli

    Dilbert

    Gartner Group

    CDNow

    Cisco

    Systems

    Sales

    Customer

    Service

    Travelocity

    Federal

    Express

    Amazon.co.uk

    Richard Kamm - University of Bath


    What is an intranet l.jpg
    What is an Intranet? different machines.

    • Another name for the LAN/WAN using Internet technologies

    • More bandwidth, security and control than the Internet

    • Typically used for information/knowledge sharing

    • Also as a platform to deliver business applications

    Richard Kamm - University of Bath


    Scenarios l.jpg

    • Communications

      • Publishing

      • Collaboration

      • Customers and partners

    • Business processes

      • Inventory management

      • Claims processing

      • Expense reports

    Scenarios


    Extranets l.jpg
    Extranets different machines.

    • Secure interconnection of intranets across organisations

    • B-to-B E-Commerce

    • Supply Chains

    Richard Kamm - University of Bath


    Web authoring l.jpg

    Web Authoring different machines.

    and HTML


    Slide22 l.jpg
    ??ML different machines.

    • HTML is derived from SGML…

    • …as is XML

    • All are “markup languages” – instructions to the browser on how to display the text.

    Richard Kamm - University of Bath


    What is html l.jpg
    What is HTML? different machines.

    • HTML is the ‘presentation language’ of the WWW

      • HTML documents use markup tags:

        <H1>Introduction</H1>

        <IMG SRC="logo.gif" ALT="Logo">

      • Although markup tags are case insensitive, be consistent<H1> or <h1>

      • Attribute values may be case sensitive (e.g. filenames)

      • Some markup tags are paired to denote the start and end of an element (<H1> and </H1>)

    Richard Kamm - University of Bath


    What s so special about html l.jpg
    What’s so special about HTML? different machines.

    • It’s free – in all senses:

      • You don’t pay to write it.

      • You can examine other people’s code.

    • Web pages are only text:

      • Very efficient to communicate.

      • Images are in separate files which the HTML code refers to.

    Richard Kamm - University of Bath


    Simple html elements l.jpg
    Simple HTML Elements different machines.

    • A simple HTML document will typically contain the following elements:

      • Simple tags used in most HTML documents (<HEAD>, <TITLE>, <P>)

      • Physical formatting tags (<B> and <I>)

      • Logical formatting tags (<STRONG>, <EM>, <UL> and <LI>)

      • Hypertext links (<A HREF="…">)

    Richard Kamm - University of Bath


    Creating html l.jpg
    Creating HTML different machines.

    • HTML documents can be created using a simple text editor (e.g. Notepad)

    • Advantages

      • Cheap

      • Gain understanding of HTML

      • Total Control

    • Disadvantages

      • Easy to make mistakes

      • Need to understand syntax of HTML

      • Slow

    Richard Kamm - University of Bath


    Html authoring tools l.jpg
    HTML Authoring Tools different machines.

    • HTML authoring tools:

      • Provide an easy-to-use interface for creating HTML documents (e.g., MS FrontPage (Express), Netscape Composer, Macromedia Dreamweaver)

      • Can hide complexities of HTML language (including more complex entities such as tables)

      • Range from the simple and straightforward to the sophisticated and complex

    Richard Kamm - University of Bath


    Ms word save as html l.jpg
    MS Word - ‘Save as HTML…’ different machines.

    • Easy

      • But…

    • Many drawbacks

      • Very hard to control how your page looks on other people’s browsers.

      • Hard to format, eg position images, with any precision

    Richard Kamm - University of Bath


    Web site design l.jpg
    Web Site Design different machines.

    • Designing a page is easy…

      • …designing a large web site isn’t

      • Need to consider organisation and navigability of the whole site as well as the usability of individual pages.

      • “Information Architect” a growing profession.

    Richard Kamm - University of Bath


    Assignment l.jpg
    Assignment different machines.

    • Your home page – judged on

      • usability/navigability of the pages

      • Speed of loading

      • technical quality and technical innovation

      • design aesthetic

      • creative content

    Richard Kamm - University of Bath


    How not to do it l.jpg
    How NOT to do it…. different machines.

    • www.webpagesthatsuck.com

    Richard Kamm - University of Bath