Web Technologies Notes
Subject Overview
Web Technologies takes students from internet fundamentals through a complete static and lightly interactive website — HTML tags, text formatting, lists, graphics and tables, hyperlinks and frames, DHTML/
Subject at a glance
4
Units
21
Topics
4
Credits
4
Infographics
Unit-wise Syllabus
4 units — open any unit for detailed topic-wise notes, diagrams and important exam questions
- Internet connectivity and IP addressing
- TCP/IP overview
- HTML tags (paired and singular)
- document head/body
- title/footer
- text formatting
- heading styles
- text styles and color coding
Address size
32 bits
128 bits
Format
Dotted decimal: 192.168.1.1
Hexadecimal: 2001:db8::1
Addresses
About 4.3 billion
About 3.4 × 10³⁸
Header
Variable, with checksum
Fixed, simpler
Study guide
This unit covers internet connectivity, IP addressing, TCP/IP overview, HTML tags, document structure, formatting, headings and colour coding. Build a page as you learn each tag.
- Unordered/ordered/definition lists
- graphics attributes (border, width/height, align, alt)
- tables (header, caption, cell padding/spacing, colspan/rowspan)
- internal/external hyperlinks and image hyperlinks
- frames and framesets
- Cascading Style Sheets
Unordered
<ul> with <li>
Bullets
Ordered
<ol> with <li>
Numbers or letters
Definition
<dl> with <dt> and <dd>
Terms and descriptions
Study guide
You study lists, graphics, tables, links, image links, frames and CSS introduction. Style a page with CSS to separate content from design.
- JavaScript in web pages
- advantages of JavaScript
- embedding JavaScript in HTML
- writing JavaScript
- 1Browser loads HTML
- 2Finds a <script> tag
- 3JavaScript engine runs the code
- 4Code reads or changes the page (DOM)
- 5Responds to events
Clicks, input
Study guide
You are introduced to JavaScript: its use in pages, advantages, embedding and writing scripts. Write small scripts that react to events.
- 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
- 1User clicks Submit
- 2onsubmit calls a function
- 3Check each field
Empty, length, format
- 4If invalid
Show message, return false
- 5If valid
Form is submitted
Study guide
You study forms and elements, built-in objects (String, Math, Date) and user-defined objects. Validate a form with JavaScript.
Why Web Technologies Matters
HTML, CSS and JavaScript form the base of web development, a frequently requested skill set, and this paper leads to later web programming and full-stack work.
How to Prepare for Web Technologies
- Build and deploy a small personal website.
- Use browser developer tools to inspect and debug.
- Practise form validation.
Web Technologies: Frequently Asked Questions
What is CSS?
Cascading Style Sheets control the look of web pages, such as colours, fonts and layout, separately from their content.