CREAREA DOCUMENTELOR WEB

CU AJUTORUL APLICAȚIILOR OFF/

ONLINE DEDICATE
APLICAȚII OFFLINE
Textual HTML vs. WYSIWYG Editors
WYSIWYG
WYSIWYG is the acronym for What You See Is What You Get. These editors provide an editing
interface which shows how the code looks on a working web page. Using WYSIWYG editors does not
require any HTML knowledge; therefore it is much easier to get started for an inexperienced user
with no coding experience whatsoever.

Textual HTML editor

As the name implies, textual HTML editors are text-based. You should have HTML knowledge when
using these types of editors. Features include opening files — either a single file, a whole project or
multiple projects are universally available for all editors. When using a textual based editor, you
can’t see a live preview of the site.
This type of editor may provide more freedom and personalized options. Using a textual editor, you
may better optimize web pages for search engines. For example, it’s possible to create a web page
that follows the Web Content Accessibility Guidelines (WCAG), so that people with disabilities can
view your web page.
Notepad++
Notepad++ is an editor that was developed for Windows-based machines. This editor is
distributed as free software and its repository is also available in GitHub. Notepad++
distinguishes itself for its simplicity. Notepad++ is super lightweight; there’s even a mobile
version if you fancy it.
PROS

- Notepad++ interface is simple, May be less useful for languages

lightweight, and fast like Java.
- It supports multi-language
coding environment, from
ActionScript, CSS, to visual basic
- Notepad++ is a freely available
code editor.
- Also, you got the chance to edit
multiple documents in multiple
tabs.
- It includes things like line
number, color coding, hints, and
other helpful tools

CONS
Adobe Dreamweaver CC
Developed and managed by tech giant Adobe Inc, Adobe Dreamweaver CC is a premium, powerful, and
versatile tool. It caters for both the back-end and front-end development.

PROS CONS
Available for Windows and Mac OS 7-day trial available to only users having
Creative Cloud(CC) membership
Dreamweaver allows you to write code Pricing is high
in any major programming language
Awesome performance and support
from Adobe Inc
Access to creative cloud libraries.
Premium access to the abundant supply
of assets in the Adobe ecosystem. From
colors, words, graphics, layers,
characters, and much more
Code and preview. This way developers
can code while previewing the end
product
Sublime Text
Sublime text is one of the sophisticated text html editors that let you select multiple lines at a time and can
makes changes in them at the same time without any hassle.
PROS CONS
Sublime Text has the syntax highlight Not Always Beginner Friendly
feature for many languages like HTML,
C, C++, C#, CSS, Java, JavaScript and
many more.
Multiple color scheme
Lightweight, Fast and Stable
Powerful search functionality. In Slow Development. Since Sublime
addition to that, there is doesn’t have a large team behind it,
the Goto function. Upon choosing it, development can be kind of slow.
Sublime opens a search bar. When you
start typing any file or directory name in
your project or active folder, the editor
will show fitting options lightning fast.
Simultaneous Editing
there is the ability to display text files in
different ways.
Atom
Atom is a relatively new editor that came out in 2014 and gained tremendous momentum since. Atom is a
free, open-source code editor, it was developed by the GitHub team.

PROS - Atom comes with 81 built-in

packages and you can add up to
CONS
7,500 additional installable
packages. You can also develop
your own package -It’s slow compared to Sublime
Text.
- Open Source Text Editor. The
entire Atom editor is a free and
open source program and is
available at GitHub

- Atom supports Teletype. It is an

important feature if you want to do
a collaboration with other
developers in real-time
- Supports multiple panes. Atom
can split the interface into many
windows so you can compare and
write code side by side
- Simple file browsing system to
provide you quick output.
NetBeans – a free and open source HTML editor
PROS CONS
It is super helpful in developing web Limited support - By default, NetBeans
applications, desktop applications, and doesn't come with any professional
mobile applications as well support
You can freely develop your code in There are problems in code execution
HTML5, C++, PHP, JavaScript and many time and start time if they are high
other programming languages complexity and too heavy
NetBeans IDE can be installed on
multiple operating systems like Linux,
Windows, macOS
When you are developing your
applications, you can detect errors very
quickly
APLICAȚII ONLINE
CodePen
CodePen includes some awesome features to write CSS faster:
1. You can add tags to your pens, which then become searchable.
2. Searching tags such as “Loader” and “Form” brings up tons of helpful inspiration.
3. Blogging is a new feature on CodePen, allowing you to easily write about code just like on a regular blog.
4. Inspiration. Impressive pens are always displayed on the homepage, as well as great articles and collections.
HTMLhouse
HTMLhouse is a good option if you only care about HTML:
• It’s extremely clean and minimal
• The ability to publish your HTML and share it privately (with the provided URL) or publicly (it gets added
to HTMLhouse’s Browse page).
TryIt Editor
Brought to you by W3Schools, TryIt editor lets users edit HTML, CSS and JavaScript code, and view the result in
their browser. This online editor is very simple and doesn’t feature as many options as some others mentioned
in our list, but it’s still a great tool, especially for testing new ideas and techniques.
HTML-Online
This free HTML WYSIWYG editor program allows you edit your source code online without downloading any
application.
Main features:
• Interactive source editor: access your visual content and source code next to each other and whichever
you edit see the other change instantly in real time.
• HTML Cleaning: activate the desired cleaning options and turn your messy HTML to a nice and clean
code. Once you try this, you'll always use this to bulk edit your code.
• Word to HTML conversion: copy and paste your documents in the visual editor and convert it to a clean
web-friendly format. It works with Microsoft Word, Excel, PowerPoint, PDF, Google docs and almost
anything you can imagine.
• Find and Replace: this tool allows you to perform one or more text replacements in your HTML. This will
be executed once you click the clean button and the cleaning options have been performed.
• Lorem-Ipsum generator: every web publisher might need a good gibberish text generator for his editor to
fill the page until the live content takes its place.
• Table to DIV conversion: Div tags are taking place of the classic tables in the age of responsive web
design because they are easier to style and are not that limited. Convert your tables to structured <div>s.
LINKURI
Aplicații offline:
• https://notepad-plus-plus.org/downloads/
• https://www.adobe.com/ru/products/dreamweaver.html
• https://www.sublimetext.com/
• https://atom.io/
• https://netbeans.org/

Aplicații online:
• https://codepen.io/
• https://html.house/
• https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
• https://html-online.com/