Scribd
Upload
71 views6 pages

Unit-3: Style Sheets

Notes Internet and Web Technology

Uploaded by

computeroperator.nh309
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
71 views6 pages

Unit-3: Style Sheets

Notes Internet and Web Technology

Uploaded by

computeroperator.nh309
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 6

UNIT III: Style sheets : Need for CSS, introduction to CSS, basic syntax and structure, using CSS,

background images, colors and properties, manipulating texts, using fonts, borders and boxes,
margins, padding lists, positioning using CSS, CSS2, Overview and features of CSS3JavaScript :
Client side scripting with JavaScript, variables, functions, conditions, loops and repetition, Pop up
boxes, Advance JavaScript: Javascript and objects, JavaScript own objects, the DOM and web
browser environments, Manipulation using DOM, forms and validations, DHTML : Combining
HTML, CSS and JavaScript, Events and buttons.

1. Style sheets:
 Need for CSS,
 introduction to CSS,
 basic syntax and structure,
 using CSS,
 background images,
 colors and properties,
 manipulating texts,
 using fonts,
 borders and boxes,
 margins,
 padding lists,
 positioning using CSS,
 CSS2,
 Overview and features of CSS3
2. JavaScript:
 Client-side scripting with JavaScript,
 variables,
 functions,
 conditions,
 loops and repetition,
 Pop up boxes,

3. Advance JavaScript:
 JavaScript and objects,
 JavaScript own objects,
 the DOM and web browser environments,
 Manipulation using DOM,
 forms and validations,
4. DHTML:
 Combining HTML,
 CSS and JavaScript,
 Events and buttons.

UNIT III: Style Sheets and JavaScript

1. Explain about CSS and its advantages in brief. (CY May-2023) (CS 2020)

2. How will CSS improve the web page and website design layout? (CS Nov-2023)

3. What are the different ways of referencing colours in Cascading Style Sheet? Discuss. (AL
Nov-2023)

4. Explain embedded style sheet in detail. (CS 2020)


5. Describe the Classes in CSS. (CS June 2020)

6. Explain the properties and methods of objects in JavaScript with a suitable script. (CS Nov-
2023)

7. Write JavaScript for validating HTML Login Form by Using Regular Expressions. (AL Nov-
2023)

8. Explain about Document Object Model in JavaScript in details. (AL Nov-2023)

9. Write short notes on radio buttons and checkboxes object in JavaScript. (CY May-2023) (AD
2022) (CS 2020)

10. Write a JavaScript which displays the current date and time. (AD 2022) (CS 2020)

11. Explain the concept of object-oriented programming with PHP. (AD 2022) (CS June 2020)

12. Explain the different components of DTD with example. (CS 2020)

13. Explain in detail DOM event handling with an example of creating a context menu. (AD
2022) (CS June 2020)

14. Explain data binding in DHTML. (CS 2020)

15. How Frames and Layers uses in HTML? Explain with examples. (CS June 2020)

16. Discuss JAVA array object in details. (CS June 2020)

17. Write a function in JavaScript which displays a digital clock when the HTML page is loaded.
(CS June 2020)

18. Explain uploading of web page using web page editors. (CS 2020)

UNIT III: Style Sheets and JavaScript

1. Embedded style sheet (CS 2020)

2. Document object in JavaScript (CS 2020)

3. Features of CSS3 (CS 2020)

4. Form processing (CS 2020)

5. Email validation in JavaScript (CS June 2020)

6. Identifier in JavaScript (CS Nov-2022)

7. Client-side scripting and Server-side scripting (CS Nov-2023)

UNIT III: Style Sheets and JavaScript


Style Sheets
Need for CSS: CSS (Cascading Style Sheets) is essential for enhancing the presentation and layout of
web pages. It allows for the separation of content (HTML) from design, providing consistency, easier
maintenance, and faster page loading times.
Introduction to CSS: CSS is a stylesheet language used to describe the visual presentation of a
document written in HTML or XML. It enables designers to control the layout, colors, fonts, and
other styling elements of web pages.
Using CSS: CSS can be applied in three ways:
 Inline CSS: Directly within HTML elements using the style attribute.
 Internal CSS: Within a <style> tag in the <head> section of an HTML document.
 External CSS: Through a separate CSS file linked to the HTML document.
