Practical List - Static Webpage Design 4311603 [ PRACTICAL EXERCISES ]

Unit 1: Introduction to HTML - Practical Exercises  

---

Practical 1. 

Create an HTML page to Provide an introduction to the Computer department/Institute using HTML all formatting tags. [  HTML text formatting tags to create web page ]

Sample OUTPUT: 

File name: index.html

Click to Get the Solution [ HTML text formatting tags]

Practical 2:
Use hyperlink tag to navigate through different web pages as per the given sample.
- Hint :
Create four HTML pages: index.html(file from practial1), computer.html, mechanical.html, and civil.html, and put all files in one folder.
- Sample Output:

Click to Get the Solution [ Hyperlink tag <a> tag]

Practical 3:
Use HTML table tags and Image tags to create a web page as per the given sample.
- Hint :
Create or use computer.html file (from practical 2)
- Sample Output:

Click to get Solution -  <table> and <image> tags 

---

Unit 2: advanced HTML - Practical Exercises  

---

Practical 4:
Using an ordered list, unordered list, and definition list create a web page as per the given sample. [ <ol>, <ul>, <dl> ] 

Click to get Solution -  HTML List tags 

Practical 5:
Using semantic tags( HTML5 Layout Elements) create HTML Page  to organize webpage element.

Click to get Solution -  HTML5 Layout tags 

Practical 6:

Create a student registration webpage using different HTML form elements. 

Sample Output:

Click to get Solution -  HTML Form

UNIT 3: Working with Kompozer - Practical Exercises  

---

List

Unit 4: cascading style sheets (CSS) - Practical Exercises  

---

Practical 8:

Use inline, internal and external style sheets for the student registration form created in previous practical.

Sample Output:

Click to get Solution -  HTML Form

UNIT 5: javascript - Practical Exercises  

---

Practical 11:

Use JavaScript to find the highest from given three values.

Click to get Solution - Find the Greatest Number from the given Number

Practical 12:

Use JavaScript to check whether entered character is a vowel or consonant using if else ladder.

Click to get Solution - check whether entered character is a vowel or consonant

Practical 13:

Use JavaScript to check whether entered character is a vowel or consonant using switch case.

Click to get Solution - check whether entered character is a vowel or consonant using switch case

Practical 14:

Use JavaScript and HTML to print first 10 even numbers.

Click to get Solution - Use JavaScript and HTML to print first 10 even numbers.

Practical 15:

JavaScript and HTML code to calculate power of given number 

Click to get Solution - JavaScript and HTML code to calculate power of given number 

Practical 16:

JavaScript and HTML code to print multiplication table of given number 

Click to get Solution - JavaScript and HTML code print multiplication table of given number 

Practical 17:

JavaScript and HTML code to print the sum of 1 to n number 

Click to get Solution - JavaScript and HTML code print sum of 1 to n number

Practical 18:

JavaScript and HTML code to check whether a given number is prime or not 

Click to get Solution - JavaScript and HTML code to check whether given number is prime or not