Course Code: 305-01

Course Title: Web Designing-I

Course Code 305

Course Title Web Designing-I
Credits 4
Course Category Major Course
Level of Course 300-399 ( Higher Level )
Teaching pei. Week 4 Hrs. ( 2 Hours Theory + 4 Hours Practical work )
Minimum wccks perSemester 15 (Including class work, examination, preparation etc.)

Review / Revision 2023-2024

Implem€ntati()n Year: A.Y. 2024-2025
Purpose of Course - Design is the process of coll ecting ideas, and aesthetically arranging an
implementing them, guided by certain principles for a specific purpose.
-Web design is a similar process of creation, with the intention of presenting the
content on electronic web pages, which the end- users can access through th
internet with the help ofa web browser.
-This course deals with designing of. web sites.
C()urse Objective To make students aware of web terminology and website designing tools. Studen
can understand and implement the real functions ofwebsite development.
Pre-requisite Basic knowledge of Simple HTML and HTML-5 concepts, windows based
applications. Some very basic acquaintance with compiiters and the www
ls assumed.
Course Outcolnes Col : Develop proficiency in I]TML5 syntax and semantics, and CSS styling
techniques for creating visually appealing web pages.
C02: Implement Bootstrap framework for rapid prototyping and responsive
design, ensuring cross-browser compatibility and scalability.
C03: Utilize Javascript for interactivity and dynamic content manipulation,
incorporating libraries like jQuery for streamlined development.
C04: Demonstrate the ability to integrate HTML5, CSS, Bootstrap, and
Javascript to create cohesive and engaging web applications.
COS: Apply industry-standard practices in web development, including code
optimization, version control, and responsive design rinciples.
iv[apping betweenCoul.scOutcomes(CO)withProgramSpecificOutcomes(PSO) Psol PS02 PS03 PS04 PS05 PS06 PS07 PSO8
Col
C02
C03
C04
C05

Courst' Content IT-I: Working with HTML5 and CSS:

I.I concepts ofcss:
I. I .1 Adding CSS (lnline,Internal,External)
1.1.2 HTML Links and attribute.(_self, _blank, I)ai.ent, _top)
I.1.3 Absolute URL and Relative URL in <href>
I. I .4 <img> tag and its attnbutes (sTc, aft. style,width,height)
I .2 HTML forms :
I.2. I foml Elements and their attributes :
1.2. I .1 form (action, method, novalidate, autocoinplete,target)
I.2.1.2 label, input (text, radio button, Checkboxes, submit/reset button)
1.2.1.3 select(id, name,<option>),
1.2. I .4 textarea (name, rows, cols),

22 I P fl g e
 I.2. I .5 button(type, onclick)
I.2. I .6 datalist
I.2.2 Media : Video, Audio

T-2: Design Web Sites Using Bootstrap4

2. I Bootstrap Introduction
2.2 Grid Structure
2.3 Table` Colours. Alerts, Form Controls
2.4 Buttons and ButtonGroups
2.5 Images, Media Objects
2.6 Pagination
2.7 Bootstrap Grids
2.8 Bootstrap Themes

UNIT-3: Overview of Java Script

3.10verview of client & Server-Side Scripting
3.2 Structure of Java Script
3.3 Data types and Vai.iablcs
3.4 Operators (Arithmetic. Assignment, Comparisoi`.
Logical and Conditional Operator)
3.5 Control Structure
3.5. I If. . .Else, switch..case
3.5.2 While, Do. . .While, For Loop
3.5.3 break, continue
3.6 Java Sci.ipt String and Events
3.6. I Javasciipt Strings types
3.6.2 String functions:
u
concat(), split(), indcxof(), lastlndexof(). substring(),
trim(), slice(), replace(), charAt()
3.6.3 Javascript Events :
3.6.3. I Mouse Events : (click, mouseover, mouseremove,
IT`ouseout, mouseup)
3.6.3.2 keyboard Events : ( keyup,keydown)
3.6.3.3 Form Event : (focus, submit, blur, change)

UNIT-4: Javascl.ipt Objects :

4. I Creating object :
(By object literal, By creating instance of Object.
By using an object constructor)
4.2 Date object :
4.2.1 Date constructor: Date(). Date(milliseconds),
Date(datestring), Date(year. month, day. hours.
minutes, seconds. millisc.`onds)
4.2.2 Date Methods: getDate(), getDay(),getMonth(), getHours(),
setDatc, setMonth(),sctDay(). tostring()
4.3 Document Object Model (DOM):
®
4.3. I DOM concepts
4.3.2 DOM properties
4.3.3 DOM methods :
write(), wr] tcln( ),get ElcmentByld(),gctElemcli ts ByN amc()

UNIT-5: Javascript Functions:

5. I Javascript Functions:
5. I .1 Dcfining function (with and \`'ithoiit paramctci.s)
5 . I .2 calling fiinction
5. I .3 return statement
5. I .4 Pa e redirection

23 I P a g e
 5.2 Dialog boxes : Alert, confirm, prompt
5.3 Form validation :
5.3. I Basic validation (All form details are filled)
5.3.2 Data format validation
(email, number, string, mobile numbet., name)
rAll Units carry Equal Weichtagel
Rc`ference Books I. HTML & CSS: The Complete Reference -Thomas Powell -MCGraw Hill
Education
2. HTML Unleased, Damell Rick -Techmedia
3. HTML, XHTML, and CSS Bible -Steven M. Schafe -Wilcy Publications
4. Cascading Style Sheets-The Definitive Guide, E. A Meyer -O'Reilly
5. Java Scrjpting Programming for Absolute Beginner, Harris -PHI
6. Jzivascript Step by Step` Sueluring -PHI
7. Bootstrap in 24 Hours, Sams Teach Yourself -JenniferKymin
8. Learning Bootstrap 4 - Matt Lambcrt -Packt Publishing
9. Bootstrap Responsive Web Development -Jake Spurlock - O'Reilly Media.
10. Javascript and JQuery (Interactive Front-End Web Development) by Jon
Duckett
I I. Javascript and JQuery (The missing manual) by David Sawyer MCFarland

TeachingL\'li`(h()(I()log.`' Class Work, Disciission, Lz`b work, Self-Study, Seminars and/or Assignments

Evaluation Method 50% lntemal assessment.

50% External assessment.

Z4 I P a g e