Background Images and Colors: CSS allows the use of background images and colors to enhance
the visual appeal of web pages.
Manipulating Text: CSS provides various properties to control text appearance, including alignment,
size, color, and spacing.
Using Fonts: CSS allows the use of different fonts, font sizes, and font styles to improve readability
and aesthetic appeal.
Borders and Boxes: CSS can style borders around elements and control box properties like margins
and padding to create visually appealing layouts.
Positioning Using CSS: CSS provides various positioning methods to place elements precisely on the
web page, including absolute, relative, fixed, and sticky positioning.
CSS2: CSS2 introduced advanced features like positioning, media types, and improved selectors,
enhancing the capability to style complex layouts.
Overview and Features of CSS3: CSS3 brought numerous enhancements, such as rounded corners,
shadows, gradients, transitions, and animations, allowing for more visually dynamic and interactive
web designs.
JavaScript
Client-Side Scripting with JavaScript: JavaScript is a powerful client-side scripting language that
enhances interactivity and functionality on web pages. It allows for dynamic content updates, form
validations, and user interactions without the need to reload the page.
Variables, Functions, Conditions, Loops, and Repetition: JavaScript provides a range of
programming constructs like variables for storing data, functions for modular code, conditional
statements for decision-making, and loops for repeating tasks.
Pop-Up Boxes: JavaScript can create pop-up boxes for alerts, confirmations, and prompts to interact
with users.
Advanced JavaScript:
JavaScript and Objects: JavaScript is an object-oriented language, allowing the creation of objects
to represent real-world entities and organize code more efficiently.
JavaScript's Own Objects: JavaScript comes with built-in objects like Date, Math, and Array,
providing a wide range of methods and properties to perform common tasks.
The DOM and Web Browser Environments: The Document Object Model (DOM) represents the
structure of web pages. JavaScript interacts with the DOM to manipulate elements, attributes, and
styles dynamically.
Manipulation Using DOM: JavaScript can change the content, structure, and style of web pages by
accessing and modifying DOM elements.
Forms and Validations: JavaScript can validate form inputs to ensure data integrity before
submission, enhancing the user experience and preventing errors.
DHTML: Combining HTML, CSS, and JavaScript
Events and Buttons: Dynamic HTML (DHTML) combines HTML, CSS, and JavaScript to create
interactive and dynamic web pages. Event handling in DHTML allows web pages to respond to user
actions like clicks and key presses, enhancing interactivity

UNIT III: Style Sheets and JavaScript


Q.1]. Explain about CSS and its advantages in brief. (CY May-2023)
(CS 2020)

Q.2]. How will CSS improve the web page and website design layout? (CS
Nov-2023)
Q.3]. What are the different ways of referencing colours in Cascading Style
Sheet? Discuss. (AL Nov-2023)

Q.4]. Explain embedded style sheet in detail. (CS 2020)

Q.5]. Describe the Classes in CSS. (CS June 2020)

Q.6]. Explain the properties and methods of objects in JavaScript with a


suitable script. (CS Nov-2023)

Q.7]. Write JavaScript for validating HTML Login Form by Using Regular
Expressions. (AL Nov-2023)

Q.8]. Explain about Document Object Model in JavaScript in details. (AL


Nov-2023)

Q.9]. Write short notes on radio buttons and checkboxes object in JavaScript.
(CY May-2023) (AD 2022) (CS 2020)

Q.10]. Write a JavaScript which displays the current date and time. (AD
2022) (CS 2020)
Q.11]. Explain the concept of object-oriented programming with PHP. (AD
2022) (CS June 2020)

Q.12]. Explain the different components of DTD with example. (CS 2020)

Q.13]. Explain in detail DOM event handling with an example of creating a


context menu. (AD 2022) (CS June 2020)

Q.14]. Explain data binding in DHTML. (CS 2020)

Q.15]. How Frames and Layers uses in HTML? Explain with examples. (CS
June 2020)

Q.16]. Discuss JAVA array object in details. (CS June 2020)

Q.17]. Write a function in JavaScript which displays a digital clock when the
HTML page is loaded. (CS June 2020)

Q.18]. Explain uploading of web page using web page editors. (CS 2020)

UNIT III: Style Sheets and JavaScript


8. Embedded style sheet (CS 2020)

9. Document object in JavaScript (CS 2020)

10. Features of CSS3 (CS 2020)

11. Form processing (CS 2020)

12. Email validation in JavaScript (CS June 2020)

13. Identifier in JavaScript (CS Nov-2022)

14. Client-side scripting and Server-side scripting (CS Nov-2023)

You might also like