Web Designing
Course Features
- Course Duration: 4 weeks / 40 Hours
- Category: Industrial Summer Training
- Students: 0
- Certificate: Yes
- Location: Janakpuri East New Delhi
- Language: HTML
- Lesson: 0
- Viewers: 1710
- Prerequisites: No
- Skill Level: Beginner
- Course Capacity: 50
- Start Course: 05/20/2019
Descriptions
Join this course and learn the process of creating webpages using graphic and programming languages like HTML/CSS and Javascript. Having a website is the first step of online presence for any small and large business.
Eligibility
+1, +2, Diploma students, 1st/2nd/3rd year student of B.E., B.Tech. from Electronics, Computer Science, IT, BCA, MCA.
Pre-requisites
Familiarity with computer and its operation, Knowledge of C Programming
Benefits
- Confidence build up for Web Designing
- Experience of Best learning practice
- Acquire skills to do better Minor/Major Projects
- Can participate in various competitions and TechFest.
Curriculum
Section 1. |
HTML |
a. | What is HTML |
i. | What is a Web Browser? |
ii. | What are Versions of HTML? |
iii. | What can You Do with HTML? |
iv. | HTML Development Environments |
v. | Using a WYSIWYG Editor |
vi. | Using an HTML Editor |
vii. | Writing Code with a Text Editor |
viii. | Publishing Documents |
b. | Review of HTML elements |
i. | Rules of Syntax |
ii. | Making your Code Readable |
iii. | Making your Code XHTML Compliant |
iv. | Building a Document |
v. | Using Colors |
vi. | Adding Color to your Page |
vii. | Using Headings |
viii. | Using Paragraphs |
ix. | Using Blockquotes |
x. | Using Entities |
xi. | Aligning Block-Level Elements |
c. | Inserting spaces & line breaking |
i. | Displaying Preformatted Text |
ii. | Formatting with Inline Elements |
iii. | Controlling Fonts |
iv. | Introducing List Elements |
v. | Creating Unordered Lists |
vi. | Creating Ordered Lists |
vii. | Creating Definition Lists |
viii. | Nesting Lists |
ix. | Indenting Text with the tag |
d. | What is an HTML table? |
i. | Building a Table |
ii. | Using the Border Attribute |
iii. | Cell Padding and Cell Spacing |
iv. | Controlling Table and Cell Width |
v. | Aligning a Table on the Page |
vi. | Aligning Tables and Text |
vii. | Aligning Table Data |
viii. | Spanning Columns and Rows |
ix. | Nesting Tables |
x. | Using Tables as a Design Tool |
e. | Creating a hyperlink |
i. | Understanding and Using URLs |
ii. | Linking to a Web Document |
iii. | Linking to a Local Document |
iv. | Linking to Anchors |
v. | Opening a New Browser Window |
vi. | Creating a Frameset |
vii. | Adding the Frame Elements |
viii. | Creating the Frames |
ix. | Using the Noframes Element |
x. | Using Inline Frames |
f. | Graphic file formats |
i. | Optimizing Image and File Size |
ii. | Inserting Inline Images |
iii. | Aligning and Formatting Images |
iv. | Using Images to Anchor Links |
v. | Creating a Look-and-Feel |
vi. | Sizing and Scaling Images |
vii. | Using Transparent Images |
viii. | Making an Image Fade In |
ix. | Finding and Creating Graphics |
x. | Using GIF Animation |
Section 2. | Javascript/ JQuery/ AJAX |
a. | Overview of clientside javascript |
b. | Controlling overflow |
i. | Conditional Constructs |
ii. | if else |
iii. | switch |
iv. | Looping Contructs |
v. | do while |
vi. | while |
vii. | for |
viii. | Branching Statements |
ix. | break |
x. | continue |
xi. | Equality and Identity Operators |
xii. | Logical and Comparison Operators |
xiii. | Error Handling |
xiv. | try |
xv. | catch |
xvi. | throw |
xvii. | finally |
c. | Implementing functions |
i. | Declaring Functions |
ii. | Invoking Functions |
iii. | Named and Anonymous Functions |
iv. | Passing Arguments |
v. | Local vs. Global Variables |
vi. | Returning Values from a Function |
vii. | The this Keyword |
viii. | Default Parameters |
ix. | Explaining Closures |
d. | Introduction to document object mode |
i. | Selecting DOM Elements |
ii. | getElementById |
iii. | getElementsByTagName |
iv. | getElementsByName |
v. | getElementsByClassName |
vi. | querySelector |
vii. | querySelectorAll |
viii. | Modifying Page Content with the DOM |
ix. | Manipulating CSS using JavaScript |
e. | Working with forms |
i. | Accessing Forms from JavaScript |
ii. | Working with Form Elements |
iii. | Validating Form Fields |
iv. | Checking Required Fields |
v. | Checking Length of Input |
vi. | Canceling Form Submission |
f. | Working with javascript objects & JSON |
i. | Understanding Objects |
ii. | Defining Custom Objects |
iii. | Object Literal Notation |
iv. | Defining Properties and Methods |
v. | Creating a Constructor |
vi. | ES6 Enhanced Object Literals |
vii. | Extending an Existing Object with prototype |
viii. | Using the in and instanceof Operators |
ix. | Overview of JSON |
x. | Using JSON.stringify and JSON.parse |
g. | HTML Javascript APIs |
i. | Web Storage API |
ii. | Local Storage |
iii. | Session Storage |
iv. | Geolocation API |
h. | Javascript fundamentals |
i. | Using Strict Mode |
ii. | Adding Comments |
iii. | Debugging JavaScript Code |
iv. | Declaring Variables |
v. | var, let and const Keywords |
vi. | Local vs. Global Variables |
vii. | Declaring Block-scoped Variables |
viii. | Using JavaScript Primitive Types |
ix. | String, Number and Boolean |
x. | undefined |
xi. | null |
xii. | Performing Data Conversions |
xiii. | Interacting with the User |
xiv. | alert |
xv. | prompt |
xvi. | confirm |
xvii. | Working with JavaScript Operators |
xviii. | Arithmetic Operators |
xix. | Assignment Operators |
xx. | Using the Math and Date Objects |
i. | Working with strings, numbers & arrays |
i. | Creating String Objects |
ii. | Using String Methods |
iii. | Searching within a String |
iv. | Returning a Substring |
v. | Converting Character Case |
vi. | Creating Number Objects |
vii. | Formatting Numbers |
viii. | Creating Arrays |
ix. | Using the Array Constructor |
x. | Using Literal Notation |
xi. | Accessing Array Elements |
xii. | Common Array Methods |
xiii. | Defining and Using Associative Arrays |
xiv. | Predefined Object Arrays |
j. | Browser object model |
i. | Overview of the Browser Object Model |
ii. | Using the window Object |
iii. | Opening and Closing Windows |
iv. | Using Timers |
v. | Passing Data Between Windows |
vi. | Using the document Object |
vii. | Writing to the Webpage |
viii. | Accessing Properties of the Document |
ix. | navigator Object |
x. | location Object |
xi. | screen Object |
k. | Event handling in javascript |
i. | Overview of JavaScript Events |
ii. | Identifying Differences Between Browsers |
iii. | The event Object |
iv. | Event Capturing and Bubbling |
v. | Adding Event Handlers |
vi. | Traditional (Inline) Model |
vii. | Registering Events in JavaScript |
viii. | Adding Multiple Handlers |
ix. | addEventListener |
x. | attachEvent |
xi. | Mouse and Keyboard Events |
xii. | Preventing Default Behavior |
xiii. | Canceling Events |
l. | Using regular expression |
i. | Overview of Regular Expressions |
ii. | Using Regular Expressions in JavaScript |
iii. | Creating a RegExp Object |
iv. | Using i and g Flags |
v. | Validating Strings with Regular Expressions |
vi. | Using Back references |
m. | Using Ajax |
i. | Overview of Ajax |
ii. | The XMLHttpRequest Object |
iii. | Configuring an Ajax Request |
iv. | Handling Errors on readystatechange |
v. | Using JSON with Ajax |
Section 3. | CSS |
a. | Writing CSS code |
i. | Cascading Style Sheets |
ii. | Learn about CSS rules |
iii. | Selectors, Properties and Values |
b. | Creating style sheets |
i. | Creating style sheets |
in the HTML document |
|
and external css file |
|
ii. |
Import style sheets
|
c. | Configuring fonts |
i. | Configuring Fonts |
ii. | setting font type, size and |
font style | |
iii. | setting multiple values in a |
property | |
d. | Configuring text |
i. | Configuring text |
ii. | setting text properties |
iii. | line and word spacing |
iv. | letter spacing, text decoration |
v. | align, white space, shadow |
e. | Backgrounds |
i. | Setting Backgrounds to HTML |
elements. | |
ii. | background image |
iii. | background properties: |
color, position |
|
f. | CSS Box model |
i. | CSS course – Box Model |
ii. | content-box properties: margin, |
width, height, padding, Min and Max |
|
dimensions, overflow |
|
g. | CSS Border |
i. | Draw different line styles around |
elements | |
with CSS border properties |
|
set border-color, border-style, |
|
border-width | |
ii. | Shorten the stylesheet code with |
border | |
iii. | shorthand |
h. | CSS Outline |
i. | Make the HTML element “stand out” |
with CSS outline properties set outline-color, |
|
outline-style, outline-width, outline shorthand |
|
i. | Display & visibility |
i. | Learn how to Display a HTML element: |
inline, block or to hide its Visibility |
|
in the web page |
|
j. | Positioning |
i. | Use the CSS position property to set the |
position of HTML elements in the web |
|
page : fixed, absolute, relative, z-index |
|
k. | CSS float & clear |
i. | Learn how to Display a HTML element: |
inline, block or to hide visibility in web page |
|
l. | Pseudo Classes |
i. | How to use pseudo-classes to add special |
effects to some elements of the same selector |
|
or class | |
ii. | Various examples with pseudo-classes |
applied to selectors |
|
iii. | classes and form fields |
m. | CSS3 Pseudo Classes |
i. | CSS lesson |
ii. | Pseudo-Classes added in CSS3: nth-child(N) |
iii. | nth-of-type(N), last-child, root, empty, |
target, enabled, checked & pseudo-classes |
|
n. | CSS Pseudo elements |
i. | Pseudo-elements to style certain aspects |
or parts of an element without introducing |
|
new markup or tags in the HTML |
|
document. | |
o. | Define custom list items markers, bullets |
for UL, OL lists | |
i. | How to Remove or Define Custom List-item |
Markers / Bullets for UL and OL Lists |
|
ii. | Examples with: list-style, list-style-image |
p. | Cursor property- custom cursors |
i. | How to control and create Custom Cursors |
with CSS | |
ii. | use images for cursor appearance |