LEARNING HOW TO MAKE A WEBPAGE

1
LEARNING HOW TO MAKE A WEBPAGE
I. The Law of Trends About Information and
Communication Technology
The Telephone
1960s

• The telephone network extends worldwide, so you
  can reach nearly anyone on the planet.
• Since its invention in 1876 the telephone evolved
  along with the technology of the time up to the
  present.
• It is one of the most amazing devices ever
  created because it still exist as the main medium
  of communication technology up to the present
  time, even with the Internet.

2
The Law of Trends
The Fax
1970s

• A machine capable of receiving signals from a
  telegram wire and translating them into images on
  paper.
• Using telefax of fax machine transmit images via
  telephone lines.
• A letter-sized document took about six minutes to
  transmit that represented a major technological
  step in American business until the late 1980s.

1980s
The Pager

• Is a wireless telecommunication medium that can
  only be used in text messaging via operator.

3
The Law of Trends
The Celphone
1990s

• Is a wireless telecommunication medium that can
  handle both for text and voice messaging.

2000
The Email

• Electronic mail is the transmission of
  correspondence and documents from one computer to
  another via telecommunications.

2001
The World Wide Web (www)

• The world wide web can only be achieved through
  internet services.
• It allows anyone to easily access and display
  documents that are stored on a server anywhere in
  the world through Internet Service Provider
  (ISP).

4
II. Internet Service

• The Internet is not a single entity it is a more
  complex system service and programs that all
  together, provide users with a unique variety of
  services, which has different capabilities and
  functions.
• Working together, the internet provide services
  that can be used as a research tool, a networking
  tool and an advertising medium in business.
• Other Internet usages to take advantage and the
  reason why its important to learn HTML are the
  following
• providing human resource
• customer service and support
• remote office and field support
• public relations
• selling products and offering product information
• company profile
• investors relations- stock performance

5
Opportunities Of Sourcing A Research Tool

• Using a Web browser, you can access such Internet
  distribution services as World Wide Web.
• The Web allows the users to download information
  from desired sites to a computer screens.
• Once the information is downloaded it can be
  printed and/ or served to ones hard drive.
• Some Common Search Engines are
• AltaVista - http//www.altavista.ca
• Yahoo - http//www.yahoo.com
• Excite - http//www.excite.com
• Webcrawler - http//www.webcrawler.com
• HotBot - http//www.hotbot.com
• Google - http//www.google.com.ph/

6
A Networking Tool

• The most popular service on the Internet is Email
  Account.
• Email Account is an inexpensive, convenient and
  efficient communication tool with the Internet.
• It is very important to have an email account in
  order to access the internet and learn Webpage
  Designing.

III. Terms
Download A way of transferring files
from a remote computer to your computer.
Uploading A way to go about transferring
files from your computer to
Internet Service Providers
server.
7
Terms

• Domain name is a name given to a collection of
  network devices that belong to a domain which is
  managed according to some common property of
  the members or within a common administrative
  boundary.
• FTP (File Transfer Protocol) The first developed
  Internet services that allowed users to move
  files from one place to another.
• FTP enables you to connect to a computer on
  the Internet (As long as you are allowed to
  write to that host), transfer any type of
  files-programs, text, pictures, sound, or any
  other file format can be made possible.

8
Terms

• URL (Uniform Resource Locator) It is a string
  of characters conforming to a standardized
  format, which refers to a resource on the
  Internet (such as a document or an image) by its
  location.
• Modem (Modular-Demodulator) A device used to
  send and receive data over telecommunications
  lines.
• TCP/IP (Transmission Control Protocol/ Internet
  Protocol) is a networking protocol that all
  companies must adhere to in order to make the
  internet accessible by people using different
  types of machines.
• It allows fro transferring of data on the
  Internet itself, as well as on many local area
  network.

9
Terms

• Telnet is a program that allows you (using a
  telephone line and a modem) to connect two
  computers together it provides a terminal
  connection to the remote machine.
• This connection enables you to type Linux
  commands to the remote machine, just as if you
  had a terminal hooked to it.

IV. How to Create a Webpage
Basically There are Two Ways to Make a Webpage
The first way is to create the page(s) offline
and then upload them to your Internet
Service Provider (ISP) via FTP.
10
Basically There are Two Ways

• The second way is to create your web page(s)
  online using a Telnet program by accessing your
  UNIX account, if you have one.

Creating and Activating a Web page through the URL

• Be sure to have your email account activated by
  Internet Service Provider to serve as your
  Uniform Resource Locator (URL).
