Course Title: Internet Web Technology

Teacher

Geeti darshani panigrahi

Core Courses

Description
Teachers
Attendees
Reviews

Course Attendees

Still no participant

Course Reviews

Still no reviews

Course Code: CUTM2488(1-4-1)

Course Objectives

Choose best technologies for solving web client/server problems.
Create conforming web pages.
Use JavaScript for dynamic effects.
Use JavaScript to validate form input entry.
Use appropriate client-side or Server-side applications.

Course Outcomes

COs	Course outcomes	Mapping COs with POs (High-3, Medium-2, Low- 1)
CO1	Able to gain knowledge on Internet,Websites,client Server model	PO1 (3)
CO2	Ability to design HTML Web pages	PO2(3)
CO3	Ability to develop the web pages by using XHTML,CSS,Javascript and JQuery.	PO3 (3), PO5(1)

Evaluation system

As per the University Norms

Topic wise distribution period

Sl. No	Topics	Hours
1	Web development introduction	7
2	Introduction to HTML	15
3	CSS	13
4	JavaScript	24
5	jQuery	10
Total		72

Course Syllabus

Module-I: Web development introduction (10hr)

Internet, Internet protocols (TCP/IP, UDP, HTTP) Browser, WWW, Search engine, Client server architecture, URL, Webpages, Websites and webservices

PPT regarding: Web Development

Module-II:HTML (15hr)

Basics: HTML introduction, HTML editor, HTML basics and documents, HTML Tags and Attributes, Types of HTML Tags, Basic Tags (HTML Tag. Head Tag, Title Tag, Body Tags).

Page formatting: Adding a new Paragraph, adding a line break, inserting a blank space, changing page background.

Text Formatting: Html Headings, Formatting elements (Bold text, Important text, Italic text, deleted text, Inserted text, Subscript text, Superscript Text), Comments, Horizontal Lines.

Creating Lists (Ordered List, Unordered Lists, Definition Lists)

HTML Tables: Table borders, sizes, Table headers, Padding and spacing, colspan and rows pan, Table styling and col group.

Others: Images, Text link, Image link, HTML forms, Frames and XHTML.

PPT regarding: HTML

Practice

Write a program in create a HTML page, which has properly aligned paragraphs with image along with it.
Create a table to show your class timetable
Use tables to provide layout to your HTML page describing your college use <span> and <div> tags to provide a layout to the above page instead of a table layout.
Create a HTML page by using basic HTML Tags, Table Tags, List Tags, Image Tags, Forms.
create a webpage HTML describing your department use paragraph and list tags. Apply various colours to suitably distinguish keywords, also apply font styling like italics, underline and two other fonts to words you find appropriate, also use header tag.
Create your resume using HTML tags also experiment with colors, text , link , size and also other tags you studied.
Create links on the words means when click on that word it will move to other pages.
Insert an image and create a link such that clicking on image takes user to other page
Change the background colour of the page. At the bottom create a link to take the user top of the page.
Create a webpage with HTML describing your department use paragraph and list tag.
Use frames such that page is divided into 3 frames 20% on left to show contents of pages, 60% in centre to show body of page, remaining on right to show remarks.
Embed audio and video into your HTML webpage.

Module -III : CSS( 13hr)

Introduction, Benefits of CSS, CSS Syntax, CSS selector(Class selector,Id selector, Grouping selector,Universal selector), External style sheet, internal stylesheet, inline style sheet,and the class selector , div and span tags , CSS properties( background-image,background -color, border style, height, width , text align) box model in CSS(margin, border, padding ) Positioning using CSS.

PPT regarding: CSS

Practice:

Design a web page of your home town with an attractive background color, text color, an Image, font etc. (use internal CSS).
Write an HTML page that contains a selection box with a list of 5 countries, when the user selects a country, its capital should be printed next to the list; Add CSS to customize the properties of the font of the capital (colour, bold and font size).
Use External CSS to format your class timetable as you created.
Use Inline CSS to format your resume that you created.
Use External, Internal, and Inline CSS to format college web page that you created.
Design a web page using CSS (Cascading Style Sheets) which includes the following: a) Use different font, styles: In the style definition you define how each selector should work (font, colour etc.). Then, in the body of your pages, you refer to these selectors to activate the styles.

Module -IV : Javascript(24hr)

Javascript introduction, Javascript object model, Variables, Datatypes, Operators, Control flow(if-else, for loop, while loop, do-while loop),Type conversion, Popup boxes ,Functions, Arrays,Strings,Javascript classes and object,Document object model,HTML events and calling javascript functions on events,Accessing HTML form elements, Email and password validations.

PPT regarding: Javascript

Practice:

How to add javascript to HTML.
Write a JavaScript program to find out factorial of a number.
Write a program to find out the perimeter and area of a circle using JavaScript.
Write a program in JavaScript to check whether the number is even or odd.
Write a program in JavaScript to check whether the number is palindrome or not.
Write a program in JavaScript to calculate the days by entering two dates.
Write a program in JavaScript to calculate the age from date of birth.
How to create dropdown list using JavaScript.
How to disable radio button using JavaScript.
Create a JavaScript calculator using HTML , CSS, and JavaScript.
Write a java script program to test the first character of a string is uppercase or not.
Write a java script function to print an integer with commas as thousands of separators.
Write a java script for loop that will iterate from 0 to 15 for each iteration, it will check if the current number is odd or even, and display a message to the screen.
Write a java script program which compute, the average marks of the following students then this average is used to determine the corresponding grade.
Write a java script program to sum the multiples of 3 and 5 under 1000
Create a “registration form “with the following fields
a) Name (Text field)
b) Password (password field)
c) E-mail id (text field)
d) Phone number (text field)
e) Sex (radio button)
f) Date of birth (3 select boxes)
g) Languages known (check boxes – English, Telugu, Hindi, Tamil)
h) Address (text area)

Write JavaScript to validate the following fields of the above registration page.

Name (Name should contains alphabets and the length should not be less than 6 characters).

Password (Password should not be less than 6 characters length).

E-mail id (should not contain any invalid and must follow pattern name@domain.com) Phone number (Phone number should contain 10 digits only).

How to make a popup using HTML, CSS, and JavaScript.

Module -V : jQuery(10hr)

jQuery concept, Adding jQuery to webpages, jQuery selector, jQuery event methods, jQuery effects(hide/show, fade, slide) Insertion of header/footer in HTML pages using jQuery.

PPT regarding: jQuery

Practice: