0% found this document useful (0 votes)
3 views30 pages

Adp Labmanval

The document is a record work submission from K. Janarthanan, a B.E ECE student at Sri Krishna College of Engineering and Technology for the academic year 2025-2029. It outlines various experiments related to web development, including creating responsive web pages, enhancing web elements with CSS, JavaScript form validation, and dynamic webpage creation using DOM manipulation. Each experiment includes aims, procedures, coding examples, and results, demonstrating the application of HTML, CSS, and JavaScript.
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
0% found this document useful (0 votes)
3 views30 pages

Adp Labmanval

The document is a record work submission from K. Janarthanan, a B.E ECE student at Sri Krishna College of Engineering and Technology for the academic year 2025-2029. It outlines various experiments related to web development, including creating responsive web pages, enhancing web elements with CSS, JavaScript form validation, and dynamic webpage creation using DOM manipulation. Each experiment includes aims, procedures, coding examples, and results, demonstrating the application of HTML, CSS, and JavaScript.
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
)) SRI KRISHNA COLLEGE OF ENGINEERING AND TECHNOLOGY AnAdenameusintaion/Aporovedby AICTE Aid io Anna very |Acredidby NAAC ih Avs Grade uname, Combaore 681008 i hone; (042242672001 (7 Line) | Ema nfo@ekcet. abn | Website: www skeet ein DEPARTMENT OF ELECTRONICS AND COMMUNICATION ENGINEERING RECORD WORK Submitted by Name : K. JANARTHANAN. Register No. : 25EC355 Degree & Branch: B.E ECE Year & Semester : 1&ll Academic Year : 2025-2029 \)) CI ‘SRI KRISHNA COLLEGE OF ENGINEERING AND TECHNOLOGY Nu Afflited to Arma An AfonemousIstivion| Approved Al credtedy Kuniamathur, Coimbatore ~ 6 CI Phone ; (0422}-2678001 (7 Lines) | Email: info@[Link] | Website: [Link] in DEPARTMENT OF ELECTRONICS AND COMMUNICATION |GINEERING ED Submitted by Name : K. Janarthanan. Register No. : 25EC355, Degree & Branch: B.E ECE Year & Semester: IT BONAFIDE CERTIFICATE This is to certify that this record is the Bonafide record of work done by Mr. [Link] during the academic year 2025 — 2029. FACULTY IN-CHARGE HEAD OF THE DEPARTMENT Submitted for the practical examination held on INTERNAL EXAMINER EXTERNAL EXAMINER INDEX EXP. NO. EXPERIME! MARKS URE Create a responsive web page with a registration form using HTMLS, CSS3, and Bootstrap grid system, Enhance web elements with CSS: Shadows, Rounded Borders, and Multiple Backgrounds Implement a CSS grid-based layout to ereate a responsive web page. Implement a JavaScript-based form validation 4. | for user input fields (email, password, ete.). Develop a dynamic webpage using JavaScript 5. | and DOM manipulation. 6 Work with APIs and fetch data asynchronously using JavaScript. Work with APIs and fetch data asynchronously 7. | using JavaScript. g, | Write a Linux shell script to automate file "| management tasks. 9, | Schedule background jobs using Linux cron and batch seripting 10, | Perform Git version control operations: cloning, | committing, branching, and merging, Collaborate on a project using GitHub: 11. | Forking, pull requests, and resolving merge conflicts. XNO:1 Creating a Responsive Registration Form using HTMLS, CSS3 and Bootstrap Grid Date: AIM: To perform the experiment titled ‘Creating a Responsive Registration Form using HTMLS, and Bootstrap Grid! and verify the output. PROCEDURE: Step 1: Open a suitable development environment such as VS Code or any text editor. Step ‘reate the required source file for the experiment. Step 3: Write the program according to the objective of the experiment, Step ave the file with the appropriate extension. Step 5: Execute the program in the respective environment or browser. Step 6: Observe the output and verify whether the expected result is obtained. CODING:

WELCOME TO IRON MAN WORLD...!

>NAME:GENDER:

MALE:

FEMALE:

color:

DATE:

PH NUMBER:

PASSWORD:

I agree to all access

OUTPUT: RESULT: ‘Thus, the program for creating the webpage with a registration form using HTMLS, CSS3 and Bootstrap Grid is executed and the output is verified. EX NO : 2 Enhancing Web Elements using CSS Shadows, Rounded Borders and Backgrounds Date: AIM: To perform the experiment titled ‘Enhancing Web Elements using CSS Shadows, Rounded Borders and Backgrounds’ and verify the output. PROCEDURE: Step 1: Open a suitable development environment such as VS Code or any text editor. Step 2: Create the required source file for the experiment. Step 3: Write the program according to the objective of the experiment. Step 4: Save the file with the appropriate extension. Step 5: cute the program in the respective environment or browser. Step 6: Observe the output and verify whether the expected result is obtained. CODIN ni text-shadow: 2px. Spx Spx rgb(25, 225, 49); } not width: 200px; height: 100px; background: rgb(200, 230, 173); box-shadow: Spx Spx 10px rgb(196, 7, 7); text-align: center; line-height: 100px; object-fit: cover; }.image- width: 700px; height: 500px; -container{ border: Spx solid blue; border-radius: 20px; overflow: hid; } .image-container img( width: 100%; height: 100%;

WELCOME.....! “Mn2> OUTPUT: RESULT: Thus, the webpage elements were successfully enhanced using CSS properties such as d shadows, rounded borders, and multiple background styles, and the output was ve EXNO:3 Creating Responsive Layout using CSS Grid Date: AIM: To perform the experiment titled ‘Creating Responsive Layout using CSS Grid! and verify the output. PROCEDURE: Step 1: Open a suitable development environment such as VS Code or any text editor. Step 2: Create the required source file for the experiment. Step 3: Write the program according to the objective of the experiment. Step 4: Save the file with the appropriate extension. Step 5: Execute the program in the respective environment or browser. Step 6: Observe the output and verify whether the expected result is obtained. CODING JTF-8"> Responsive CSS Grid Experiment