Scribd
Upload
71 views7 pages

Outline For Web Development Course

The HTML and CSS course syllabus covers 16 modules to teach students how to use HTML for webpage structure and CSS for presentation. Key topics include HTML tags, lists, images, links, and forms, as well as CSS selectors, fonts, text formatting, boxes, tables, and floats. The goal is for students to gain a basic understanding of HTML and CSS and be able to build beautiful, semantic websites by the end of the six-month course.

Uploaded by

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

Outline For Web Development Course

The HTML and CSS course syllabus covers 16 modules to teach students how to use HTML for webpage structure and CSS for presentation. Key topics include HTML tags, lists, images, links, and forms, as well as CSS selectors, fonts, text formatting, boxes, tables, and floats. The goal is for students to gain a basic understanding of HTML and CSS and be able to build beautiful, semantic websites by the end of the six-month course.

Uploaded by

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

HTML and CSS COURSE SYLLABUS

Course Objectives:

v HTML is highly flexible and supported on all browsers.

v User friendly and an open technology.

v It give better performance.

v CSS provides powerful control over the presentation of an HTML document.

v CSS saves many times as it can be reused in many HTML pages.

v CSS can be used to make responsive web pages, which are compatible on multiple devices. It can be
used to allow the web pages to display differently depending on the screen size or device on which it is
being viewed.

Module 1: Web Programming Introduction

In this module, you will learn basic introduction to web development. The fundamental technology used
to

define the structure of a webpage.

v Web Development Introduction

Module 2: HTML-Introduction

In this module, sets the stage, getting you used to important concepts and syntax, looking at applying
HTML to

text, how to create hyperlinks, and how to use HTML to structure a webpage. v History of HTML v
What you need to do to get going and make your first HTML page v What are HTML Tags and
Attributes? v HTML Tag vs. Element v HTML Attributes: v How to differentiate HTML Document
Versions

Module 3: HTML-Basic Formatting Tags

In this module, HTML is used to specify whether your web content should be recognized as a paragraph,
list,

heading, link, image, multimedia player, form, or one of many other available elements or even a new
element

that you define.

v HTML Basic Tags

v HTML Formatting Tags

v HTML Color Coding

Module 4: HTML-Grouping Using Div Span

In this module, The HTML <div> and <span> element is the generic container for flow content and does
not

inherently represent anything. Use it to group elements for purposes such as styling (using the class or id

attributes), and inline level and block level separation.

v Div and Span Tags for Grouping

Module 5: HTML-Lists

In this module, The HTML <li> element is used to represent an item in a list. It must be contained in a
parent

element: an ordered list (<ol>), an unordered list (<ul>), or a menu (<menu>). In menus and unordered
lists,

list items are usually displayed using bullet points, now we are going to check how to use html list

v Unordered Lists

v Ordered Lists

v Definition list

Module 6: HTML-Images

In this module, the Web was just text, and it was really quite boring. Fortunately, it was not too long
before

the ability to embed images (and other more interesting types of content) inside web pages was added.
There

are other types of multimedia to consider, but it is logical to start with the humble <img> element, used
to

embed a simple image in a webpage. This module will help you to make use of image mapping

v Image and Image Mapping

Module 7: HTML-Hyperlink

In this module, Hyperlinks are important they are what makes the Web a web. This module shows the
syntax

required to make a link, and discusses link best practices.

v URL - Uniform Resource Locator

v URL Encoding

Module 8: HTML-Table

In this module, representing tabular data on a webpage in an understandable, accessible way can be a
challenge. This module covers basic table markup, along with more complex features such as
implementing captions and summaries.

v <table>

v <th>

v <tr>

v <td>

v <thead>

v <tbody>

v <col>

Module 9: HTML-Iframe

In this module, The HTML <iframe> element represents a nested browsing context, effectively
embedding
another HTML page into the current page. This module will help you make use of iframe tag v Attributes
Using

v Iframe as the Target

Module 10: HTML-Form

In this module, Forms are a very important part of the Web — these provide much of the functionality
you

need for interacting with web sites, e.g. registering and logging in, sending feedback, buying products,
and

more. This module gets you started with creating the client-side parts of forms.

v <input>

v <textarea>

v <button>

v <select>

v <label>

Module 11: HTML-Headers

In this module, The HTML <head> element provides general information (metadata) about the
document,

including its title and links to its scripts and style sheets.

v Title

v Base

v Link

v Style s

Module 12: CSS2-Introduction

In this module CSS is used to style and lay out web pages — for example, to alter the font, colour, size
and

spacing of your content, split it into multiple columns, or add animations and other decorative features.
This

module gets you started on the path to css.


v Benefits of CSS

v CSS Versions History

v CSS Syntax

v External Style Sheet using <link>

v Multiple Style Sheets

v Value Lengths and Percentages

Module 13: CSS2-Selectors

In this module, CSS selectors define the elements to which a set of CSS rules apply. In this module, you
will find

how many selectors are there how to use it

v ID Selectors

v Class Selectors

v Grouping Selectors

v Universal Selector

Module 14: CSS2-Text Fonts

In this module, CSS Fonts that defines font-related properties and how font resources are loaded. It lets
you

define the style of a font, such as its family, size and weight, line height, and the glyph variants to use
when

multiple are available for a single character

v color

v background-color

v text-decoration

v text-align

v vertical-align

v text-indent

v text-transform
v white-space

v letter-spacing

v word-spacing

v line-height

v font-family

v font-size

v font-style

v font-variant

v font-weight

Module 15: CSS2-Lists Tables

In this module, lists table that defines how to lay out table data.

v list-style-type

v list-style-position

v list-style-image

v list-style

v CSS Tables

I. border II. width & height III. text-align IV. vertical-align V. padding VI. color

Module 16: CSS2-Box Model

In this module, CSS box model that defines the rectangular boxes—including their padding and margin—
that

are generated for elements and laid out according to the visual formatting model.

v Borders & Outline

v Margin & Padding

v Height and width

v CSS Dimension

CSS Floats
In this module, the float CSS property specifies that an element should be placed along the left or right
side of

its container, allowing text and inline elements to wrap around it. The element is removed from the
normal

flow of the web page, though remaining a part of the flow (in contrast to absolute positioning).

v The float Property

v The clear Property

At the end of the course, participants will be able to get:

v By the end of this course, you will have a basic & thorough understanding of HTML & CSS

v Upon completion, you will have coded a handful of useful HTML & CSS examples

v In the last section of this course, you focus on building a beautiful, semantic, HTML & CSS web page

v By the end of this course, you will have impressed yourself, and will be able to hit the ground running
with your newly acquired skillset

v Start building beautiful websites

v Build a portfolio website, so you can highlight your best web work

v Get the ball rolling for a career in web design

Duration: Six month

fees: --------

You might also like