DAY WISE TOPIC OF WEB DESIGNING

SR.
Day Content Date Remarks Sign
NO
PART-1
Chapter 1
Hypertext Markup Language (HTML)
1 Day-1-2 Cascading style sheets (Css)
Javascript/DOM scripting
server-side programming
Day-1 Practical
Day-2 Practical
Chapter 2
A Word About Browsers
Web Page Addresses (URLs)
Day-3-4 The Anatomy of a Web Page
HTML documents
A quick introduction to HTML markup
Putting It All Together
Day-3 Practical
Day-4 Practical
Chapter 3
A Dizzying Multitude of Devices
sticking with the standards
Progressive Enhancement
Day-5-6 Authoring strategy
Styling strategy
Scripting strategy
Responsive Web Design
One Web for All (Accessibility)
The Need for speed (site Performance)
Day-5 Practical
Day-6 Practical
PART-2
Chapter 4
Creating Simple Page((HTML Overview))
A Web Page, step by step
Before We Begin, Launch a Text Editor
step 1: start with Content
Day-7-8 step 2: Give the Document structure
step 3: Identify Text Element
step 4: Add an Image
step 5: Change the Look with a style sheet
When Good Pages Go Bad
Validating Your Documents
Day-7 Practical
Day-8 Practical
Chapter 5
MarkIng uP text
Paragraphs
Day-9- Headings
Lists
11
Unordered lists
Ordered lists
Description lists
More Content Elements
 Long quotations
Preformatted text
Figures
Organizing Page Content
sections and articles
Aside (sidebars)
Navigation
Headers and footers
Addresses
The Inline Element Roundup
Text-level (inline) elements
Adding Breaks
Divide it up with a div
Get inline with span
id and class attributes
Generic Elements (div and span)
Putting It All Together
Day-9 Practical
Day-10 Practical
Day-11 Practical
Chapter 6
ADDIng lInks
The href Attribute
Absolute URLs
Relative URL
Linking to Pages on the Web
Linking Within Your Own site
Linking within a directory
Linking to a lower directory
Day-12-
Linking to a higher directory
14
site root relative pathnames
Linking to a specific point in a page
Linking to a fragment in another document
Targeting a New Browser Window
A new window with markup
Pop-up windows
Mail Links
Telephone Links

Day-12 Practical
Day-13 Practical
Day-14 Practical
Chapter 7
ADDIng Images
First, a Word on Image Formats
Day-15- The img Element
Providing the location with src
17
Providing alternate text with alt
Providing width and height dimensions
A Window in a Window
Element Review: Images
Day-15 Practical
Day-16 Practical
Day-17 Practical
 Chapter 8
table markup
Minimal Table structure
Table Headers
Day-18- spanning Cells
Column spans
20
Row spans
Table Accessibility
Describing table content
Connecting cells and headers
Wrapping Up Tables
Day-18 Practical
Day-19 Practical
Day-20 Practical
Chapter 9
Forms
How Forms Work
From data entry to response
The form Element
The action attribute
Day-21- The method attribute
23 Variables and Content
The name attribute
Naming your variables
The Great Form Control Roundup
Text entry controls
specialized text entry fields

Day-21 Practical
Day-22 Practical
Day-23 Practical
PART-3
Chapter 11
CasCaDIng stYle sheets orientation
The Benefits of Css
How style sheets Work
1. Marking up the document
Day-24- 2. Writing the rules
28 3. Attaching the styles to the document
The Big Concepts
Inheritance
The box model
Grouped selectors
Moving Forward with Css
Day-24 Practical
Day-25 Practical
Day-26 Practical
Day-27 Practical
Day-28 Practical