• There are a lot of available software (aside from
  Frontpage of Microsoft) that can be used in
  Webpage designing but I do not use any of these
  softwares since I do not have them.
• But to learn the conventional way of doing them
  is much better to explore anyway.

11
Creating and Activating a Web page

• If you are creating your web page(s) offline, do
  so in any text editing or word processing
  software.
• Make sure that when you save your document, you
  save it as a "text", or "plain text" document.
  Otherwise it will not be read properly by a web
  browser.
• Example Linking HTML command which means
  that the following text should be highlighted
• Philippine
  Physics Society
• Once you have created your page(s), you need to
  contact your ISP about how to go about uploading
  them to the ISPs domain server.

12
Creating and Activating a Web page

• If you have a UNIX account, you can create your
  web page(s) online. Your first need is to get a
  program that can access your UNIX account.
• You can access your UNIX account by typing
• telnet sili.adnu.edu.ph
• Once you have access your account, you need to
  make a new directory called "public_html". You
  can do this by typing
• mkdir public_html
• After this directory, change your directory to
  this new directory called "public_html".
• Cd public_html

13
Creating and Activating a Web page

• If you want to you can make other directories one
  for all the web pages that you make, and one for
  all of the graphics that you have, follow the
  same steps to do them.
• Next, you need to think of a filename for your
  page (this is not a title, but what will be in
  the URL). A common filename for a main web page
  is "index".
• pico index.html
• Of course, use your page's filename, instead of
  this one.
• It is important to gain some more knowledge of
  the many HTML commands.

14
V. Web Page Engineering

• A person who has expertise in web page designing
  by profession is called a web page engineer.
• Requirements to Become a Web Page Engineer
• 1. Interest -if you are interested to do it,
  you will easily learn how to make it.
• 2. Creative -using your imagination (physics)
• 3. Artistic -using your art skills (any of self
  interest on arts). As teachers most us are
  inclined of doing instructions. Use your arts
  in giving instructions.
• 4. Perseverance -using any of the Microsoft
  Office Program that you know and to stay
  overtime how to adopt them with HTML.

15
Requirements

• Why Microsoft? It is easier to use Microsoft in
  consideration of Internet Browsers compatibility
  and it will make your work more organized.
• 5. Resourceful using common sense because
  learning a Web Page Designing is all in the
  Internet for you to explore everything by simply
  surfing the world wide web.
• What is most important is to gain
  knowledge on BASIC HTML commands.
• Examples
• Bold
• Forced Line Breaks
  
• Linking

16
Techniques How to Gain Knowledge with HTML
Commands

• Brows the Internet and look for a good Webpage
  that you like.
• Click the right button of your mouse and click
  the view source option a window of text file
  will pop up to show you the source code.
• Save these codes as with html extension name.
  Open the file with the Microsoft Frontpage
  Software, and modify them accordingly to your
  artistic desires and observe what will happen
  after rendering them.
• Note that if the file is copy protected you
  cannot view the source codes.

17
Why HTML and not JAVA?

• HyperText Markup Language (HTML) is the
  predominant markup language for web pages
• It provides a means to describe the structure of
  text-based information in a document by
  denoting certain text as links, headings,
  paragraphs, lists, and so on and to supplement
  that text with interactive forms, embedded
  images, and other objects.
• HTML in my own openion, is an open highway to
  reach in order to get into the world wide web
  which is considered as public domain that anybody
  can go to occufy a homepage space in the
  Internet.
• HTML can include embedded programming languages
  called scripting codes that controls a software
  applications (such as JavaScript).

18
Why HTML

• The JavaScript can affect the behavior of Web
  browsers and other HTML processors.

All About JavaScript

• Well, frankly speaking, I do not know how to
  program in Java. But I know, it is a very useful
  language because of its compatibility with HTML
  if you know how to use it.

• However, even though I dont know how to program
  Java, it doesnt mean I dont use Java.

• Selecting and modifying a free ready-made
  programs available in the Internet is how I used
  JavaScript laguage.

19
All About

• A lot of ready-made programs by JAVA Script
  available in the internet that can be access for
  free. It can add some adlibs of fantasies for
  personalized web site to select features that
  will suit to your needs.
• Examples clock, entry counter and other
  special effects if you want to have them.
• http//clik.to/academ
• If you would like to use Java on your web pages,
  I would suggest using free java scripts that can
  be found around the web. One such web site can be
  found here
• Hoping that you would learn JAVA programming
  through this web site
