3 Conduction of the lecture will include effective use of multimedia projector. During the lecture topic will be covered by doing hands on programming. After completion of each unit the assignment will be provided which will be evaluated on time. Tutorials will be provided periodically for each modeling that has to be practiced during the lab lesions under continues monitoring. Edmodo is used as learning management systems for engaging students in off time. Active learning methodologies will be introduced like problem based, quiz etc, according to the topic requirement. Students will be assigned a mini project to identify and apply the concepts learned throughout the course. Text book: Kogent Learning Solutions Inc., Web Technologies Black Book, Dreamtech Press, Reference Books: P.J.Deitel, H.M.Deitel, Internet and World Wide Web: How to program, Third Edition, Pearson publication. U. K. Roy,Web Technologies, First Edition, Oxford Higher Education Additional Resources NPTEL Video Lecturesof Internet Technology by Indranil Sengupta, IIT Kharagpur [Available at: 3

4 Tutorial List Tutorial 1 1. Develop HTML page to demonstrate commenting code. 2. Integrate all text formatting an HTML document which include heading My Favorite Teacher. And write one paragraph about that. Use bold and italic font. 3. Design an HTML document for a web page of your favorite national Leader. Design the page with an attractive background color, text color and background image. 4. Demonstrate the use of different attributes of HR tag for Horizontal line. 5. Develop HTML page which display computer code for i = 1 to 10 print i next i Tutorial 2 1. Design an HTML page which contains 3 images at LEFT, RIGHT and BOTTOM. 2. Create an HTML page to display your contact information. 3. Develop an HTML page which contain following image. By clicking on that image, it display description about image on same page. Tutorial 3 1. Construct an HTML page which include Table of Content Topic 1: History of C Topic 2: Feature of C Language Topic 3: Structure of C program Topic 4: Operators Topic 5: Array By clicking on link, it navigate to respective topic within the same page. 4

6 Tutorial - 4 Same way display details of all the semester. 1. Design an HTML page to display following table Name Telephone XYZ Develop an HTML page which display following table Name Contact Number XYZ Create an HTML page which display following table Project Details Goup ID CE_1 Student Name Project Name Project Guide ABC Guide1 Guide 2 XYZ PQR ID of student Insert at least five records. 4. Develop an HTML page which contain time table of your class using TABLE Tag. Also apply ROWSPAN, COLSPAN, CELL SPACING and CELL PADDING. Tutorial 5 1. Create anhtml page for the registration form like you see while creating an account in Gmail. 2. Develop a complete web page using Frames and Frameset which gives the Information about RK University. 3. Develop an HTML page which looks like below image using Frameset and Frame tags. 6

8 2. Create external CSS file external.css with a. change the color of all text b. containing attribute class green c. Shift them 25 pixel down from top for all paragraph. Use external.css file to create following image. 3. Add embedded styles sheet to HTML document that contain all border properties using id selector. 4. Develop CSS rule and integrate with HTML to divide document into multiple section as given below. Header Content Sidebar Footer 5. Integrate CSS rule with WordPress open source tool for creating menu and sidebar. Tutorial-7 1. Integrate JavaScript with HTML for display your information same as in I-card. 2. Writea JavaScript code which display button on clicking that button it displays Good day if time is less than Create a JavaScript that takes two numbers from user using prompt box and display addition in alert box. 4. Create a HTML page with JavaScript, which takes an integer Number as input from the user and alert user whether the number is even or odd. 5. Write a JavaScript program to print first N odd numbers divisible by 7. 8

9 Tutorial-8 1. Write a JavaScript that alerts your result either PASS or FAIL based on subject marks entered by user. 2. Construct an array of 10 non-negative integers. Use this array to find smallest no among them. 3. Create UDF that takes an integer values and alerts whether the no is Armstrong or not. 4. Define UDF that display system date on button click. 5. Integrate JavaScript code for Gmail signup form validation. Tutorial-9 1. Code the XML for food menu and also display the food menu. 2. Design the DTD of above given code declaring attributes like ATTLIST, REQUIRED, IMPLIED and also form the tree structure of it. 3. Develop a XML Schema for above mentioned food tree structure. 4. Write down the code of any three XML Applications CML, OSD and VoiceXML. Tutorial Construct a XSL for above food tree structure. 2. Design a code to display XML file data into HTML table using XSLT. 3. Create a <xsl: choose> element for above tree structure. 4. Create a <xsl: if> element for above tree structure. 5. Create a <xsl: sort> element for above tree structure. Tutorial Analyze and list the different types of applications in AJAX. 2. Demonstrate the difference in AJAX and normal form of HTML request and response model? Tutorial Code an AJAX application to display information return from a server where the button should call a function named loadxmldoc() when it is clicked. 9

10 2. Write an application to create XMLHttpRequest object for above definition. 3. Write an AJAX application to display server time using GET method and POST method Tutorial Develop PHP Script which take Input as one integer number and Test it is prime or not. 2. Construct web page which include student registration form, fill the data in form and store data in student table using POST method. 3. Illustrate PHP script to list all records of student table in tabular format. 4. Design PHP Script to delete all rows from student table whose roll numbers are between 1 and 3 Tutorial Apply PHP script to modify update student mobile number take user input. 2. Illustrate a PHP script to update student information based on student Roll No. Provided by user. Tutorial Install Wordpress and create sample website. Also apply a theme and modify it as per the requirement. Tutorial Install Joomla and create sample website. Also apply a theme and modify it as per the requirement. 10

DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.

Advanced Web Development Duration: 6 Months SCOPE OF WEB DEVELOPMENT INDUSTRY Web development jobs have taken thе hot seat when it comes to career opportunities and positions as a Web developer, as every

HTML5/CSS3/JavaScript Programming Description: Prerequisites: Audience: Length: This class is designed for students that have experience with basic HTML concepts that wish to learn about HTML Version 5,

10CS73:Web Programming Question Bank Fundamentals of Web: 1.What is WWW? 2. What are domain names? Explain domain name conversion with diagram 3.What are the difference between web browser and web server

UKWDA Training: CIW Web Design Series Web Design Specialist Course Description CIW Web Design Specialist is for those who want to develop the skills to specialise in website design and builds upon existing

Web Design Technology Terms Found in web design front end Found in web development back end Browsers Uses HTTP to communicate with Web Server Browser requests a html document Web Server sends a html document

INTRODUCTION Web Development Techniques (Optional) This is one of the three optional courses designed for Semester 3 of the Bachelor of Information Technology Degree program. This course on web development

Getting Started with Google Sites Getting Started with Google Sites 1 Background Information Google Sites is an online application that makes creating a team web site as easy as editing a document. With

Brochure More information from http://www.researchandmarkets.com/reports/2248215/ Creating Web Pages with HTML Simplified. 3rd Edition Description: Are you new to computers? Does new technology make you

Glossary of Web Design Terms A Accessibility A website's ability to be used by people with disabilities, including visually impaired visitors, hearing impaired visitors, color blind people, or those with

INTRODUCTION : Web Development Techniques (Optional) This is one of the three optional courses designed for Semester 3 of the Bachelor of Information Technology Degree program. This course on web development

20480B: Programming in HTML5 with JavaScript and CSS3 Course Overview This course provides students with the knowledge and skills to create and style HTML pages, use JavaScript, create forms to collect

1 Introduction This document will describe how you can create your own, fully responsive drag and drop email template to use in the email creator. It includes ready-made HTML code that will allow you to

Program list for PHP SRNO DEFINITION LOGIC/HINT 1 W.a.p. to print message on the screen Basic program 2 W.a.p. to print variables on the screen Basic program 3 W.a.p. to print sum of two integers on the

Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.

Google Sites Getting Started 1. Log into your gmail account 2. Click on Sites 3. Click on Create 4. Choose a Template if you want (these will have preset elements and page settings which you can then adapt

Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates What is a DIV tag? First, let s recall that HTML is a markup language. Markup provides structure and order to a page. For example,

HTML, XHTML and CSS for Web Designers & Developers Course ISI-1254 - Five Days - Instructor-led - Hands on Introduction This course will give any web programmer an extra edge of effectiveness on the job.

Startup Guide Version 2.3.9 Installation and initial setup Your welcome email included a link to download the ORBTR plugin. Save the software to your hard drive and log into the admin panel of your WordPress

using CSS using CSS 1 using CSS 2 3 4 Lecture #1 5 6 using CSS Material using CSS literature During this, we will cover server side web with JavaServer Pages. JSP is an exciting technology that lets developers

Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for Web Designing Given below is the brief description for the course you are looking for: Web Designing with UI Designing

HTML Kit: A User Manual by Paul Strickberger HTML Kit User Manual Contents Introduction... 1 The Main Screen... 1 Displaying or Hiding Elements of the Screen...1 Getting Around the Main Screen... 3 The

Website Planning Checklist The following checklist will help clarify your needs and goals when creating a website you ll be surprised at how many decisions must be made before any production begins! Even

Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages

Web Editing Basics 2: Reference We will be using the sample pages as a reference point for this training. They can be found on the Web Policy site: http://www.umkc.edu/web-policy/downloads.asp TOPICS 1.

CMS Editor How-To Saving work in the CMS... 2 Edit an existing page... 2 Create a new page... 4 Create a side bar section... 4 Upload an image and add to your page... 5 Add an existing image to a Page...

Updating a Site in Drupal If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. You should be able to find your site at a URL similar to

Startup Guide Version 2.7 Installation and initial setup Your welcome email included a link to download the ORBTR plugin. Save the software to your hard drive and log into the admin panel of your WordPress

Specialized Programme on Web Application Development using Open Source Tools Objective: At the end of the course, Students will be able to: Understand various open source tools(programming tools and databases)

Checklist of Best Practices in Website An educational guide for anyone responsible for website performance and search engine optimization. Specialists in Direct & Digital Marketing Checklist of Best Practices

Using econtentmanager s ewebeditpro Editor econtentmanager comes with its own content editor, called ewebeditpro. With ewebeditpro, you can add and modify your page content with WYSIWYG ease-of-use. The

Google Sites: Site Creation and Home Page Design This is the second tutorial in the Google Sites series. You should already have your site set up. You should know its URL and your Google Sites Login and

How-to Guide: MIT DLC Drupal Cloud Theme This guide will show you how to take your initial Drupal Cloud site... and turn it into something more like this, using the MIT DLC Drupal Cloud theme. See this