For editing HTML and CSS code, Adobe Dreamweaver has become the standard. It is easy to use and its split code/design view, as illustrated in below image, allows you to see in real-time how your code affects your design and layout.
This feature alone makes Dreamweaver an ideal environment for honing your HTML and CSS programming skills. You can download a free Dreamweaver trial and start experimenting right now. Next few post will discuss more detail on using the Dreamweaver interface to create a page with basic components such as images, forms, and text. The latest version of Dreamweaver also has mobile website development features such as designing pages for multiple device window sizes. Dreamweaver also has a built-in FTP (file transfer protocol) feature so that once you design your page locally on your computer, you can use Dreamweaver to connect to your online server and upload your site files.
As shown in above, Dreamweaver’s visual interface allows you to build pages by selecting common elements from menus and typing text directly on the page. If you edit text in, say, Microsoft Word, you can select text and apply different font and color styles. The associated HTML and CSS code automatically appears in the code view panel. Although Dreamweaver will write code for you, you can also hand-code HTML and CSS when you need more control and flexibility.