FRONT AND END WEB TECHNOLOGY LAB PROGRAMS
personBATHULA PRAVEEN (BP)
January 25, 2022
LAB 1
Creating the following web
1. Welcome.html It explains about website (Hint: Heading the website (Preferable H1, Describe website) it includes minimum two paragraphs)
2. Aboutus.html (Hint: About owner of website)
3. Contact us. html
LAB 2
a. Create web pages for each course. Example cse.html (Hint: It contains Heading and List of subjects in tabular form) Example
b. Create Registration and Login forms Registration Form: It contains Student Name, Roll Number, Password, Gender, Email ID, Phone Number, opted course and languages known.
C ) . Login Form: It contains roll number as User ID, password, submit button and cancel button.
LAB 3
Apply CSS 3 on web-pages created on Lab 1 and Lab2. Make use of the selectors like class, id, html elements, pseudo classes and elements.
LAB 4
a. Apply validation on Registration and Login forms.
b. In contactus.html web-page add Google maps.
LAB 5
a. Design HTML5 web page by embedding Audio, Video elements.
b. Write HTML5 and JavaScript code to draw Arc, Circle, Rectangle and Triangle using Canvas
LAB 6
Bootstrap Concepts on Grid System, Menus.
LAB 7
Create index.html page and design it as shown in above screen (Hint: Use Bootstrap Grid System, Horizontal and vertical menus, footer, table etc.)
LAB 8
Write a jQuery code to make draggable Rectangle
LAB 9
Write jQuery code to demonstrate the usage of important options disabled, delay, distance and clone in the drag function of jQuery UI.
LAB 10
Write jQuery code to demonstrate three options addClass, disable and tolerance in the drop function of jQuery UI.
LAB 11
Write jQuery code to demonstrates the use of two options delay and distance of selectable () method.
LAB 12
a) Write jQuery code to demonstrate Accordion and Date Picker.
b) Write jQuery code to demonstrate Date Picker.
