Web Designing

Web Designing is the process of building the front-end or User Interface (client side) of a website including writing mark up, stylesheet, images,  Interactions, and the layout design. A Web Designer is responsible for the Visual Part( Front End ) of a website. He should know following technologies in order to create a website layout.

1. HTML              –>   To create page structure
2. CSS                 –>   To style the page created in html
3. Photoshop     –>    To create and edit images on a webpage.
4. Javascript      –>    To add functionality in a website.
5. Jquery           –>    To Make interactive Website and to add animations.
6. HTML5           –>    Latest Version of HTML.
7. CSS3             –>     Latest version on CSS.
8. Bootstrap      –>     An HTML5 Based Framework for Responsive Websites. 
9. SASS             –>   CSS Preprocessor
10. Angular JS   –>    JavaScript Framework 

Apart from this, there are some Advance technologies like, jQuery ( a javascript library) , HTML5( latest version of HTML), CSS3( Latest version on CSS) required to create a Attractive Webpage.

To Learn Web Designing online, you can go through our Online Tutorial.

Web Designing Tutorial
Web Designing Institute in Noida

CSS BOX MODEL USING BORDER, MARGIN & PADDING

Written By:-Avinash Malhotra

Our Website:- Tech Altum

CSS BOX MODEL

CSS Box Model is a box inside HTML Elements including Padding, Margin, & Border.

CSS Box Model

The Image Below Shows a basic box model:

Suppose we have a div as shown above containing an image,

Padding is used to give space inside, 

Border is used to give particular Border,

Margin is used to give space outside.

Inline and Block Elements

Inline Elements

The Elements which starts and ends in a line, and does not include any block element in it.
Exp, Anchor, Span.

Block Elements

Block elements are the elements that create blocks,
Exp, Paragraph, Heading. They can have a break point.

However we can convert block elements into inline elements 
using css display property.

Click here to know display property

Advance CSS Tags

Grouping ( used for grouping of multiple tags, ids or class)

 h1, h2, p

{

color:green;

}

Nesting ( used to select a particular tag inside its parent tag)

For Exp 
 p

{

color:blue;

text-align:center;

}

.marked

{

background-color:red;

}

You can use this:

.marked p

{

color:white;

}