Web Design Syllabus

Course Code: BCA511

Course Title: Web Design (4 Credits)




Course Contents


Unit-1 Introduction to Internet: What is Internet? : A Network of Networks, Gateway; History of the Internet: Connecting to the Internet, Internet Service Providers, DNS Servers, Connection Types, Modems, Connecting to the Internet using Dialup Networking; Web Browsers;    Using Web Browser; How does the Internet Work?; Routers; What you can do with the Internet; Origins and Development of the Internet; How Internet Standards are Developed;   Moving Data across the Internet: Internet Addresses


Unit - 2 - The World Wide Web: Introduction to world wide Web, Web Pages and Contents, Web Clients, Web Servers, Web Applications, Websites – Home Pages: Web Site Development ; How to Builds Web Sites? , Web Content Authoring, Web Graphics Design, Web Programming, Webserver Administration, Protocols, Search Engines & Search Engines, Plug-ins, FTP Applications


Unit-3 Internet Services & Internet Security: Electronic Mail, FTP, Newsgroups, Other Internet Services, Security and the Internet, Security Tools, E-commerce Security Issues, TCP/IP, Domain Names and IP addressing, Host Names, Domain Names, IP Addressing - Reserved IP addresses


Unit-4 HTML – URI, LIST, Hyperlinks: History of HTML, Introduction to URI: Fragment Identifier & Relative Uniform Resource indicator, Standard Generalized Markup Language, Structure of HTML document, Switching between your Editor and Browser, Structuring Web Page, Paragraph and Line Break Tags, Adding Comments, Formatting your Text; Creating Lists: Ordered List Tags, Unordered List Tag & Nesting Lists: Controlling How Ordered Lists are displayed, Creating a Multilevel Outline, Using Start and Value Attributes in an Ordered List, Controlling the Display of Unordered List, Creating Definition List; Creating Hyper Text Links, Linking to a File or Data Object, Linking to NON-WWW Files, Linking to a Place in the Same HTML File, Linking to a Place in Another HTML File, Creating Link Lists, Creating a Simple Link List;


Unit-5 HTML – Images, Links, Rules, Address Tag and Text: Inserting Images: Using the Align Attribute in Inline Graphics, Setting the Height and Width of an Inline Image; Creating Image Links; Horizontal Rules: Changing the Height of a Horizontal Rule, Changing between Shaded and Un-shaded Horizontal Rule, Changing the Width of a Horizontal Rule, Setting the Alignment of a Horizontal Rule; Address Tag; Working with Text: Text Alignment, Changing Font Sizes and Colors: Setting Font Sizes, Setting the Base Font, Using the Small and Big tags, Changing the Font Color; Using a Background Image; Marquee Tag


Unit-6 Web Page Authoring using HTML: Tables: Creating Columns and Rows, Adding a Border, Adding Column Headings, Adding Spacing and Padding, Adding a Caption, Setting the Table Width and Height, Aligning Cell Contents, Setting Column Width, Centering a Table,   Inserting an Image, Spanning Columns & Spanning Rows, Setting Font Size and Colors, Assigning Background Colors; Frames:Percentage dimensions, Relative dimensions, Creating two rows Frames, Creating two columns frames, Creating two rows and the second row containing two columns; Forms: What is Form?, Form Tag, Method, Action, Input Tag, Type Attribute: Check box, Hidden, Image, Radio, Reset, Submit, Text; Other <INPUT> attributes: Value, SRC, Checked, Size, Max length, Align, Select tag, Text Area, CGI, Get, Post


Unit-7 Cascading Style Sheets (CSS): Properties Table:Using the style Attribute, Creating Classes and IDs, Generating External Style Sheets, Typography, Consistency, Types of styles, Specifying class within HTML document, Style placement: Inline style, Span & div tags, header styles, Text and font attributes: Font Vs CSS, changing fonts, text attributes, Advance CSS properties: Backgrounds, Box properties and Positioning


Unit-8 DHTML: DHTML Overview & Definitions, Dynamic Images, Image Rollovers, Slide Shows, Dueling DOMs, The Document Object Model, The Navigator 4.x DOM, The Internet Explorer DOM, Dealing with DOM Differences, Creating the Core DHTML Library, The Custom Object Technique, Adding Methods to a Custom Object, Adding Secondary Methods and Properties & Active Element Object, Moving Elements on the Page, Moving in Geometric Shapes


