You'll be happy to learn that it's really pretty simple. The basic idea is this... A web page is nothing more than a file, a HTML file to be exact. It's called HTML because web page documents have the file extension .html or .htm. HTML stands for Hyper Text Mark-up Language.and the best way to learn HTML is notepad.

Another tool you'll need is a browser to view your web pages. You're probably using a web browser right now to view these pages. The most widely used is Microsoft Internet Explorer. That's the default browser on must computers. A recently very highly rated browser is Firefox.

A web site is a patchwork of computer files of various types. Some are HTML documents. Others are image files. Yet others are multimedia files like Flash movies and Acrobat documents. To create and edit these files and organize them into a coherent, consistent whole—to turn them into a web site—you need several pieces of software.
Unfortunately, no single software package—not even Dreamweaver—gives you the tools to do everything from designing your pages to creating images and multimedia to previewing your site and sampling the user experience. With that in mind, here is a checklist for the well-rounded web designer’s software library:

· Code editor
· Web browsers
· Image editor
· Multimedia design tools and plug-ins

A code editor is software that enables you to build web pages. Dreamweaver’s got you covered here, so you can check the code editor off your list. In fact, Dreamweaver does you two better. It includes tools for organizing your pages into a site and then publishing your site on the World Wide Web.
As your code editor, Dreamweaver is the most essential piece of software in your studio, because it’s the center of production from the beginning of your project to the very end. You use Dreamweaver to create the HTML files that become the foundation of your site. You build the layout of the pages, add the text, connect the links, and position the images and multimedia files. The site-management features help you to craft the flow of your site from page to page and section to section, and the publishing features help you to launch your site and keep it up to date with your latest changes and additions.
But the Dreamweaver feature that appeals the most to visually-oriented people like designers and graphic artists is that the code editing happens behind the scenes. You build your site in a WYSIWYG environment—that’s What You See Is What You Get, meaning that you don’t code your layouts into existence but draw them on the screen, much like you would on a piece of paper. Dreamweaver translates your design into code that’s usable in any web browser.
About CSS
If an HTML document identifies the structure of a web page, a CSS file tells the browser how to display the structural elements that the web page contains. CSS stands for Cascading Style Sheets. CSS code, like HTML, is text-based. Instead of tags, though, CSS contains style rules or presentation instructions for the web browser.

About JavaScript
JavaScript is a language for writing short computer programs called scripts that run in the visitor’s web browser. In this sense, JavaScript is a different type of beast than markup languages like HTML and CSS. Markup languages are for telling the browser what’s what—this is a paragraph, for instance, and it needs to look like this—but you’ll never use a markup language to write useful functions, such as, “When the visitor clicks this button, I want you to check the order form for missing or incomplete fields.” This is where scripting languages like JavaScript come in.

Scripts add a degree of interactivity to your pages that wouldn’t ordinarily exist with HTML and CSS alone. They’re perfect for clever features like order forms that tell you when you’ve forgotten to supply your email address or images that appear to change when you roll over them with the mouse pointer.
JavaScripts may be clever, but they can also be difficult and confusing to code. Thankfully, Dreamweaver takes away all the coding and subsequently all the hassle. Want button rollovers on your site? Done! No need wasting precious time making sure your detailed code is picture perfect. Dreamweaver comes with dozens of pre-built and completely customizable scripts called JavaScript behaviors that you may attach to your pages at will. You choose the behavior that you want, and Dreamweaver adds the necessary JavaScript to make the behavior work.
Multimedia (or simply media) refer to a wide variety of digital data, including animations, audio, and video. To create multimedia for your site, you need dedicated authoring tools. You probably have a few of these already. Microsoft Windows Media Player springs to mind—you can use this application to capture audio from music CDs. To create different kinds of media formats, or for more robust editing capabilities, you’ll need to invest in additional software.
Multimedia, like images, exist as separate computer files. You place them on your web pages in Dreamweaver. Dreamweaver adds the corresponding pointers to the HTML code, and, when you publish your pages, you upload the multimedia files so that the browser can find them.