Web page/Dreamweaver/Project3

Welcome to Dreamweaver

Dreamweaver

• helps you to create webpages.
• links sites to other sites.

Things to do before creatng a website!

The four steps in planning are: i. Define the purpose and target audience. ii. Determine the web pages that will be in the website by sketching the navigation structure. iii. Determine the content for each web page. iv. Design the web pages by sketching the page layouts.

The five steps in implementation are: i. Define the website and organize the files and folders. ii. Create the web pages using Dreamweaver. iii. Review the website in a browser and review a printed copy of each web page. iv. Make changes or corrections

So assuming that you've just gone through the previous tutorial on how to make a web page, basically what you will do is edit your web page by adding HTML code and your own content to mypage.htm using Notepad (or any decent text editor). Then you will save your work by simply clicking on File » Save and then —keeping Notepad still open— switch your screen to Internet Explorer and click on Refresh to preview your latest changes. Then, keeping Internet Explorer still open, switch your screen back to Notepad again, do some more editing, save your work, switch back to Internet Explorer, click Refresh, preview, etcetera.

If later on, after you've finished and you've closed all the programs, you want to return to this Notepad/Internet Explorer editing setup, simply locate where you stored the .htm file that you wish to edit (in this example C:/Homepage/mypage.htm) and double-click on it to open it in Internet Explorer. Then, click on View » Source and Internet Explorer will use Notepad to open up your .htm file at the HTML source code level ready for more editing.

NOTE

If you're using another browser besides Internet Explorer, such as Netscape Navigator or Mozilla, clicking on View » Page Source will not open mypage.htm in Notepad but rather will just display the source code in the browser's own built-in non-editable source code previewer. In this situation, to open mypage.htm in Notepad, return to the folder where the mypage.htm file is located (in this example C:/Homepage), hold down the Shift key and then right click on mypage.htm. In the context menu that pops up, click on Open with... to access the Open With dialog. In the list of programs, locate and select Notepad and then, making sure that the Always use this program to open this type of file box is NOT CHECKED, click OK.A good way to follow along with this tutorial would be to have three windows open on your computer desktop:

This tutorial open in an Internet Explorer window (or another browser). mypage.htm open in a second Internet Explorer window (or another browser). mypage.htm open in Notepad (or any plain text editor). And, of course, it will probably help to resize the windows and then move them around on your desktop so that you can view all the windows simultaneously.

Now you may be thinking:

So I just copied some gobbledy-gook into Notepad, I saved it as an .htm file and it made a web page and it says 'HELLO WORLD!'....