Zero to Mastery in Web DEVELOPMENT Zero to Mastery in Web DEVELOPMENT AN ISO 9001:2008 CERTIFIED COMPANY Vayu Education of India 2/25, Ansari Road, Darya Ganj, New Delhi-110 002 Copyright © Vayu Education of India First Edition: 2022 All rights reserved. No part of this publication may be reproduced, stored in a retrieval system, or transmitted, in any form or by any means, electronic, mechanical, photocopying, recording or otherwise, without the prior permission of the copyright owners. DISCLAIMER Errors, if any, are purely unintentional and readers are requested to communicate such errors to the publisher to avoid discrepancies in future. Published by: AN ISO 9001:2008 CERTIFIED COMPANY VAYU EDUCATION OF INDIA 2/25, ANSARI ROAD, DARYA GANJ, NEW DELHI-110 002 PH.: 011-41564440, MOB. 09910115201 E-MAIL: [email protected] • WEB: www.veiindia.com Preface v Chapter 1: Information Architecture 1 1.1 Role of Information Architect 1 1.1.1 Need of Information Architect 1 1.1.2 Need of Information Architecture 1 1.1.3 Main responsibilities of Information Architect 2 1.1.4 The Consumer’s perspective 2 1.1.5 The producer perspective 3 1.1.6 Who should be the information Architect? 3 1.1.7 Balance Your Perspective 4 1.2 Collaboration & Communication 5 1.2.1 Need of Team 5 1.3 Organizing Information 6 1.4 Organizational Challenges 6 1.5 Organizing Websites and Intranets 8 1.5.1 Organization schemes 8 1.5.2 Organisation Structure 11 1.6 Creating Cohesive Organizaton Systems 14 1.7 Designing Navigation Systems 15 1.8 Types of Navigation Systems 15 1.8.1 Embedded/Integrated Navigation Systems 15 1.8.2 Supplemental/ Remote Navigation System 16 1.9 Designing Elegant Navigation Systems 17 1.10 Searching Systems 18 1.10.1 Need of searching systems 18 vi ZERO TO MASTERY IN WEB DEVELOPMENT 1.10.2 Searching your website 18 1.11 Designing the Search Interface 20 1.11.1 Support for Different Modes of Searching 21 1.11.2 Searching and browsing systems should be closely integrated 22 1.11.3 Searching should conform to the site’s Look and feel 22 1.11.4 Search Options Should Be Clear 22 1.11.5 Choose a search Engine That Fits Users’ Needs 23 1.11.6 Display search Results sensibly 23 1.11.7 Always provide the user with feedback 25 1.11.8 Other Considerations 25 1.12 Indexing the Right Stuff 25 1.12.1 Indexing the entire site 25 1.12.2 Selectively indexing the right content 26 1.13 To Search or Not to Search 26 1.14 Grouping Content 26 1.15 Conceptual Design 27 1.15.1 Brainstorming with White Boards and Flip Charts 27 1.15.2 Metaphor Exploration 29 1.16 High level Architecture Blueprints 30 1.17 Architectural Page Mock-ups 31 1.18 Design Sketches 32 Chapter 2: Dynamic HTML and Web Designing 34 2.1 Dynamic HTML 34 2.1.1 Features of DHTML 35 2.2 Web Designing 36 2.2.1 Steps of Web Design 36 2.3 Good Web Design 38 2.3.1 Principles for good Web design 38 2.4 Process of Web Publishing 40 2.5 Phases of Website Development 41 2.6 Structure of HTML Document 43 2.7 HTML Elements 45 2.8 Core Attributes in HTML 46 CONTENTS vii 2.9 Language Attribute in HTML 52 2.10 Events in HTML 52 2.10.1 List of Keyboard events 52 2.10.2 List of Mouse events 53 2.10.3 List of Focus events 53 2.10.4 List of tag specific events 53 2.11 Block Level and Text Level Elements 56 2.12 Linking in HTML 64 2.13 Images and Anchors 66 2.14 Anchors Attributes 67 2.15 Image Map 70 2.15.1 Client side image map 70 2.15.2 Server side image map 71 2.16 Semantic Linking Meta Information 73 2.16.1 How would you define the main goals of the Semantic Web? 74 2.16.2 What are the major building blocks of the Semantic Web? 75 2.17 Image Preliminaries 75 2.18 Image Download Issues 77 2.19 Image as Button 79 2.20 Introduction to Layout 80 2.20.1 Background, Colors and Text 81 2.20.2 Layout with Tables 81 2.20.3 Advanced Layout: Frames and layers 83 2.21 Audio Support in Browser 88 2.22 Video Support in Browser 90 2.23 Forms in HTML 93 Chapter 3: Style Sheets 101 3.1 Style Sheets 101 3.1.1 CSS Syntax 101 3.2 Applying CSS 101 3.2.1 Inline Styles 102 3.2.2 Internal Style Sheet 103 3.2.3 External Style Sheet 107 viii ZERO TO MASTERY IN WEB DEVELOPMENT 3.2.4 Importing a Style Sheet 108 3.3 Positioning with style sheets 108 3.3.1 Absolute Positioning 109 3.3.2 Fixed Positioning 109 3.3.3 Relative Positioning 111 3.3.4 Static Positioning 112 3.3.5 Overlapping Elements 112 Chapter 4: Java Server Pages 116 4.1 Introduction to JSP 116 4.1.1 Need of JSP 116 4.1.2 Advantages of JSP over other technologies 117 4.2 JSP Architecture 117 4.2.1 JSP Processing: 117 4.3 JSP Life Cycle 118 4.4 JSP Tags 120 4.4.1 The Scriptlet 120 4.4.2 JSP Declarations 120 4.4.3 JSP Expression 121 4.4.4 JSP Directives 121 4.4.5 JSP Actions 126 4.5 JSP Implicit Objects 126 4.5.1 JSP Request Object 127 4.5.2 JSP Response Object 141 4.5.3 JSP Out Object 145 4.5.4 The Session Object: 147 4.5.5 The Application Object 155 4.5.6 The Exception Object 158 Chapter 5: Active Server Pages 161 5.1 ASP (Active Server Pages) 161 5.1.1 The ASP Process 163 5.2 Basic Syntax Rules 164 5.2.1 Variables in Asp and its scope 165 5.2.2 Procedures in ASP 166 CONTENTS ix 5.3 ASP Objects 167 5.3.1 Response Object 167 5.3.2 ASP Request Object 172 5.3.3 ASP Application Object 174 5.3.4 ASP Session Object 178 5.3.5 ASP Server Object 180 5.3.6 ASP ASPError Object 183 5.4 Retrieving the content of HTML Forms 185 5.5 Troubleshooting 187 Chapter 6: Cookies 188 6.1 Introduction to Cookie 188 6.1.1 How does cookie data move? 189 6.1.2 How do Web sites use cookies? 189 6.2 Cookies in JSP 190 6.2.1 How to Create a Cookie? 190 6.2.2 How to Retrieve a Cookie Value? 190 6.2.3 Example of creating and reading a cookie 190 6.3 Cookies in ASP 194 6.3.1 How to Create a Cookie? 194 6.3.2 How to Retrieve a Cookie Value? 195 6.3.3 A Cookie with Keys 195 6.3.4 Read all Cookies 195 6.3.5 Example for Creating and Reading cookie 196 Chapter 7: Extensible Markup Language 199 7.1 What is XML? 199 7.1.1 How Can XML be used? 204 7.1.2 What is an XML Element& Attribute? 204 7.2 XML Tree 205 7.3 XML Syntax Rules 207 7.4 Well Formed & Valid XML Document 209 7.5 Introduction to DTD 209 7.5.1 Types of DTD: 211 7.5.2 Limitations of DTD 213 x ZERO TO MASTERY IN WEB DEVELOPMENT 7.5.3 Advantages of using DTD 213 7.6 Introduction to Schema 214 7.6.1 Why Use XML Schemas? 214 7.7 Displaying XML with CSS 217 7.8 XSL (EXtensible Stylesheet Language) 223 7.8.1 XSLT (XSL Transformations) 224 7.8.2 XPATH 231 7.8.3 XSL-FO (Extensible Stylesheet Language Formatting Objects) 232 7.9 Relationship between HTML, SGML and XML 234 Index 239-244