Course Title: Computer Multimedia & Animation

Course code: 21BCA4C11CAL Total Contact Hours: 42

Course Credits: 03 Formative Assessment Marks: 40

Duration of SEE/Exam: 02 Hours Summative Assessment Marks: 60

DSC11: Computer Multimedia & Animation

1. Web Design: Origins and evolution of HTML, Basic syntax, Basic text markup, Images, Lists, Tables, Forms, Frame, Overview and features of HTML5. CSS: Introduction, Levels of style sheets, Style specification formats, Selector forms, Property value forms, Font properties, List properties, Color, Alignment of text, The <span> and <div> tags; Overview and features of CSS3. JavaScript: Object orientation and JavaScript; General syntactic characteristics; Primitives, operations, and expressions; Screen output and keyboard input.

Unit Note: Click Here

2. Animation: What is an Animation? The Start and End States, Interpolation, Animations in HTML. All About CSS Animations, Creating a Simple Animation, Detailed Look at the CSS Animation Property, Keyframes, Declaring Multiple Animations, Wrap-up. All About CSS Transitions, Adding a Transition, Looking at Transitions in Detail, The Longhand Properties, Longhand Properties vs. Shorthand Properties, Working with Multiple Transitions.

Unit Note: Click Here

3. HTML5 – SVG: Viewing SVG Files, Embedding SVG in HTML5, HTML5 − SVG Circle, HTML5 − SVG Rectangle, HTML5 − SVG Line, HTML5 − SVG Ellipse, HTML5 − SVG Polygon, HTML5 − SVG Polyline, HTML5 − SVG Gradients, HTML5 − SVG Star.

Unit Note: Click Here

4. HTML5 – CANVAS: The Rendering Context, Browser Support, HTML5 Canvas Examples, Canvas - Drawing Rectangles, Canvas - Drawing Paths, Canvas - Drawing Lines, Canvas - Drawing Bezier Curves, Canvas - Drawing Quadratic Curves, Canvas - Using Images, Canvas - Create Gradients,

5. HTML5 - Styles and Colors, Canvas - Text and Fonts, Canvas - Pattern and Shadow, Canvas - Save and Restore States, Canvas - Translation, Canvas - Rotation, Canvas - Scaling, Canvas - Transforms, HTML5 Canvas Composition, Canvas – Animations.

Unit 4 and 5 Note: Click Here

Complete Notes: Click Here

References:

1. The Complete Reference HTML and CSS, 5th Edition, Thomas A Powell, 2017.

2. Animation in HTML, CSS, and JavaScript, Kirupa Chinnathambi, 1st Edition Createspace Independent Pub, 2013.

3. https://www.w3.org/Style/CSS/current-work#CSS3

4. http://bedford-computing.co.uk/learning/cascading-style-sheets-css/

LAB:

Programs for Practical Component:

1. Write a HTML program to illustrate basic text markup tags.

2. Write the HTML program to illustrate Table tags.

3. Write HTML program to create an application form for student admission