WEBSITE DESIGNING

Paper Code: 
SEBI 101
Credits: 
4
Contact Hours: 
60.00
Max. Marks: 
100.00
12.00
Unit I: 

HTML Introduction: Introduction to HTML, HTML Versions, HTML web page structure, Heading, paragraphs, HTML Formatting, Quotations, comments, colors, images, tables, lists, block and inline elements, Iframes, HTML Links, The HTML5 DOCTYPE, migrating from HTML 4 to HTML5, Vision and Philosophy behind HTML5. What’s new in HTML5, browser support, coding conventions in HTML 5
Tables & Forms: Semantic elements:

,
12.00

Cascading Style Sheets: Cascading Style Sheets: Understanding Style Sheets, CSS Syntax and Applying Style Sheets to HTML document, Developing Style Sheets: inline, internal and external.

tag, Using class and ID, Styling Backgrounds, Styling borders, Styling Text, Styling Fonts, Styling Links, Styling Lists, Styling Tables, Margin.
Introduction to Client-Server Technologies: Introduction client-server technologies: comparison between client-side and server-side scripting. JavaScript: Introduction, Advantages of using JavaScript, Writing JavaScript in HTML, Basic Programming Techniques: Data Types and Literals, Creating variables, Operators (Arithmetic, Logical, Comparison, String and Assignment operator and special operators: delete, new and void) and Expressions in JavaScript. JavaScript Programming Constructs: Conditional checking (if-then-else statement), Loops (for loop and While loop)

PHP & Bootstrap: PHP: Introduction, Basic syntax, Inserting comments, Data types, Variables, Constants, Strings, Operators, Conditional statements and looping constructs. Introduction to Bootstrap: Creating first Web Page, Scripts and Styles, Core Concepts. Layout with Bootstrap.

12.00

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.
Introduction to image editing software: 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.

12.00

Toolbox: Selection Tools, Crop Tool, Slice Tool, Slice Select, Measuring Tools: Eyedropper, Color Sampler, Ruler, Note and Count. Retouching Tools, Brush Tools, Gradient and Paint Bucket. Palettes: History Palette, Action Palettes, Color, Swatches, Style, Adjustment Palette.
Drawing and Type Tools, Custom Shape, Using Filters, Lens Correction, Liquify, Vanishing Point, Printing: Printing with Color Management in Photoshop. Web Graphics: Slicing web pages, Modifying slice layout, HTML options for slices, Save for Web & Devices.
Video and Animation: Overview, Creating images for video, Importing video files and image sequences, Painting frames in video layers, Editing videos and animation layers, Creating frame animations with timeline, Previewing, Saving and exporting video and animation. Navigation and 3D Tools: 3D Object Rotate, 3D Object Roll, 3D Object Pan, 3D Object Slide, 3D Object Scale. 3D Rotate Camera, 3D Roll Camera, 3D Pan Camera, 3D Walk Camera, 3D Zoom Camera. Hand, Rotate View and Zoom.

Essential Readings: 

• Dane Cameron, “HTML 5, Java Script and JQuery,Cisdal Publishing; 2nd edition
• Thomas Powell, Fritz Schneider “JavaScript-The Complete Reference”, Tata McGraw Hill, Second Edition
• Ahuja, H.L. , Business Economics, S.Chand & Company,New Delhi

References: 

• Christopher Murphy, Divya Manian, Richard Clark ,Beginning HTML5 and CSS3: The Web Evolved, Apress, 1st edition
• Larry Ullman, “PHP 6 & MySQL 5, For Dynamic Websites” Peachpit Press.
• Jake Spurlock,”Bootstrap: Responsive Web Development”, O'Reilly Media
• Kevin L. Moss’ “Camera Raw with Photoshop® for Dummies”, Wiley Publishing, Inc., Indianapolis, Indiana.
• 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.

ACADEMIC YEAR: