Advanced Web design Tutorial Part-02

If you do not learn the Advanced Web design Tutorial Part 01. Please read it before then start this part.

Step by step advanced webpage design tutorial :

HTML Editors :

When you want to design a website then you need to write and edit the HTML/others code. An editor can help you to do this work. There are many editors for writing and editing code. Here I am discussing about some editors that I use

Notepad – A default editor for windows. You can find it easily in the windows > accessories > notepad

TextEdit (Mac)-  A default editor for Mac.

Notepad++ – A smart editor for editing code. Many coders and web developers are using this editor vastly. You can download it from internet as it is a free source. You can add many plugins to do your work easily and shortly.

Brackets – A good editor for editing code. Many coders and web developers are using this editor vastly. You can download it from internet as it is a free source. You can add many plugins to do your work easily and shortly.

Net bean-  A nice editor for editing code. Many coders and web developers are using this editor vastly. You can download it from internet . You can add many plugins to do your work easily and shortly.

There are many paid editors also. You can buy them from their sites. But I think it is not compulsory as there are many open source.

we need to have a idea about some definitions such as

HTML Tags :

For writing HTML elements we use a start tag, with an end tag, with the content in between:

<tagname>content</tagname>

The HTML component is everything from the beginning tag to the top tag

<h1>My first webpage.</h1>
<h2>My first webpage.</h2>

HTML attributes:

  1. HTML components will have attributes.
  2. Attributes give further data concerning a component.
  3. Attributes area unit continuously laid out in the beginning tag.
  4. Attributes are available in name/value pairs like: name=”value”.

Here I add an image to get a clear idea.

advanced web design tutorial

Useful Tags :