ANIMATE 2025 is here! 2D/3D animation hackathon using Synfig Studio and Blender. For more details, Click here!

Web Layout in CSS - English

Play
Current Time 0:00
/
Duration Time 0:00
Remaining Time -0:00
Loaded: 0%
Progress: 0%
0:00
Fullscreen
00:00
Mute

This is a sample video. To access the full content,
please Login

2136 visits

  1. Report Missing Component
  2. Post your Question on the Forum
Outline:
Web Layout in CSS

  • About web layout
  • About header
  • Set heading as a header	
  • Set CSS properties for header
  • About menu bar
  • Set links as menu bar
  • Set CSS properties for menu bar
  • About content
  • Set paragraphs as content
  • Set CSS properties for content
  • About footer
  • Set some text as footer
  • Set CSS properties for footer
Width:846 Height:632
Duration:00:10:19 Size:5.2 MB

Show video info

Pre-requisite

Multi-column Layout in CSS

  Assignment

Code files

  • Web-Layout-Code-Files/
  • Web-Layout-Code-Files/Myweb.html
  • Web-Layout-Code-Files/webstyle.css

Script

Slides

  • Web-Layout-Slide/
  • Web-Layout-Slide/Web-Layout.tex
  • Web-Layout-Slide/Web-Layout.pdf
  • Web-Layout-Slide/1image.png
  • Web-Layout-Slide/spoken.png
  • Web-Layout-Slide/2image.png
  • Web-Layout-Slide/3image.png