Lesson 10 Creating a Web Page

Hello friends in this video series we are going to learn how to create and complete web page in html with css styling. After completing the html page we upload it on live server via FTP Client like FileZilla. 

This hindi video tutorials series is bring by Multimediagyan Institute, Jaipur. In this series we try to cover all basic and intermediate level concept of html, css and FTP Uploading. 

Tutorial Level: Intermediate

Topic covered:

1) Reviewing psd Layout.

2) Creating main div partition according to the psd layout.

3) Attaching External style sheet

4) Creating Horizontal Menu bar using Lists.

5) Creating Vertical Menu bar using Lists.

6) Understand Box Model concept.

7) Uploading Site on live server using FTP Client.

Hindi Video Tutorials presented by MultimediaGyan© Institute 

Download Images and PSD File

Lesson 09 Creating a Web Page (Hindi Video Tutorial)

powered by multimediagyan ©

Part 07 Linking and Vertiacl and Center Align Text in CSS

HTML Hyperlinks (Links)

A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document.
When you move the cursor over a link in a Web page, the arrow will turn into a little hand.
Links are specified in HTML using the <a> tag.
The <a> tag can be used in two ways:

1. To create a link to another document, by using the href attribute
2. To create a bookmark inside a document, by using the name attribute

Lesson - 18: Center and Vertical Align Text in CSS

Lesson - 19: Linking

powered by multimediagyan ©

Part 06 Backround Color, Image and Child Parenting in CSS

CSS Background

CSS background properties are used to define the background effects of an element.

CSS properties used for background effects:

• background-color
• background-image
• background-repeat

Lesson - 16: Background Color and Imaged in CSS

Lesson - 17: Child Parenting in CSS

powered by multimediagyan ©

Part 05 Border and Universal Selector in CSS

CSS Border

CSS Border, our personal favorite CSS attribute, allow you to completely customize the borders that appear around HTML elements. With HTML, it used to be impossible to place a border around an element, except for the table. CSS Borders let you create crisp, customized border styles with very little work, compared to the antiquated methods of HTML.

Universal selector 

Sometimes it is necessary to determine one style for all elements of the web page . In this case universal selector will help You, it fits any element of the web page. The universal selector can be used to represent any element at all, and is specified using an asterisk (*). Thus, use this declaration to make sure all elements are purple:

It also use to set the default setting of Margin and Padding in a Browser. for example:

*{

    margin:0;

    padding:0

}

Lesson - 14: Border in CSS

Lesson - 15: Universal Selector in CSS

powered by multimediagyan ©

Part 04 How to apply Margin and Padding in CSS?

 Margin

The margin clears an area around an element (outside the border). The margin does not have a background color, and is completely transparent.
The top, right, bottom, and left margin can be changed independently using separate properties. A shorthand margin property can also be used, to change all margins at once.

Padding
The padding clears an area around the content (inside the border) of an element. The padding is affected by the background color of the element.
The top, right, bottom, and left padding can be changed independently using separate properties. A shorthand padding property can also be used, to change all paddings at once.

Lesson - 13: Margin and Padding in CSS

powered by multimediagyan ©

Part 03 Hindi CSS Video Tutorial

In This CSS series we going to learn what is span in CSS. Now days div's are extensively used these days. We going to learn the basic concept behind the div and to use it in Dreamweaver.

Lesson - 10: What is span in css?
We apply span tag to style small portion of a text etc....

Part 02 Hindi CSS Video Tutorial

In This CSS series we going to learn how to apply Inline, Internal and External CSS. We also apply these all three types of CSS at once, but the question arise which CSS style get the first Priority. We going to discuss these topic also. Take Quick look on Dreamweaver also and Types of Selectors 

Lesson - 05: How to Apply Inline, Internal and External CSS?

Part 01Hindi CSS Video Tutorial

In This CSS series we going to learn what is span in CSS. Now days div's are extensively used these days. We going to learn the basic concept behind the div and to use it in Dreamweaver.

Lesson - 01: What is CSS?
CSS: Cascade Style Sheet use to style web pages. CSS us like dress we can put on html page to change the look and feel of a web page and it also help us to maintain the same look and all over the site without any extra efforts.