• http//sharkysoft.com/tutorials/jsa/

20
Interesting Features of Java is Security

• Java has gained enormous popularity with rapid
  ascension and wide acceptance by its design and
  programming features, particularly in its promise
  that you can write a program once, and run it
  anywhere.
• Java is object-oriented because programming in
  Java is centered on creating objects,
  manipulating objects, and making objects work
  together.
• Java is one of the first programming languages to
  consider security as part of its design. The Java
  language, compiler, interpreter, and runtime
  environment were each developed with security in
  mind.

21
Interesting Features of Java

• The compiler, interpreter, and Java-compatible
  browsers all contain several levels of security
  measures that are designed to reduce the risk of
  security compromise, loss of data and program
  integrity, and damage to system users.
• Java's security measures are far ahead of even
  those developed to secure military systems.
• Some Internet browsers however are not JvaScript
  enable. Older AOL browsers, for example, have a
  devil of a time with Java.
• Experts are still looking forward to the time
  when the whole web is fully utilizing the
  interactive capabilities of the
  platform-independent language and world of Java.

22
Frames

• Frames basically split your window into sections.
  
• You can display two or more web pages at a time
  with frames.
• You don't necessarily have to have whole pages in
  a frame.
• Example two window sections
• You could also have graphics on a split window.
• If you are really interested in putting frames on
  your page. I recommend that you go to Sharky's
  Netscape Frames Tutorial and read the lessons.
• http//sharkysoft.com/tutorials/jsa/category/wi
  ndows.html

23
Information Communication Technology Revolution

• Information and Communication Technology are both
  the cause and the consequence of the rapid change
  in the business world because of the Internet.
• This simply means if youre not going to adopt it
  you will be left behind otherwise.
• There must be right policies to facilitate
  international cooperation to make national
  regulatory efforts internationally compatible,
  but I think this is not being realized globally.
• Since the Internet is a public domain and a free
  access, there has been no proper legislation or
  restrictions of fraud that has been properly
  observed with the world wide web, even with
  e-commerce.

24
Information Communication

• If going to put my work in the Internet, I would
  assumed that my work is at risks in a public
  domain to enforce intellectual property rights on
  the Internet.
• It just simply means that when you hold a new
  website, you have actually highlighting how
  difficult it is to enforce intellectual property
  rights on the Internet.
• The report warns that there is little research on
  the extent of problem for an accurate view and
  that therefore legislative and law enforcement
  measures can hardly be boosted relative to
  e-commerce and intellectual property rights in
  the Internet.
• Experience of stakeholders noted that e-commerce
  means no Privacy, no Cryptography (a sytem of
  secrete writing) and no Consumers Protection.

25
Internet Fraud (breach of confidence)

• Local experts agree that whatever the safeguards
  under the Gatekeeper program, digital programs
  and data are still vulnerable to Virus Infection,
  Malicious Programs and Network Hackers on
  unsecured computers.
• Security experts say despite the regorous
  safeguards in place to ensure programs or data
  are secure, one of the major weak points remains
  the security of the computers and software that
  host the information or data online.
• E-commerce at same time poses special risks for
  privacy of indviduals.
• Lessons When you hold a new website you have is
  actually highlighting how difficult it is to
  enforce intellectual property rights on the
  Internet, despite advances of domestic and
  international cooperation.

26
How the Internet favored Physics Education and
research

• Basically the Internets purpose is for
  information dessimination. Anything that was
  uploaded in the Internet is all at risk of being
  access by other party.
• But teachers who will be creating a webpage has
  nothing to worry because its our main duty to
  give information for education and research.
• HTML is a very useful tool for teachers in giving
  relevant instructions of what has to be tackled
  in class such as notes, lectures, assignment,
  references and relevant issues to link and brows
  in the Internet related to the topics and even
  with a customized animation of experiments that
  can be made possible.

27
How the Internet favored

• Examples what can be posted online with the
  webpage for teachers are the following
• Posting A Research Online
• Posting Of Student Assignment Online
• Posting of Syllabus and Notes Online
• Posting a customized animated Experiment
  Online
• Posting the Grades Online
• Discussing lessons online for Distance
  Learning Etc.
• Samples of My Work
• The PPS Website- http//pps-bikolchapter.tk/
• Dr. Bermundo Website- http//sili.adnu.edu.ph/cza
  r/
• My Research Website- http//sili.adnu.edu.ph/arl/
  theshtml/academ/Acaindex.htm
• My Personal Website- http//clik.to/academ