Antipyretics for children are prescribed by a pediatrician. But there are emergency situations for fever when the child needs to be given medicine immediately. Then the parents take responsibility and use antipyretic drugs. What is allowed to give to infants? How can you bring down the temperature in older children? What medicines are the safest?
Visual HTML- an editor similar to Macromedia Dreamweaver, but completely free. A great tool for beginners who are just starting to master the science of creating websites.
Why is he good? Yes, the fact that to create a web page you do not need to bother with the study of web programming languages. You just type text, insert pictures or animations, and NVU takes care of all the "dirty" work of formatting it all in HTML.
We now have a forum at your disposal. The tags are highlighted and you can see both the visual editor and the code editor at any time at the same time. The written code is sorted by line number and with the help of buttons you can hide or show parts of the code included in a specific tag through a simple tree structure.
You no longer need a computer, but you can make changes as soon as you receive the file, anywhere. It can also be used to manage pages, rename them, move them, copy them, or delete them. There are other additional paid features.
Unfortunately, at the moment the development of NVU has been suspended, but the project has grown to the first stable version, and this is already a lot. Let's look at it in more detail.
NVU Capabilities
- different display modes of the edited page;
- ample opportunities for text design;
- inserting images (including backgrounds);
- the ability to work on the whole site, and not just on individual pages;
- creating tables and forms;
- publication of the edited site directly from the editor;
- own cascading style sheet (CSS) editor and Java Script console.
All this and much more allows us to make a small site from scratch with minimal (preferably) knowledge in the field of HTML (or their complete absence :)).
Cons: Some additional features are only available at an additional cost. Using this editor, you can add notes, shapes, highlight parts of text, underline and gallop text. It also allows you to add text, draw, and share the files you just edited. This is a really nice app to use!
At this stage, we can start in earnest and implement a really powerful and versatile software, thanks to which we will make our e-book, and we will be able to export it to the most used formats and required by online stores and readers. Let's take a closer look at what are the characteristics of this program and how it will be able to manipulate our book file.
Installing the visual editor
Downloading ... Installing ... Launching and watching :) (that's right - no unnecessary gestures with Russification, entering additional information, etc.).
We agree to create a shortcut on the desktop and launch NVU with it.
NVU Interface
At first glance, NVU looks like some kind of text editor. This is its main merit - a visual graphical interface.
The first two define structures, and the third defines formatting. So instead we find it ready made and available for all desired settings. The interface of the program is very intuitive, but let's illustrate it the same way. The work plan is divided into four specific areas. Let's position ourselves on the title of the book we want to change and right-click on it. From the context menu, select "Edit book" and wait a few minutes to open a new work interface.
Let's immediately see what has changed compared to the previous one. At this point, we are ready to modify our file as we see fit. We can do this with the help of the formatting tools at the top. Just select the part you want to change and choose an option.
But looking down, you will see that in addition to the usual, there are several more modes for displaying the entered information:
- HTML tags;
- and preview.
HTML tag mode
"HTML tags" are a kind of mosaic of text and tags, designed as colored rectangles.
Assume that the possibilities for modifying our book are theoretically infinite. If we wanted to, we could rewrite the entire code and mangle it. Let's start with the index and click the "Edit Index" button at the top of the toolbar. The opened mask will allow us to perform various operations.
Edit, delete or move an existing entry. create a new element and place it where you want. delete the entire index and create a new one, starting with basic headings, files in a book, or hypertext links. We can no matter what we want, but always remember that the index is used to smoothly transition into our file, so we avoid being too creative and we always choose a practical and easy-to-use solution.
This view mode is useful for novice users, as it displays all the main tags used and at the same time does not bother with a large number of them, while remaining the same visual editor.
Also, in this mode it is convenient to study the names of tags, so that later you can easily use them in the code editing mode.
Mode Code
The "Code" mode is a window familiar to all web developers with the HTML code of the page being edited. It is from here, from all these doodles, that all the resources of the Internet grow.
Having mastered the code language, you can easily add to your site any controls, scripts and other "goodies" that you are used to admiring on other people's sites :).
Preview
And, finally, "Preview" allows you to evaluate the result of our efforts, displaying the page in the form that it will acquire on the Internet.
In the screenshot, it does not differ from the text counterpart, but it is worth adding any navigation elements or scripts, as the difference will reveal itself:
If you were editing this page in Notepad like a hardcore programmer, you would need at least a browser and a local web server to view it.
And here, as they say, already "all inclusive".
Now that the viewing and editing options have been clarified a bit, let's take a deeper look into the capabilities of NVU.
Hidden Features of NVU's Visual HTML Editor
All basic formatting options are available as icons, but some options are hidden in the menu bar.
For example, in the "File" menu you will find functions such as:
1. "Open an address on the Internet." Thanks to the engine from Mozilla allows you to open and edit pages directly from the Internet.
This can be very useful if you want to see how this or that feature for the site is done. Just enter the address in the window that opens and admire the result:
2. "Export to text format". After admiring the site, you can save its source code in .txt format on your hard drive.
In "Edit" there are tools for searching for the right words in the text and checking spelling.
In the "Insert" menu, you can pay attention to the ability to insert PHP code and characters that are not on the keyboard.
"Format" provides a wide range of options for customizing the appearance of text, images and other information.
The most interesting, and most importantly, nowhere displayed feature here is "Page color and background". Using this option, you can easily add any background image or simply choose a good background color for the site.
Finally, the "Tools" menu provides options such as access to a JavaScript console, a CSS editor, and an HTML code inspection tool.
Also from here you can access the program settings and NVU theme settings.
conclusions
NVU is easy to understand, since all controls in the program are provided with tooltips and explanations, and thanks to a group of Russian developers from the Mozilla.ru Team, there is also very good help in Russian.
The only disadvantage of NVU is that the code generated by the program is very cumbersome and has a lot of unnecessary tags. But let this be only an incentive for you to study HTML and optimize and bring your site to perfection.
Good luck with your developments and success in all your endeavors!
P.S. It is allowed to freely copy and quote this article, provided that an open active link to the source is indicated and the authorship of Ruslan Tertyshny is preserved.
Vlad Merzhevich
For effective work, you cannot do without the necessary and familiar tools, including when writing HTML code. Therefore, for the initial development of web pages or even a small site - this is the name of a set of pages interconnected by links and a single design, we need the following programs.
- Text editor.
- Browser to view results.
- Validator is a program for checking HTML syntax and detecting errors in the code.
- Graphics editor.
- Reference to HTML tags.
Text editor
An HTML document can be created in any text editor, although Notepad, however, not every program is suitable for this purpose. You need one that supports the following features:
- syntax highlighting - highlighting tags, text, keywords and parameters in different colors. This makes it easier to find the desired element, speeds up the work of the developer and reduces the occurrence of errors;
- tabbed work. The site is a set of files that have to be edited separately, which requires an editor who can work simultaneously with several documents at once. At the same time, it is convenient to open files in separate tabs in order to quickly navigate to the desired document;
- checking the current document for errors.
PSPad
HtmlReader
Notepad++
Edit Plus
Browser
A browser is a program designed to view web pages. At first, any browser will do, but with an increase in experience and knowledge, you will need to start a whole "menagerie" to check the correct display of the site in different browsers. The fact is that each browser has its own unique features, so to check the universality of the code, you need to review and adjust the code to take them into account. The three most popular browsers today are Firefox, Internet Explorer and Opera.
Mozilla Firefox
A promising and developing browser that has received worldwide recognition. Its feature is simplicity and extensibility, which is obtained through special extensions, as they are called. Initially, Firefox has a set of only the most necessary functions, but by installing the desired extensions, you can eventually grow the browser to a system that performs all the actions you need to do your job. The Firefox browser is an open system developed by the Mozilla group.
Microsoft Internet Explorer (IE)
One of the oldest browsers that comes with the operating system for free Windows system. This determined his popularity. The IE 7 version is closer in convenience to its old competitors, in particular, tabs have appeared. Unfortunately, this browser supports the HTML specification the worst of all, so for correct display in IE, you sometimes have to separately debug the code specifically for it.
Opera
A fast and convenient browser that supports many additional features that increase the comfort of working with sites.
safari
Developed by Apple, this browser is built into iPhone and operating system MacOS on Apple computers. There is also a version for Windows.
Google Chrome
A browser that appeared on the market at the end of 2008. Developed by Google.
Validator
Validation of an HTML document is designed to detect errors in the syntax of a web page and discrepancies with the HTML specification. Accordingly, a program or system for such verification is called a validator.
How to check HTML file for validity
If you have Internet access, you should go to http://validator.w3.org and enter the path to the document or site to be checked in a special form. After validation, possible errors will be shown or an inscription will appear that the document has been validated successfully.
Tidy
To check a local HTML file or when there is no Internet connection, the Tidy program is designed. Some editors, such as PSPad, already contain built-in Tidy and document validation can be done without additional tools.
Graphics editor
A graphics editor is required to process images and prepare them for publication on a web page. The most popular program of this kind is Photoshop, which has become the standard for processing photos and creating graphics for websites. But most of the time Photoshop's power is overkill, and it's better to use something simpler and more nimble. In particular, the Paint.Net program allows you to do all the necessary manipulations with images, in addition, it is free to use.
HTML Tag Reference
Remembering all the tags and their parameters by heart at first is difficult, so you need to periodically look into the manual to clarify a particular issue. In general, everyone needs a good guide, regardless of the level of training.
Online directories
Description of HTML tags (in English)
http://www.w3.org/TR/html4/index/elements.html
On this site you will also find one of the best guides to tags in Runet.
