0% found this document useful (0 votes)

6 views13 pages

Htmleditors

HTML editors are essential tools for web designers and developers, enabling them to manage and write HTML code efficiently. There are various types of HTML editors, including text-based and WYSIWYG editors, each offering unique features and advantages. The document also lists the seven best free HTML editors and discusses Adobe Dreamweaver, highlighting its features, advantages, and disadvantages.

Uploaded by

123shreyashukla

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

6 views13 pages

Htmleditors

Uploaded by

123shreyashukla

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

You are on page 1/ 13

Html editors

html editor kya hai

• HTML Code Editor एक Web designer और developer के लिए बहुत ही Useful

और important tool होता है , इसके लबना इन दोनोों का काम कर पाना बेहद ही
मुश्किि है ।

• Codes को सही से Manage करने के लिए HTML editor की जरूरत होती है , लजसकी
Help से हम आसानी से अपने Website के Pages के Codes को Easily Manage कर
सकते है ।

• What is HTML Editor in Hindi – एचटीएमएि एलिटर क्या है ?

• Types Of HTML Editor – एचटीएमएि एलिटर के प्रकार
o Text-based Editors
o WYSIWYG Editors
• HTML Editors Advantages in Hindi – एचटीएमएि एलिटर के फायदे
• 7 Best free HTML editors के नाम
o 1. Notepad++
o 2. Aptana Studio
o 3. Atom Code Editor
o 4. Programmer’s Notepad
o 5. Brackets
o 6. SynWrite
• Conclusion

HTML Editor:
• एक तरह का सॉफ्टवे यर या टू ि है लजसकी Help से हम HTML Codes को आसानी से
लिख पाते है । ये एक Simple Software है Notepad या Text Editor की तरह होता
है ।

• HTML Codes को लिखने के लिए बहुत से Code Editor बनाये गए है क्यूोंलक वे बसाईट
या लकसी वे ब िॉक्यूमेंट को Create करने के लिए हमको HTML Code लिखना पड़ता
है । HTML Editor इसलिए बनाये गए है क्यूूँलक ये हमें बहुत से Features Provide
करते है ।

Types Of HTML Editor – एचटीएमएल एडिटर के

प्रकार

Text-based Editors
ये Editor Simple Notepad की तरह होते है , लजसमे Syntax Highlighter होते है और Auto
Correction जैसे Featured Provide होते है । इनका Interface बहुत ही Simple होता है और
साथ ही ये बहुत Light Weight होते है ।

WYSIWYG Editors
• ये Editor Text Editor से बहुत ही Advanced होते है ।

• There are a lot of libraries available to help you set up your own
editor.

• WYSIWYG का फुि फॉमम “What You See is What You Get” है

• ये एक ऐसा Interface है जहाूँ पर आप लकसी Image Editor की तरह Design Create

करते है और लफर बाद में वो Design HTML Code में Convert हो जाता है ।
HTML Editors Advantages in Hindi –
एचटीएमएल एडिटर के फायदे
• HTML Code Editor में कोि को बहुत ही जल्दी और आसानी से लिखा जा सकता
है ।
• इसमें कोि को Manage और Organize करना बहुत ही आसान है ।
• Auto Complete Function से कोलिों ग स्पीि भी बढ़ जाती है ।
• इन एलिटर का Use करके आप आसानी से HTML लसख सकते है ।
• WYSIWYG Editor से आसानी से लबना कोि लिखें भी काम लकया जा सकता है ।

7 Best free HTML editors के नाम

1. Notepad++

Notepad++ को Use करना बहुत आसान है , ये एक free और Open Source Code Editor
है । इसके अोंदर लजतने भी Tools है वो सभी tools web designer और front end
developers के लिए काफी Useful है ।

Notepad++ के Features :

• Auto-completion
• Syntax Highlighter
• Line numbering
• Color coding
• Zoom in and zoom out

2. Aptana Studio

Aptana Studio एक Complete Web Development Tool में से एक है जहाूँ पर हम अपने

Projects को Develop करके उसकी Testing भी कर सकते हैं ।

Aptana Studio Features:

• Integrated debug tool

• Free and Open Source
• Cross Platform (लकसी भी OS पर चिा सकते हैं )
• Ajax and Javascript libraries
• Built-in terminal
• Git integration
3. Atom Code Editor

ये Editor भी काफी अच्छा Editor है और इसका Interface भी काफी Simple और Mordern

