[Home]

Topics

Tutorial

HTML

Dreamweaver

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

s


Topic 2 - Intro to the Web


What is the Web?

  • The World Wide Web (WWW) is most often called the Web.
  • Web is a collection of hypertext documents (or web pages) that contain text, graphics, sound, animation, video and links.
  • Developing web content involves shaping and negotiating meaning and making many choices involving technical, aesthetic, and usability concerns.
  • Developing information requires keen skills in planning, analysis, and design in addition to web-oriented skills in representing information in a particular medium.

up


Web Browser

  • Web browser is a software / program to cruise the World Wide Web.
  • Popular browsers are Internet Explorer® and Netscape Navigator®.
  • Web Browser can be graphical or text-based.
  • Graphical Browsers like Netscape and Internet Explorer can display pictures, play sounds and show animations.
  • Text-based Browser like Lynx® only display the text of the document and cannot show the pictures, play the sounds or show the videos.
  • A web browser fetches a Web page from a server by a request.
  • A request is a standard HTTP request containing a page address.
  • A page address looks like this: http://www.someone.com/page.htm
  • The web browser translate the HTML language and builds, or renders, the image on the screen for you.
  • Bear in mind that different web browsers may display a web page differently according to the features supported by the browser.
  • Some tags are not recognized by certain web browser. If a tag is not recognized, a web browser will ignore it.
  • For example, Netscape® can identify the tag <BLINK> and will display the elements inside a contained tag <BLINK>...</BLINK> blinking. Internet Explorer® does not recognize tha tag, hence the elements within the contained tags will not blink.

up


Linking Basics

  • A link is simply a unidirectional pointer from the source document that contains the link to some destination.
  • In hypertext, the end points of a link typically are called anchor, <A>.
  • For linking purposes, the <A> element requires one attribute: HREF. the HREF attribute is set to the URL of the target resource, which is basically the address of the document to link to, such as http://www.yahoo.com
  • <A HREF="page1.html">Page 1</A>
  • There are 3 types of links:
    • Intrapage links - Link within a single document or page. This link will allow user to select the section the wish to view, click on them, and immediately see their selections without having to page down through the document.
    • Intrasystem links - The link points to a separate document in the same web site.
    • Intersystem links - The link points to a document in another web site.

    up


URL

  • URL stands for Uniform Resources Locator.
  • It describes the location, or Internet address of the specific resources.
  • A URL can point to a different web page, to another location in the current page, or to a component of a page like an image.
  • General form of URL:

Protocol://domain name/directory/filename

e.g. http://www.miim.edu.my/image/image1.jpg

  • Protocol of URL tells the browser what kind of resource it is accessing.
  • Domain name specifies the physical location of the file or information resource.
  • A domain is the computer that runs the server software to handle the protocol specified in the first part of the URL.
  • IP stands for Internet Protocol - define the Internet address of the particular machine pointed to by the URL. Eg. 198.95.251.10
  • DNS (Dmain Name Server) - translates the domain name into an IP address.

TYPES OF PROTOCOL

PROTOCOL
EXAMPLE
DESCRIPTION
file
file:///C|foobar.htm A file you want the browser to read. Usually the file is on the same computer as the document that points to it. Notice it has three slashes, not two, and the drive letter "C" is followed by a vertical bar, not a colon.
ftp
ftp://ftp.fancyfoo.stuff/foobar.txt A resource you want to bring back to the current computer. Usually this is used if you want your users to be able to download or copy a file to their computers.
gopher
gopher://deep.gopher.hole/ This URL transfers control to a gopher site and opens that gopher space, or gopher hole.
http
http://unreal.place.com/ You will most often see links that point to other web pages. The link is specified as a Hypertext Transfer Protocol (http) link so the browser knows it is looking for another web page.
mailto
mailto:someone@somewhere.net This URL will start a mail program if the browser supports mailto URLs. This is often used to request feedback about a web page. Notice that there are no slashes.
news
.
news:alt.some.cool.newsgroup
news:C6491Rt@netplace.net
If the browser supports Usenet news URLs, the first example will open the news reader and begin reading that newsgroup. The second example will just open the article specified frm the newsgroup. Each article is given a specific number to identify it. Notice that there are no slashes.
telnet
.
telnet://user:password@server:port
telnet://server:port
The first example will login remotely at the computer specified, using the username and password supplied. This is very dangerous, because your username and password are visible in the HTML code. In the second example, the browser should prompt or a username and password before making the connection. It is a safer alternative. Always remember to tell your users what username and password to use if you don't supply one.

up


Internet Address

  • Every web site has its own name (unique) so the public can access it.
  • You can get a name for your website by registering to the Internet Solutions.
  • In Malaysia, you can register your web site to MyNIC handled by Mimos Berhad.
Name ends with
Comments
.com
Commercial or personal web site.
.net
Network web site.
.edu
Educational institution web site.
.org
Organisation web site.
.mil
A military web site.
.gov
Government web site.
.my
Country, eg. .my ---> Malaysia country.
  • Our college internet address are:

http://www.miim.edu.my

up


backIntro to the Internet | Web Design next


 

 

 

 

 

 

 

Copyrights Reserved © Web Publishing 2003

Assessment

  • Assignment 1
  • Assignment 2
  • Quiz 1
  • Quiz 2
  • Project

 

Announcement

To all my students!

Please visit this web site regularly.