Scribd
Upload
12 views

Web Design using HTML5 - BSCS09B guiddelines

The document outlines the guidelines for a Skill-Enhancement Elective Course on Web Design using HTML5 for a B.Sc. program in Physical Science/Mathematical Science. It details the course structure, including topics covered in various units such as HTML, CSS, and web design principles, along with practical assignments for students. References and additional resources for further reading are also provided.

Uploaded by

Atul Dwivedi
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
12 views

Web Design using HTML5 - BSCS09B guiddelines

The document outlines the guidelines for a Skill-Enhancement Elective Course on Web Design using HTML5 for a B.Sc. program in Physical Science/Mathematical Science. It details the course structure, including topics covered in various units such as HTML, CSS, and web design principles, along with practical assignments for students. References and additional resources for further reading are also provided.

Uploaded by

Atul Dwivedi
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

B.Sc.

Program Physical Science / Mathematical Science


Skill-Enhancement Elective Course (SEC) - Web Design using HTML5
(BSCS09B) Guidelines

Unit Topic Chapter No. of Referenc


Lectur es
es

Unit I Introduction: Ch 1, Ch2 4 1


Introduction to HTML: What is HTML, upto pg 57,
HTML Documents, Basic structure of an Ch 3upto pg
HTML document, creating an HTML 105. Pg 114-
document, markup tags, heading- 118
paragraphs, line breaks, HTML tags.
Ch 3 106-113, 8 1
Elements of HTML:
Unit II Ch7 upto pg
Introduction to elements of HTML, 259, Ch 9, Ch
working with text, lists, tables, frames, 10, Ch 11
hyperlinks, images, multimedia, forms
and controls.
Unit Introduction to Cascading Style Sheets: Ch 4 upto pg 8 1
III Concept of CSS, Creating Style Sheet, 139 and 142
CSS Properties, CSS Styling onwards , Ch
(Background, Text Format, Controlling 5
Fonts), Working with block elements
and objects, Working with Lists and
Tables, CSS Id and Class, Box
Model(Introduction, Border properties,
Padding Properties, Margin properties).

Unit CSS Advanced: Ch4 pg 140- 6 1


IV CSS Advanced (Grouping, Dimension, 141, Ch6, Ch
Display, Positioning, Floating, Align, 7 pg 266-275
Pseudo class, Navigation Bar, Image
Sprites, Attribute sector), CSS Color.

Unit V Web Designs: Ch 18, Ch 19 4 1


Creating page Layout and Site Designs. upto pg 641

References

1. Boehm, A., & Ruvalcaba, Z. (2015). Murach’s HTML5 and CCS3 (3rd Edition). Mike
Murach & Associates. (soft copy version)

Additional Resources

1. Minnick, J. (2015). Web Design with HTML5 and CSS3 (8th Edition). Cengage
Learning.
Practicals

1. Create HTML document with the following formatting – Bold, Italics, Underline,
Colors, Headings, Title, Font and Font Width, Background, Paragraph, Line Breaks,
Horizontal Line, Blinking text as well as marquee text.

2. Write an HTML code to generate the following list (with given links). The link should
show the image of that particular city.
● India
o North India
I. Chandigarh
II. Shimla
III. Srinagar
o NCR
a. Gurgaon
b. Noida
c. Faridabad

3. Write an HTML program to create the Table in the following format:

Some image here

4. Write an HTML program to design a form which should allow entering your personal
data
(Hint: make use of text field, password field, e-mail, lists, radio buttons, checkboxes, submit
button)

5. Create an HTML document (having two frames) which will appear as follows:
About
This frame would show the contents according to the link clicked by
Department 1 the user on the left frame.

Department 2

Department 3

6. Create a form using HTML which has the following types of controls:
I. Text Box
II. Option/radio buttons
III. Check boxes
IV. Reset and Submit buttons

7. Create a website using HTML and CSS with the following information, structure and
visual presentation:
8. Create a website using HTML and CSS for your curriculum vitae. You must use a two
column layout and second column must be the navigation bar.

9. Create a web page using 2-tier menus in page.

10. Create a webpage using HTML and CSS for your college highlighting facilities
provided to students by the college.
11. Create a web page with three paragraph and define three classes for these paragraphs
< p class = “normal” > Color dark blue
< p class = “important” > Color red, background color yellow
< p class = “extra” > Color green, background color grey

You might also like