Day-29- Chapter 12
formatting text
33 The Font Properties
specifying font size
Font weight (boldness)
Font style (italics)
Font variant (small caps)
The shortcut font property
Changing Text Color
A Few More selector Types
Descendant selectors
ID selectors
Class selectors
specificity 101
Text Line Adjustments
Underlines and Other Decorations
Changing Capitalization
spaced Out
Text shadow
Changing List Bullets and Numbers
Day-29 Practical
Day-30 Practical
Day-31 Practical
Day-32 Practical
Day-33 Practical
Chapter 13
Colors anD baCkgrounDs
specifying Color Values
Color names
RGB color values
RGBa color
Foreground Color
Background Color
Playing with Opacity
IntroducingPseudo-class selectors
Day-34- Attribute selectors
Background Images
37
Adding a background image
Controlling tiling direction
Background position
Background attachment
Multiple backgrounds
Like a Rainbow (Gradients)
Linear gradients
Radial gradients
Introducing vendor prefixes
Designing gradients
External style sheets
Day-34 Practical
Day-35 Practical
Day-36 Practical
Day-37 Practical

Day-38- Chapter 14
thInkIng InsIDe the box (Padding, Borders, and Margins)
41 The Element Box
specifying Box Dimensions
The border-box model
specifying height
Handling overflow
Padding
Borders
Border width (thickness)
Border color
Combining style, width, and color
Rounded corners with border-radius
Picture-perfect borders
Margins
Adding Drop shadows to Boxes
Day-38 Practical
Day-39 Practical
Day-40 Practical
Day-41 Practical
Chapter 15 - floatIng and PosItIonIng
Day-42- Floating
Clearing floated elements
43
Positioning Basics, Relative Positioning, Absolute Positioning,
specifying position, Fixed Positioning
Day-42 Practical
Day-43 Practical

Chapter 16 - Page laYout WIth Css

Day-44- Page Layout strategies, Page Layout Techniques
45 Multicolumn Layouts Using Floats, Positioned Layout
Top-to-Bottom Column Backgrounds
Day-44 Practical
Day-45 Practical
Chapter 17 - TransItIons, transforms, anD anImatIon
transItIons, transforms, anD animation, Ease-y Does It (Css Transitions)
specifying the property, transition-duration
transition-timing-function, transition-delay
Day-46- The shorthand transition property, Applying multiple transitions
48 A transition for all occasions, Css Transforms
Transforming the angle (rotate), Transforming the position (translate)
Transforming the size (scale), Making it slanty (skew)
Applying multiple transforms, smooooooth transforms
3-D transforms, Keyframe Animation, Adding animation properties
Day-46 Practical
Day-47 Practical
Day-48 Practical
Chapter 18 - Css teChnIques
Css sprites, styling Forms
Day-49- Button inputs, Radio and checkbox buttons
Drop-down and select menus, Fieldsets and legends
51
styling Tables, separated and collapsed borders
Empty cells, border-collapse, border-spacing
Basic Responsive Web Design, Fluid layouts
 Making images flexible, Media query magic, The tricky bits
Day-49 Practical
Day-50 Practical
Day-51 Practical
Day-52 PART-4
Chapter 19 - IntroDuCtIon to JavasCrIPt
What Is Javascript?, Adding Javascript to a Page
Day-52- The Anatomy of a script, The basics
Variables, Data types, Arrays, If/else statements
55
Loops, Functions, Variable scope and the var keyword
The Browser Object, Events, As an HTML attribute
As a method, Add Event Listener, Putting It All Together
Day-52 Practical
Day-53 Practical
Day-54 Practical
Day-55 Practical
Chapter 20 - usIng JavasCrIPt
Accessing DOM nodes
getElementsByTagName()
getElementById(), getElementsByClassName()
Day-56- querySelectorAll(), getAttribute()
60 Manipulating nodes, setAttribute()
InnerHTML. Style, Adding and removing elements
createElement(), createTextNode(), appendChild()
insertBefore(), replaceChild(), removeChild()
Polyfills, Javascript Libraries
Day-56 Practical
Day-57 Practical
Day-58 Practical
Day-59 Practical
Day-60 Practical
PART-5
Chapter 21 - Web graPhICs basICs
Image sources
Day-61- Image Formats
Image size and Resolution
62
Working with Transparency
Introduction to SVG
summing Up Images
Day-61 Practical
Day-62 Practical
Chapter 22 - lean anD mean Web graPhICs
Day-63- General Image Optimization strategies
64 Optimizing GIFs
Optimizing JPEGs
Day-63 Practical
Day-64 Practical