Unit-9 PHP – Part-1: Introduction to PHP, History of web programming; how PHP fits into the web environment, PHP Installation and configuration, Hello World"; syntax, Variables, operators, flow control structures, More language basics; using GET and POST input, working with HTML forms; built-in and user-defined functions; variable scope; using the PHP manual, getting help, Input validation, string manipulation and regular expression functions; date and time functions


Unit-10 PHP – Part-2: Code re-use, require(), include(), and the include_path; file system functions and file input and output; file uploads; error handling and logging; sending mail, HTTP headers and output control functions; HTTP cookies; maintaining state with HTTP sessions; writing simple web clients, Introducing MySQL; database design concepts; the Structured Query, Language (SQL); communicating with a MySQL backend via the PHP, MySQL API, More MySQL database access; graphic manipulation with the GD library, Introduction to Objection Oriented Programming; Using PEAR packages, More PEAR packages; more OOP; the Smarty template engine, Parsing XML; PHP 5-specific features


Unit-11 JavaScript Programming – I: Introduction to JavaScript: Utility of JavaScript, Evolution of the JavaScript Language, JavaScript Versions and Browser Support, Differences Between Client-Side vs. Server-Side JavaScript, Statements and Operators, Variable Declarations, Assignment Operators and Statements, Arithmetic Operators,  Logical Operators, Comparison Operators, String Operators, Conditional Operators, Operator Precedence; Implementing Control Constructs: Conditional and Looping Constructs, if else Statements, do while Statements, for in Statement, switch Statement; Implementing Functions: Defining Functions, Calling Functions, Passing Arguments, Local vs. Global Variables, Using the Return Statement, Nested Functions; JavaScript Objects: The JavaScript Object Model and Hierarchy, JavaScript Object Properties, Object Methods, New Keyword, This Keyword, Creating New Object Instances Using Constructor Functions, String, Date and Array Objects, Construction of Custom Objects with Individual Properties and Methods


Unit-12 JavaScript Programming – II: Fundamental JavaScript Directives: In-Line JavaScript, Linking Web Pages to External JavaScript Files, JavaScript Using <script> Tags and Attributes, Utilizing the <head> Tags <noscript> Tags; Implementing Arrays: Why array need in Scripting, Creating Arrays, Reading and Writing to an Array, Array Methods and Properties; The delete Keyword: Introduction to Server-Side JavaScript, Purpose of Server-Side JavaScript,ASP and Microsoft Server Architecture, Netscape's Livewire Run-Time Engine, Server-Side Objects; Cookies: Introduction to Cookie, Uses of Cookie, Components of a Cookie, Cookie Controversy, Using Cookies on a Web Page, Cookie Examples; Common Applications: Form Validation and Testing, Specific Form Methods and Event Handlers, User Interaction, Local Form Processing, Creating New Windows, Writing to the Window Object, Browser Awareness Using the Navigator Object, Affecting the Browser Itself, Interactive Graphics; Event Handling: Event-Driven Programming Model, How JavaScript Handles Events, Handling Link Events, Handling Window Events, Handling Image Events, Handling Form Events, Setting Event Handlers In-Line or Referencing


Unit-13: XHTML – I: Understanding the World Wide Web: The relationship between browser and server, The roles of HTML, HTML, CSS, and other technologies used in Web development; XHTML page framework tags: <html> and </html>, The role of the <head>...</head> region, The role of the <body>...</body> region, Adding a title, meta keywords, and meta description tags; Text formatting and layout with HTML: Headings and subheadings, Paragraph text (including how to bold, italicize, and underline text), Bulleted and numbered lists, Using attributes to align text, Setting up text regions with <div>...</div> and <span>...</span> tags, Padding vs margin, Floats; Working with images : Understanding the GIF, JPEG, and PNG image formats (and when to use them), Positioning images on the page, Flowing text around images, Using a <div> or <span> region to position an image


Unit-14: XHTML – II: Using tables to display grids of data: Positioning tables on the page, Turning grid lines on and off, Customizing the table's appearance, Creating table heading and table data cells, Configuring cells to span multiple rows or columns; Linking it all together: Creating links to other pages on your site, Creating links to pages on other sites,mail to: links (for sending email), Techniques for automatically filling in the subject, cc:, and bcc: fields,    Creating links to specific positions within the same page and other pages, Handling link management challenges; Fill-in Forms: The role of forms and how they interact with server-side programs, Techniques for effective form design, Creating text fields, text areas, password fields, and hidden fields, Designing radio button and checkbox sets, Adding lists and menus to your forms, Finishing the form with submit, reset, or image buttons, Discussion of how JavaScript can improve forms (by validating user input, performing calculations on entered numbers, controlling cursor tabbing order, etc.)