COURSE TITLE : WEB DESIGN COURSE CODE : 3073 COURSE CATEGORY : B PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDITS : 4 TIME SCHEDULE MODULE TOPICS PERIODS 1 Internet fundamentals 18 2 Html, css and web design tools 18 3 Javascript 18 4 Web design issues and optimization 18 Total 72 MODULE I OBJECTIVES 1.0 UNDERSTAND INTERNET FUNDAMENTALS 1.1 Discuss Internet, Intranet, Extranet 1.2 Study of Various Internet Services: www, e-mail, e-commerce, telnet, search engines, FTP, News groups, Bulletin Boards 1.3 Study Various types of Internet Connections: DSL, Dial-up, ISDN, Cable Modem and Wireless 1.4 Understand Client-server Architecture, Browsers, Server Software 1.5 Web Browsers: Internet Explorer, Mozilla FireFox, Google Chrome 1.6 Discuss Server Software: PWS, IIS, Java Web Server, Apache 1.7 List Internet Applications : e-commerce, e-governance, e-banking 1.8 Web Standards W3C MODULE II 2.0 UNDERSTAND HTML AND CSS 2.1 Understand HTML 2.1.1 Understand Hyper Text and HTML 2.1.2 Understand the format of a HTML page. 2.1.3 Understand Elements and Attributes. 2.1.4 HTML basic tags - <HTML>, <HEAD>, <TITLE>, <BODY>, <META>, HTML comment 2.1.5 Heading and Paragraph tags 2.1.6 HTML Formating Tags
2.1.7 HTML List Tags Ordered List, Unordered List, Defenition List 2.1.8 Embedding Images. 2.1.9 Understand Hyperlink and anchor tag. 2.1.10 Understand Table tags 2.1.11 Understand Frames and IFrames tags 2.1.12 Understand Forms - name, action, method attributes 2.1.13 Study Form control tags <input>, <select>, <option> for Text, password, text area, check box, radio button, menu, button, combo box 2.1.14 Embedding Multimedia objects into HTML pages - audio and video 2.2 Uderstand Cascading Style Sheets 2.2.1 Understand Inline, Embedded and External Style Sheets 2.2.2 Understand Positioning Elements, Backgrounds, Element Dimensions, Box Model, Text Flow and Media types 2.2.3 Understand Building CSS Menu 2.2.4 Undestand Creating User Style Sheets 2.3 Web Design Tools: Case Study Dreamweaver, Photoshop MODULE III UNDERSTAND JAVASCRIPT 3.1 Understand JavaScript 1.1 State the need for script languages 1.2 Differentiate between server side scripting and client side scripting 1.3 Overview of JavaScript. 1.4 Understand Programming elements in JavaScript. 1.5 Outline the method of adding JavaScript to html pages 1.6 Understand Document Object Model 1.7 Understand Event Handling 1.8 Understand Data validations. 3.2 Dynamic Documents with JavaScript 2.1 Introduction to Dynamic Documents 2.2 Positioning Elements 2.3 Moving Elements 2.4 Element Visibility 2.5 Changing Colors and Fonts 2.6 Dynamic Content
2.7 Stacking Elements 2.8 Locating Mouse Cursor 2.9 Reacting to Mouse Click 2.1 Slow Movement Elements 2.11 Dragging and Dropping Elements MODULE IV 4.0 UNDERSTAND WEB DESIGN ISSUES AND OPTIMIZATION 4.1 Understand web design issues 4.1.1 Know the Web flow 4.1.2 Know Preparation of checklist for designing 4.1.3 Design the navigation and links within site 4.1.4 Develop Site Map 4.1.5 Specify the objectives of web page 4.1.6 Develop storyboard for the website 4.2 Understand Web optimization 4.2.1 Minimize HTTP requests 4.2.2 Process JavaScript s first 4.2.3 Have consistent approach for all pages 4.2.4 Convert as many buttons as possible to text links 4.2.5 Use CSS over JavaScript and Applets 4.2.6 Cut down White space 4.2.7 Cut down redundant tags 4.2.8 Choose the right DOCTYPE 4.2.9 Eliminate optional quotes 4.3 Search Engine Optimization 4.4 Discuss Web promotion techniques 4.5 Discuss Luring search Engines 4.4.1 Understand the importance of Meta tag 4.4.2 Understand the importance of content in a web site 4.4.3 Select proper keywords 4.4.4 Avoid images only pages 4.4.5 Get linked with other websites 4.4.6 Link all your pages
4.4.7 Use text links instead of image links 4.4.8 Minimize JavaScripts and Flash 4.4.9 Have Simple URLs 4.4.10 Understand Search Engine Robots 4.6 UNDERSTAND WEB HOSTING 4.5.1 Discuss Web Hosting 4.5.2 Domain name Registration 4.5.3 Discuss Server space hiring 4.5.4 Explain File Uploading procedure 4.5.5 Discuss FTP utilities 4.5.6 Discuss Web portals CONTENT OUTLINE MODULE I Internet-extranet-connection setup-client-server model-web browsers- server software- internet applications w3c MODULE II HTML-various tags-table form format tags- image tags -embedding multimedia-css-web design tools MODULE III Java script-programming-event handling- data validation-dynamic documents MODULE IV Web optimisation-web promotion-web hosting REFERENCES : 1. Programming the World Wide Web (Second Edition) -Robert W.Sebesta (Pearson Education) 2. Beginning Web Programming with HTML, XHTML, CSS & JavaScript John Duckett (Wiley DreamTech) 3. Web publishing Monica D Souza, Jude D Souza- (Tata Mc Graw Hill) 4. PHP and MySQL Web Development - Welling (Pearson Education) 5. Sams teach Yourself PHP in 24 hours Zandstra (Pearson Education) 6. PHP fast and easy web development Meloni (Prentice Hall of India) Web Sites : 6.1. www.drhtml.com 6.2. www.netmechanic.com 6.3. www.siteinspector.com
6.4. www.websitegarage.com 6.5. www.w3schools.com