- Web templates
- E-commerce Templates
- Loaded Commerce
- E-Commerce Comparison
- E-commerce Comparison: Payment and Shipping methods
- E-commerce templates compatibility table
- CMS & Blog Templates
- CMS Comparison
- CMS templates versions compatibility
- Facebook Templates
- Website Builders
HTML. How to edit text
December 5, 2011
This basic tutorial shows how to edit text in HTML files. In this tutorial you’ll see how to edit the HTML files with such applications as Adobe Dreamweaver and Notepad++.
These editors are the most popular among the website developers and users.
Dreamweaver is a professional commercial application used to edit HTML, CSS, JS, PHP and other files used in website development.
It’s first advantage is the Design mode that can help you much in basic template customization.
Design mode let’s you see the block positions and edit the template as it is.
The design mode is recommended only for basic customization as editing text or images. In case you want to add something to the page please use the Code mode. You can switch between the modes using the buttons in the top left corner.
The code mode let’s you see the entire HTML structure of your page. You may find it difficult to edit the page in Code mode. However the element coloring can help you much:
As you can see tags are colored with dark blue, links are green, form elements are orange, text is black. A little practice and it won’t be a problem for you.
The only disadvantage of Dreamweaver software is it’s price:) It’s not as cheap as you may want it to be.
You can download trial version or purchase Adobe Dreamweaver from the official website at http://adobe.com
Notepad++ is a free source code editor. It can also be used to edit any files used in website development. The only disadvantage is that it doesn’t have design mode. You can edit files only in code mode.
The color scheme is common with Adobe Dreamweaver so it won;t be hard to locate required elements:
text is black, tags – blue etc.