Pages

Saturday, January 28, 2012

Basic HTML in Dreamweaver


I took an HTML class last year and used NotePad++, a free text editing application, to write the HTML code for our project Web sites. It displayed line numbers and assigned text colors that identify what type of HTML code is being written. In addition, it allowed the code writers to preview the page in a variety of browsers. Dreamweaver takes this concept and gives it an extra mega shot of vitamin B12. I know we were learning to write basic HTML, but I would love to have been able to use this application as well. 

This is some powerful Web authoring tool. Below is my screen shot of the two ways the basic HTML page can be displayed in Dreamweaver. Please note that I did my writing in the design view.  This WYSIWYG (What You See is What You Get) feature is the feature that probably attracts many Web designers to use Dreamweaver.   

For me, I was able to focus on the content of what I was writing rather than making sure that I used the correct tags and that they were opened and closed appropriately. The default view has the version of the HTML used in the document, the initial elements, and the start and end <body> element tag already written in.  All I had to do at this point is to type in the design panel. The code panel was being populated with the elements that I was adding to the page. Because I did have some HTML training, I can also make some editing to the page by using the code view if necessary.  


Screen Shot of Code and Design View in Dreamweaver

No comments:

Post a Comment