ADVANCED COMPUTER PACKAGES - MODULE 1:
WEB DESIGNING (DETAILED NOTES)
Introduction to Web Designing
Web designing is the process of planning, creating, organizing and improving websites. Think of a
website as a digital house. The designer decides how it should look, where information should be
placed, and how visitors move around. Good web design makes websites attractive, useful, easy to
understand, and easy to use. Web designing combines creativity, communication, technology, and
problem-solving. It helps businesses, schools, governments, and individuals communicate with
people online. A good website should be clear, fast, responsive, accessible, and visually appealing.
Basic Terms in Web Designing
Website: a collection of connected web pages. Web Page: a single page within a website.
Homepage: the main page visitors see first. Browser: software used to access websites. URL: the
web address of a page. Domain Name: a human-friendly website name. Hosting: online storage for
website files. Server: a computer that delivers website content. Hyperlink: a clickable connection
between pages. Navigation Menu: links that help users move around a site.
Types of Websites
Personal websites share personal information and hobbies. Business websites promote products
and services. Educational websites provide learning materials. E-commerce websites sell products
online. News websites publish current events. Portfolio websites showcase skills and projects.
Social media websites help people connect and communicate. Government websites provide public
services and information.
Web Designing Tools
Text editors such as VS Code and Notepad++ are used to write code. Browsers like Chrome and
Firefox are used to test websites. Graphic design tools such as Canva, Photoshop, and Figma
create visual content. Website builders such as WordPress and Wix allow websites to be created
with little coding. Developer tools help identify and fix website problems.
Introduction to HTML
HTML stands for HyperText Markup Language. It forms the structure of every webpage. HTML tells
browsers what content exists and how it is organized. Common elements include html, head, title,
body, headings, paragraphs, links, images, tables, and forms. HTML is easy to learn and works
together with CSS and JavaScript to create modern websites.
Introduction to CSS
CSS stands for Cascading Style Sheets. CSS controls the appearance of webpages including
colors, fonts, spacing, layouts, borders, and responsiveness. If HTML creates the structure of a
house, CSS decorates and beautifies it. CSS helps maintain consistency and improves user
experience.
Responsive Web Design
Responsive design ensures websites work correctly on phones, tablets, laptops, and desktop
computers. Responsive websites automatically adjust layouts and content to fit different screen
sizes. This improves accessibility, usability, and visitor satisfaction.
Web Design Principles
Important principles include simplicity, consistency, readability, accessibility, easy navigation,
balance, alignment, and fast loading speed. Following these principles helps visitors understand
content quickly and enjoy using the website.
Practical Project
Create a personal webpage containing your name, profile picture, education background, skills, and
contact information. Plan the layout, write HTML, apply CSS styling, test the page, fix errors, and
improve the design. This project develops coding, design, and problem-solving skills.
Examination Revision
Review definitions of web designing, website, web page, HTML, CSS, and responsive design.
Practice writing basic HTML structure. Understand design principles and complete practical
exercises regularly.
Author: sisqo da'hoodie