Scribd
Upload
13 views3 pages

Sem1_DSC-M-BCA-113T Intro to Web Technologies

The course 'Introduction to Web Technologies' focuses on HTML and CSS, covering basic to advanced topics including HTML5 features, multimedia integration, and form creation. Students will learn to design web pages and understand the differences between HTML and HTML5, as well as gain familiarity with CSS for styling. Upon completion, students will be equipped to create and style websites, facilitating further learning in related technologies like Angular, PHP, and JavaScript.

Uploaded by

dharmikmunjapara148
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
13 views3 pages

Sem1_DSC-M-BCA-113T Intro to Web Technologies

The course 'Introduction to Web Technologies' focuses on HTML and CSS, covering basic to advanced topics including HTML5 features, multimedia integration, and form creation. Students will learn to design web pages and understand the differences between HTML and HTML5, as well as gain familiarity with CSS for styling. Upon completion, students will be equipped to create and style websites, facilitating further learning in related technologies like Angular, PHP, and JavaScript.

Uploaded by

dharmikmunjapara148
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/ 3

Course Name: Introduction to Web Technologies

Course Code: DSC-M-BCA-113 T

Credits: 2

Course Outcomes:
At the end of the course, the student will be able
● To develop the skills in the basic and important terminology of HTML.
● To learn the basic differences between HTML and HTML5.
● To gain knowledge of basic and advanced HTML tags with features like frames,
multimedia, images, and forms.
● To become familiar with web site creation and design fundamentals using HTML
scripting and CSS.

Prerequisites:
Any editor of Windows like Notepad, Notepad++, VS Code
Any Browser

Contents:

Unit Particulars Hours Credits


No.
1. Unit Title: Getting Started with HTML 5, Working with Text, Hyperlink, List, 15 01
Tables, Frames and Images
Introduction to HTML5: New structure, New form elements and attributes,
Browser support, Basic structure of HTML document, Modifying the
background of an HTML webpage: Adding background color, Adding
background Image, Specifying metadata about an HTML Web Page,
Introduction to New Elements in HTML5: The Markup elements, Working
with Text: Adding a plain text to an HTML webpage, Adding text in new line,
Creating headings on webpage, Creating a paragraph, Creating a horizontal
rule, Creating a subscript and superscript, Aligning the text, Formatting the
text, Grouping the text, Indenting quotations, Working with character
entities, Commenting the text, Working with Hyperlink: Creating hyperlinks,
Setting hyperlink color, Linking Different sections of page, Working with Lists:
Creating an Unordered list, Creating an Ordered list, Creating an Definition
list, Nested lists, Working with Tables: Creating a Table, Specifying a caption
to a table, Adding a table heading, Setting the table border, Aligning a table
and cell content, Changing the background color of a table, Setting a cell
padding and cell spacing, Nesting tables, Working with Frames: Creating a
frame, Defining new element-specific attributes, Specifying width and height
of a frame, Applying hyperlink target to a frame, Working with Images:
Inserting an image on web page, Display alternate text for an image, Adding
border to an image, Align an image, Using image as links, Creating image
maps.
2. Unit Title: Working with Multimedia, Forms and Controls, CSS (Cascading 15 01
Style Sheet)
Working with Multimedia: Embedding multimedia on web page, Creating a
link to a multimedia file, Using the <object> tag insert objects, Working with
Forms: Creating an HTML Form, Specifying the action URL and the method to
send form, Adding Controls to an HTML Form : Using the<input> tag with all
attributes, Adding Text Area using <textarea>, Adding selection control,
Understanding new form elements: The <datalist> element, The <keygen>
element, The <output> element, Grouping the controls of HTML Forms,
Specifying a Label for control, CSS Introduction: Understanding the concepts
of CSS, Advantages and disadvantages, CSS syntax : Grouping selectors and
rulers, Using the class selectors, Using the ID selectors, Comparing ID and
classes selectors, Using CSS comments, Types of Style sheets: External,
Internal, Inline, CSS properties and text attributes: Color, Alignment,
Decoration, Transformation, Indent, Letter spacing and word spacing, White
space, Line-height, Direction, Unicode-bidi, CSS Padding: Using padding
properties, Setting padding for all sides, Setting padding for each side, List
properties: Setting list-style-image, list-style-position, list-style-type, list-
style, CSS positioning: relative, absolute, fixed and Z-index, CSS properties
and table attributes.

Textbook/s:

1. Kogent Learning Solutions Inc., “HTML 5 in SIMPLE STEPS”, DREAMTECH PRESS


2. Deven N. Shah, Kogent Learning Solutions Inc., “A Complete Guide to Internet and
Web Programming”, DREAMTECH PRESS

References:

1. C Xavier, “World wide web Design with HTML”, 1st Edition, Tata McGraw Hill
2. Julie C. Meloni, Jennifer Kyrnin, “Sams Teach Yourself HTML, CSS, and JavaScript All
in One”, 3rd Edition, Pearson Education
3. Thomas A Powell, “The Complete Reference HTML and CSS”, 5th Edition, Thomas A
Powell
4. Jason Cranford Teaue, “DHTML and CSS Advanced”, 1st Edition, Pearson Education

E-Resources:

1. https://www.w3schools.com/html/html5_intro.asp
2. https://www.w3schools.com/css/
3. https://www.tutorialspoint.com/css/index.htm
Accomplishments of the student after completing the Course:
After completion of this course, students will be able to

● Design web pages using simple and advanced tags in HTML5.


● Change the overall look and style of a website by making some changes in the CSS
code.
● Once students have knowledge of the basics of CSS and HTML, other associated
technologies like Angular, PHP, and JavaScript become easier to understand.

---------------------------------

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy