Scribd
Upload
54 views8 pages

Syllabus and Weekly Teaching Plan of Web Programming-I (Web Fundamentals)

This document outlines the syllabus and weekly teaching plan for a Web Programming I course. The course introduces students to web fundamentals like HTML, CSS, and designing basic static websites. It covers topics across 16 weeks, including web basics, HTML elements, forms, multimedia, CSS styling, flexbox, and culminates in a minor project. Evaluation includes assignments, quizzes, exams, and a mini project.

Uploaded by

asad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
54 views8 pages

Syllabus and Weekly Teaching Plan of Web Programming-I (Web Fundamentals)

This document outlines the syllabus and weekly teaching plan for a Web Programming I course. The course introduces students to web fundamentals like HTML, CSS, and designing basic static websites. It covers topics across 16 weeks, including web basics, HTML elements, forms, multimedia, CSS styling, flexbox, and culminates in a minor project. Evaluation includes assignments, quizzes, exams, and a mini project.

Uploaded by

asad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

‫لوړو زده کړو وزارت‬

‫پوهنتون‬ ‫خراسان‬
‫پوهنځي‬ ‫کمپيوټرساينس‬
‫کورس پاليسي‬

Syllabus and Weekly Teaching Plan of Web Programming-I ( Web Fundamentals )


University: ( Khurasan University
Faculty: (Computer Science)
Department: (IT & Networks)
Code No: ( CS125)

Credits: (3)
Category: (Professional)
Prerequisite: (None)
Semester: (2nd)
Short description of the subject:
This Subject will introduce you to the realm of web design. The first and necessary step for
achieving that goal is to understand how HTML works, and then we will proceed to more
advanced and complicated structures and concepts of web design, such as CSS and layout
control.
Learning objectives:
By learning this course the student should be able to:
• will learn the basic concepts of the Internet, web pages, markup
• Students will come away with the ability to create simple web pages and websites
that contain basic user interface components such as forms, tables, list and
paragraphs.

Expected outcomes:
By completing this course the students should be able to:
• Discover how does web works really, what makes web sites work
• Create web elements like buttons, banners & Bars and of course complete UI
designs.
• Define webpage/website layout
• Design webpage/websites
• Design a static website

Teaching and learning methods


• Class Lecture
• Small Group discussion
• Oral presentation
• Small Project
Evaluation methods
➢ Assignment 5
➢ Quiz 5
➢ Midterm exam 20
➢ Mini project 10
➢ Final term exam 60

• Syllabus (headings and subheadings)


Chapter one: Web fundamentals:

• Internet
• Webpage/website
• Domain
• URL
• Web browser
• Editor
Chapter two: Basic elements:

• HTML Basic elements


• Headings
• Paragraphs
• Links
• Lists
• Images
• Tables
Chapter three: HTML Forms:

• HTML Form Elements


• Text fields
• Buttons
• Checkbox
• Radio button
• Date picker
• Color picker
Chapter four: HTML Multimedia:

• Video
• Audio Plug in
Chapter five: CSS:

• CSS introduction
• Style sheets
• Selectors
• Colors
• Borders
• Spacing
• Box model
• Positioning
Chapter six: CSS Flexbox:

• CSS Flex Container


• CSS Flex Items
• CSS Flex Responsive Chapter seven: project:
• Designing a sample static website
Weekly Teaching Plan
Weeks Content Weekly Theory Practical
teaching
hours

First week Chapter one: Web 3 2 1


fundamentals:

• Web Designing
• Introduction
• WWW, Network,
Internet, Intranet,
Extranet, Internet
Basics: Website,
Webpage
• Web Application
Second week • Web Server, Web 3 2 1
Browser, URL,
Domain, Domain
Name, Space, ISP,
Protocol
• HTML Basics
• Introduction,
Syntax, Webpage
Construction,
Elements
Third week Chapter two: Basic elements: 3 2 1

heading, paragraph,
line break, horizontal
ruler. Attributes
Fourth week • HTML basic styling, 3 2 1
• Colors
• Formatting

Quotations.
Fifth week • Links 3 2 1
• Images
• Tables
• List
• Block &
inline element.

Sixth week • Iframe 3 2 1


• Head tag
• semantic elements
• entities
• symbols

Seventh week Chapter three: HTML Forms: 3 2 1

HTML Forms
elements
Eighth week Chapter four: HTML 3 2 1
Multimedia:

HTML Graphics and


Media (Video, Audio,
Plug-in,
YouTube)
Ninth week Chapter five: CSS: 3 2 1

• CSS Basics
• Where to put CSS
code, Syntax,
Selectors
Styling Text.
• Styling Fonts.

• Styling Links.
• Styling Lists
• Styling Tables
Tenth week • CSS Background 3 2 1
• Border, Margin
• Padding
• Width/Height

Eleventh • CSS BOX Model 3 2 1


week
• CSS Box Model
• CSS Border CSS
Outline CSS Margin.
• CSS Padding

Twelfth week • CSS Display 3 2 1


• Position
• Overflow
• Float
• Inline-Block
Thirteenth • CSS Combinatory 3 2 1
week
• Pseudo-classes
• Pseudo-elements
• Opacity

Fourteenth • CSS Gradients 3 2 1


week
• Transform
• Transitions
Fifteenth Chapter six: CSS Flexbox: 3 2 2
week
CSS Flex Container
• CSS Flex Items
• CSS Flex
Responsive
Sixteenth Chapter seven: project: 3 2 2
week
Minor Project

References
Main sources a. Thomas A. Powel , HTML the Complete Reference,
McGraw Hill
b. Sams Teach Yourself HTML, CSS, and JavaScript All
in One
Secondary www.w3schools.com www.mdn.com
sources

You might also like