Web Technologies Notes
Subject Overview
Web Technologies enables students to build web pages using HTML, DHTML, CSS and JavaScript — introductory HTML and text formatting, tables/
Subject at a glance
4
Units
24
Topics
5
Credits
4
Infographics
Unit-wise Syllabus
4 units — open any unit for detailed topic-wise notes, diagrams and important exam questions
- Web server and browser communication
- HTML tags
- document head/body structure
- titles and footers
- text formatting
- heading styles
- text styles
- lists
- adding graphics with border/width/height/align/alt attributes
<head>
Title, meta tags, CSS links
<body>
Visible content
Text
<h1>–<h6>, <p>, <b>, <i>
Lists
<ul>, <ol>, <li>
Media and links
<img>, <a href>
Study guide
This unit introduces HTML: how a web server and browser communicate, HTML tags, document structure, titles, text formatting, headings, lists and images with their attributes. Build a simple page as you learn.
- Table structure with header/data rows/caption
- cell padding/spacing/BGCOLOR/colspan/rowspan attributes
- internal and external document links
- image maps
- frames and framesets
- cascading style sheets
Inline
style attribute on an element
Quick one-off changes
Internal
<style> in the head
A single page
External
Separate .css file linked in
Whole websites
Study guide
You study tables, links, frames and DHTML: table structure and attributes, internal and external links, image maps, frames and framesets and cascading style sheets. Style a page with CSS to understand how it separates content from design.
- JavaScript in web pages
- database connectivity
- client-side JavaScript
- capturing user input
- advantages of JavaScript (interpreted, embedded, minimal syntax, quick development, procedural capabilities)
- writing JavaScript into HTML
Runs on
The browser
The web server
Languages
JavaScript
PHP, Node.js, Python, Java
Uses
Validation, interactivity
Database access, business logic
Source visible?
Yes
No
Study guide
You study JavaScript: its use in web pages, database connectivity, client-side scripting, capturing user input, advantages of JavaScript and writing it into HTML. Write small scripts to see the effect immediately.
- The form object and its element methods (text, password, button, submit, reset, checkbox, radio, textarea, select and multi-choice lists)
- built-in objects (String, Math, Date)
- user-defined objects and instances
Text and password
<input type="text">
Choices
Checkbox, radio, select
Buttons
Submit, reset, button
Built-in objects
String, Math, Date
User-defined objects
Constructor functions and instances
Study guide
You study forms and JavaScript objects: the form object and its elements, built-in objects (String, Math, Date) and user-defined objects. Validate a form with JavaScript to combine everything.
Why Web Technologies Matters
Web skills are in constant demand, and building a small website gives you a visible project for internships and interviews.
How to Prepare for Web Technologies
- Build a personal website while you study.
- Use browser developer tools to inspect pages.
- Practise form validation with JavaScript.
Web Technologies: Frequently Asked Questions
What is DHTML?
Dynamic HTML combines HTML, CSS and JavaScript to create pages that change and respond to user actions.
What is an image map?
An image map is an image with clickable regions that link to different pages.