CMS & Graphics

Paper Code: 
24SDMK 101
Credits: 
6
Contact Hours: 
12.00
Max. Marks: 
100.00
Objective: 

This course will enable the students to create static webpages and edit photos and artwork in digital format.

Course Outcomes: 

Course

Learning outcomes

(at course level)

Learning and teaching strategies

Assessment

Strategies

Course  Code

Course  Title

24SDMK101

CMS & Graphics

 (Practical)

 
  • CO 19: Analyze concepts of formats of digital images and apply various tools of image editing software.
  • CO 20: Create video and animation and apply toolbox options in photo shop for web graphics
  • CO 21: Model a plan for web site designing using technical aspects.
  • CO 22: construct website and blogs

 

  • CO 23: Create website using plug-ins and performing functions
  • CO 24: Contribute effectively to course-specific interaction

 

Class lectures

Seminars

Tutorials

Group discussions and Workshops

Question preparation, Seminar presentation, Group tasks

 

 

Class test, Semester end examinations, Quiz, Solving problems in tutorials, Assignments, Presentation, Individual and group projects

 

 

 

36.00
Unit I: 
Basic Concepts of Images

Digital Images and digital image representation format- TIFF, BMP, JPG/JPEG, GIF, PNG, PDF, PSD. Importance of file formats. Bitmap Images and Vector Graphics, Image Size and Resolution, creating new Images, Scanning, Import & Export, Setting up resolution, size. File formats of images: Image preview, Bitmap, Gray Scale and color options.
Toolbox: Selection Tools, Crop Tool, Slice Tool

36.00
Unit II: 
Introduction to image editing software:

(36 Hours)
Creating, Opening, Saving files. Presets for a new file, Workspace Overview, Layers: Create Layers, adding a name to the layers, Dragging and Pasting selections on the layers, dragging layers between files, Viewing and Hiding layers, editing layers, Copying, Duplicating and Moving layers, deleting layers, Merging layers, Preserving layers' transparency, Layer modes, Blending options, Using adjustment layers. Masks: Creating a quick mask, editing masks using quick mask mode.
Toolbox: Retouching Tools: Stamp tool, Spot Healing Brush Tool, Patch Tool, Brush Tools, Gradient and Paint Bucket. Type Tool, Palettes: History Palette, Action Palettes, Color, Swatches, Style, Adjustment Palette, Filters.

36.00
Unit III: 
HTML:

Introduction to html, html web page structure, the HTML 5 DOCTYPE. Heading, paragraphs, HTML Formatting, comments.
Cascading style sheets: Understanding style sheets, CSS syntax and applying style sheets to html document,
Developing style sheets: inline, internal and external.
HTML: images, tables, lists, block and inline elements, iframes, html links.
Website Planning and development, Types of websites, Understanding Domain and Webhosting

36.00
Unit IV: 
Semantic Elements:

,
36.00
Unit V: 
Box Model

Box Model, CSS Dimension,

tag, using class and ID, Styling Backgrounds, Styling borders, Styling Text, Styling Fonts, Styling Links, Styling Lists, Styling Tables, Margin, padding.

Essential Readings: 

• Martin Evening’ “Adobe Photoshop CC for Photographers: A professional image editor's guide to the creative use of Photoshop for the Macintosh and PC”, Focal Press, First published 2014.
• Elaine Weinmann, Peter Lourekas’ “Photoshop CS6: Visual Quick Start Guide”, Kindle Edition, Peachpit Press, June 15, 2012.

References: 

Suggested Readings:
• L. Young, “Internet Complete Reference”, TMH
• Mahapatra & Sinha, “Essentials of Information Technology”, Dhanpat Rai Publishing

e-RESOURCES:
• https://www.youtube.com/watch?v=un50Bs4BvZ8
• https://www.youtube.com/watch?v=zJSgUx5K6V0

Academic Year: 
2024-2025
  • Printer-friendly version
  • PDF version