CHAPTER 1: INTRODUCTION TO THE WEB
1. Meaning of Web Terms
1.1 Website
A website is a collection of related web pages that are stored on a web server and accessed
through the internet using a web browser. Each website is identified by a unique domain name
that allows users to locate it easily. Websites may contain text, images, audio, video, and
interactive elements for communication and service delivery. They are used by individuals,
businesses, institutions, and governments to share information and provide online services.
1.2 Web Page
A web page is a single digital document that forms part of a website and is displayed in a web
browser. It is usually written using HTML and may include multimedia elements such as images,
videos, and hyperlinks. Several web pages linked together make up a complete website. Each
web page has its own unique address (URL).
1.3 Web Browser
A web browser is a software application used to access, retrieve, and display web content from
the internet. It interprets web technologies such as HTML, CSS, and JavaScript to present
information in a readable and interactive format. Web browsers allow users to navigate
between web pages using hyperlinks. Examples include Google Chrome, Mozilla Firefox, and
Microsoft Edge.
1.4 URL (Uniform Resource Locator)
A URL is the unique address used to identify and locate a resource on the internet. It contains
information about the protocol, domain name, and location of a specific web page or file. Users
type a URL into a browser to access a website. Without URLs, browsing the internet would not
be possible.
1.5 Web Server
A web server is a computer system that stores website files and delivers them to users over the
internet. When a user requests a web page, the server processes the request and sends the
required data to the user’s browser. Web servers operate continuously to ensure websites are
available at all times. They play a critical role in hosting and managing websites.
2. Importance of a Website
2.1 Information Sharing
Websites provide a reliable platform for sharing information with a global audience. Information
published on a website can be accessed anytime, making it suitable for education, news, and
public communication. Websites ensure consistency and accuracy of information. This improves
awareness and knowledge dissemination.
2.2 Business Promotion and Marketing
A website helps businesses advertise and promote their products and services online. It serves
as a digital showroom where customers can view offerings and make inquiries. Businesses can
reach more customers beyond their physical location. This increases sales opportunities and
brand visibility.
2.3 Communication and Interaction
Websites enable communication through contact forms, emails, live chats, and feedback
systems. They allow organizations to interact with customers and respond to inquiries
efficiently. This improves customer satisfaction and service delivery. Effective communication
builds trust and loyalty.
2.4 Accessibility and Service Delivery
Websites allow users to access services and information 24 hours a day from any location with
internet connectivity. Services such as online registration, applications, and payments can be
done remotely. This reduces the need for physical visits. It saves time and operational costs.
3. Types of Websites
3.1 Static Websites
Static websites contain fixed content that remains the same for all users unless manually
updated. They are simple to design and require minimal technical skills. Such websites are
suitable for small organizations or personal use. They are fast to load and cost-effective to
maintain.
3.2 Dynamic Websites
Dynamic websites display content that changes based on user interaction or database
information. They use server-side programming languages and databases to generate content in
real time. These websites are more interactive and flexible. Examples include social media
platforms and online portals.
3.3 E-Commerce Websites
E-commerce websites are used for buying and selling goods and services online. They include
features such as product listings, shopping carts, and secure payment systems. Customers can
place orders and make payments electronically. These websites support digital trade and
entrepreneurship.
3.4 Educational Websites
Educational websites provide learning materials, online courses, and academic resources. They
support distance learning, research, and self-paced study. Schools, colleges, and training
institutions use them to share academic content. They enhance access to education.
4. Website Requirements
4.1 Domain Name
A domain name is the unique name that identifies a website on the internet. It allows users to
access a website easily without using numerical IP addresses. A good domain name should be
short, relevant, and easy to remember. It represents the identity of the website.
4.2 Web Hosting
Web hosting is a service that provides storage space on a server for website files. Hosting
ensures that a website is accessible to users at all times. Different hosting plans are available
depending on website size and traffic. Reliable hosting improves website performance.
4.3 Website Content and Files
Website content includes text, images, videos, and documents published on the website.
Website files such as HTML, CSS, and scripts determine how the website looks and functions.
Quality content improves user engagement and understanding. Well-organized files ensure
smooth website operation.
4.4 Security Requirements
Website security protects data from unauthorized access and cyber threats. Security features
include SSL certificates, strong passwords, and regular backups. Secure websites protect user
information and maintain trust. Security is essential for online transactions and data handling.
5. Web Programming Languages
5.1 HTML (HyperText Markup Language)
HTML is the standard language used to create the structure of web pages. It defines elements
such as headings, paragraphs, images, tables, and links. HTML forms the foundation of all
websites. Without HTML, web content cannot be displayed in a browser.
5.2 CSS (Cascading Style Sheets)
CSS is used to control the appearance and layout of web pages. It allows developers to apply
colors, fonts, spacing, and responsive designs. CSS separates content from presentation, making
websites easier to manage. It enhances visual appeal and user experience.
5.3 JavaScript
JavaScript is a programming language used to make websites interactive and dynamic. It enables
features such as form validation, animations, and interactive menus. JavaScript runs in the
user’s web browser. It improves functionality and user engagement.
5.4 PHP
PHP is a server-side programming language used to develop dynamic web applications. It
processes user input and interacts with databases. PHP is commonly used for login systems and
content management. It enables websites to display personalized content.
CHAPTER 2: WEBSITE AUTHORING TOOLS
1. Types of Website Authoring Tools
Website authoring tools are software applications used to create, design, and manage websites
without necessarily writing code manually. They simplify the web development process and
allow users to develop websites efficiently.
1.1 Text-Based (Code Editors) Authoring Tools
Text-based authoring tools allow developers to create websites by manually writing code such
as HTML, CSS, and JavaScript. These tools provide features like syntax highlighting, auto-
completion, and error detection to assist programmers. They are suitable for users who have
knowledge of web programming languages. Examples include Notepad++, Visual Studio Code,
and Sublime Text.
1.2 WYSIWYG (What You See Is What You Get) Tools
WYSIWYG tools allow users to design websites visually without writing code. The design seen on
the screen closely matches the final website output. These tools are ideal for beginners and
non-programmers. Examples include Adobe Dreamweaver and Microsoft Expression Web.
1.3 Content Management Systems (CMS)
Content Management Systems are web-based authoring tools that allow users to create, edit,
and manage website content easily. They separate content from design and often use templates
and plugins. CMS tools support collaboration and dynamic content. Examples include
WordPress, Joomla, and Drupal.
1.4 Online Website Builders
Online website builders are cloud-based tools that allow users to create websites using drag-
and-drop features. They do not require software installation and are accessible through a web
browser. These tools are suitable for small businesses and personal websites. Examples include
Wix, Weebly, and Google Sites.
2. Criteria for Choosing Website Authoring Tools
Choosing the right website authoring tool depends on several important factors to ensure
efficiency and usability.
2.1 Ease of Use
The tool should be user-friendly and easy to understand, especially for beginners. A simple
interface reduces the learning curve and saves time. Tools with drag-and-drop features are ideal
for new users.
2.2 Cost and Licensing
Some website authoring tools are free, while others require payment or subscriptions. The cost
should match the available budget and project requirements. Free tools are suitable for
learning, while paid tools may offer advanced features.
2.3 Technical Skills Required
The level of technical knowledge needed should match the user’s skills. Beginners may prefer
WYSIWYG or CMS tools, while advanced users may choose code editors. Selecting the right tool
improves productivity.
2.4 Features and Functionality
The tool should support required features such as templates, multimedia integration, and
responsiveness. Advanced tools offer plugins and extensions for added functionality. Feature-
rich tools allow flexible website development.
2.5 Compatibility and Support
The tool should be compatible with different operating systems and browsers. Availability of
documentation, tutorials, and technical support is important. Good support ensures smooth
usage and problem-solving.
3. Installation and Configuration of Website Authoring Tools
Installation and configuration involve setting up the authoring tool for effective website
development.
3.1 Installation Process
Installation begins by downloading the authoring tool from an official website or installing it
from trusted sources. The user follows setup instructions provided by the installer. Some tools
may require accepting license agreements before installation.
3.2 System Requirements
Before installation, the computer must meet minimum system requirements such as operating
system, memory, and storage space. Failure to meet these requirements may result in poor
performance. Checking requirements ensures smooth operation.
3.3 Configuration Settings
Configuration involves setting preferences such as file paths, default language, and theme
layout. Some tools allow integration with servers or databases. Proper configuration improves
efficiency and usability.
3.4 Testing the Installation
After installation and configuration, the tool should be tested by creating a simple web page.
Testing ensures that all components are working correctly. Any errors should be corrected
before actual development begins.
4. Use of Website Authoring Tools
Website authoring tools are used throughout the website development process.
4.1 Designing Web Pages
Authoring tools are used to design web page layouts, including headers, navigation menus, and
content sections. Visual tools allow real-time preview of designs. This helps developers create
attractive and user-friendly websites.
4.2 Creating and Editing Content
Users can add and edit text, images, videos, and hyperlinks using authoring tools. Content can
be updated easily without affecting the entire website. This ensures accurate and current
information.
4.3 Managing Website Structure
Authoring tools help organize web pages and navigation links. They allow creation of menus and
site maps. Proper structure improves usability and accessibility.
4.4 Publishing and Updating Websites
Website authoring tools allow users to upload websites to web servers. They support regular
updates and maintenance. This ensures that websites remain functional and relevant.