MODULE 3
NAME: ________________________________________________ DATE: _____________
WEB DEVELOPMENT
LESSON 3
Web Development Key Concepts and General Web Page Development Guidelines
Lesson Objectives
At the end of the lesson, you should be able to:
1. Determine the key concepts about the web; and
2. Enumerate the general web page development guidelines;
Reading
Internet
- a worldwide collection of computer networks
- connects different individuals and organizations throughout the world for the exchange of
information
Uses of Internet
Communication Tool Video Conferencing
Source of Information Voicing Ideas and Opinions
Job Searching Getting New Software
Online-shopping Reading and Watching the Latest News
Online-learning Watching Movies
Online-business/E- Sharing Files, Music, Videos, Programs,
commerce Pictures
Online-library Social Networking Sites
Online-interview
The World Wide Web (www)
- designed by Tim Berners Lee in 1990s
- called as www (wawawa), W3 (W cube) or the Web
- collection of information or files publicly available which reside on computers called Web
servers and are linked together through the internet
Hypertext Mark-up Language (Html)
- the markup language used by Tim Berners Lee in formatting and linking the files found on
the Web
Web Browser
- the most important piece of software one needs
- a program that lets a user visit diff sites on the net and display their offerings on the
computer
- it downloads the document whose URL is given on user’s computer screen
Examples
Apple Safari Microsoft Internet
Explorer
Mozilla Firefox OmniWeb
Google Chrome Opera
Konqueror Netscape
Website
- collection of linked web pages with a common topic or focus
Web Page
- every page of information found in the Web
Homepage
- the very first page that appears upon opening your web browser
- the primary document of a site giving details about the site and introduces what would
follow
Uniform Resource Locator (Url)
- represents the address of a particular website or web page on the Web
Example: http:// [Link]
Parts:
Transfer protocol specification ([Link]
Type of site(.edu)
Domain name([Link])
Website name([Link])
Transfer protocol specification - the set of rules that the computer needs to follow or use
to be able to transfer files from one computer to another computer on the internet
Website name - is the name used to identify the website
Type of site - defines the category of the website such as .com, .edu, .gov, .net, .org
Domain name - contains the website name and the type of site associated with a unique
identification number on the internet
General Web Page Development Guidelines
a. Purpose of the web
- very clear about goals and objectives
- easy to read and use
- have a clear idea regarding who are the target audience of the site
b. Web page planning
2 ways
Internal planning - regarding the content included in the web page (project team, page
layout, visitor engagement/interactivity, UI)
External planning - interaction between the visitors (UX, site popularization)
c. Designing – add page components, make sure that pages are fast to load, easy to read and
well – organized
Components of Web Page
o Text o Audio files
o Pictures o Video files
o Animated graphics
Web Authoring Languages
o HTML o VRML
o DHTML o SMIL
o XHTML o Integration of CSS and JS
o XML
Steps in Creating Web Page
1. Use a text editor
2. Prepare/digitize other individual components
3. If the page requires more advanced features (Forms)
4. Use a browser to view the page
5. Publish the page by putting all of its files (HTML files and graphic files) on a web server
6. View in all platforms
7. Publicize the page, get feedback, get new ideas and repeat the steps
Exercise 1: Complete the blanks with the correct word. Choose your answer from the pool.
Type of site
Web Browser
Website
Tim-Berner’s Lee
URL
Transfer Protocol Specification
1. ___________ is the collection of linked web pages with a common topic or focus.
2. ___________ designed the WWW in 1990’s.
3. ___________ represents the address of a particular website or web page on the Web.
4. ___________ a program that lets a user visit diff sites on the net and display their offerings on the
computer.
5. In this example url: [Link] .gov is ______________.
6. In this example url: [Link] http is ______________.
Exercise 2: In the General Webpage Development Guideline, identify the key steps that should be
undertaken.
1. Purpose of the web
______________________________________________________________________________
______________________________________________________________________________
2. Web Page planning
______________________________________________________________________________
______________________________________________________________________________
3. Designing
______________________________________________________________________________
______________________________________________________________________________