है । Code Editing Software में से ये भी एक बहुत Useful Editor है ।

Atom editor के Features:

• Cross-platform editing
• Open source
• Pre-installed Themes
• Multiple panes – compare and edit code across files
• File browser
• Integration with Git and GitHub
• Smart auto-completion
4. Programmer’s Notepad

Programmer’s Notepad भी Code editing के लिए एक अच्छे Options में से एक है इसमें

code को organize करना बहुत ही आसान है । इसमें दो themes होती है लजसमे से एक light
और दू सरा dark होती है ।

Programmer’s Notepad के Features

• Bookmarks
• Syntax highlighting
• Text Clips
• File association manager
• Regular Expression support
5. Brackets

Brackets को Adobe की तरफ से िाया गया है जो की एक Mordern , Open Source,

Lightweight, Powerful Text Editor है लजसका Use Website Design और Front End
Development के लिए लकया जाता है ।

आप इसमें HTML CSS और Javascript के साथ साथ दू सरी languages पर भी काम कर

सकते है ।

Brackets Editor के Features:

• इसके अोंदर हमको Code को Run कर वाके Output या Preview दे खने की जरुरत
नहीों पड़ती है , लसफम एक बार Browser से कनैक्ट करना होता है और जब भी हम
कोई Changes Code में करते है वो Directly Browser में Apply हो जाता है ।
• Free and open source
• Cross-platform
6. SynWrite

SynWrite एक Free Text और Source code editor में से एक है । इसमें वो सभी basic
features आपको दे खने को लमि जायेंगे जो की एक editor में होने चालहए।

SynWrite के features:

• Code highlighting
• Auto-completion
• Color picker
• Portable bookmarks
• File manager
• Project management
Adobe Dreamweaver is a software program for designing
websites, which is more featured as compared to HTML web and
programming editor. It was originally developed and published
by Macromedia in 1997. Adobe took over Macromedia in 2005 and
continued the development in the software and it’s still going on.
Dreamweaver is a visual web page editor that allows you to create, edit and
manage websites and webpages without having to learn HTML. It uses
a WYSIWYG environment that allows you to see what your web pages look
like as you create them.

History

Features of Dreamweaver:

The features of Dreamweaver makes it a versatile web editing tool, Some of

the features of Dreamweaver are as follows:
• Dreamweaver supports multiple web and programming languages
including HTML, JSP, Cascading Style Sheets (CSS), Active Server
Pages (ASP), PHP, Extensible Markup language (XML), and many
more.
• Dreamweaver is working on both types of operating systems like MAC
OS and Windows.
• In Dreamweaver, you can design both using visually and by using code.
• Dreamweaver allows us to use and test all the popular content
management system like Drupal, WordPress, and Joomla. It allows you
to see your page in action.
• Dreamweaver provides you with coding assistance.
• It allows you to display the CSS box model without having to know the
way to code the stylesheets manually.
• Dreamweaver provides a layer option with the help of which both images
and text can be placed at any position on the web page.
• Dreamweaver offers a design palette with a large number of color
options. The user can either use the default color available or make its
own composition.
• Dreamweaver also provides a publishing tool that helps you to easily
manage your files, both locally and on your web server.
• Dreamweaver includes very powerful features to help web developers
manage all the related files for a site, post those files to a remote web
server, and keep the local files and the files on the remote server
synchronized.
• Dreamweaver facilities a rich set of features in a single program capable
f handling the most advanced web design and development projects for
example: from a simple home page to a large complex project.
Advantages of using Dream Weaver to design web pages:
1. It is easy and efficient to use.
2. It has the ability to create consistent looking web pages.
3. This software comes up with the in-built FTP features, making it easy to
upload files directly on the website.
4. Customization of the software to match the users requirements.
5. It manages and update websites effectively.
Disadvantages:
1. It has a confusing interface, which is not easily understandable by the
user.
2. It only creates dynamic sites only if one have a local server running. The
problem that its code creates is that it over complicated.
3. The code snippets is not specific.
4. Only 10% of the functionality is useful in Dream Weaver.
5. It is quite expensive.
Creating a Basic HTML website using Adobe Dreamweaver:
Follow the below steps to build a simple HTML website using
Dreamweaver:
Step 1: Click on windows Go: Start > All Programs > Adobe Dreamweaver.
The following screen appears:
Step 2: Go to the File menu, and choose New. The New Document window
appears.