1. © Ms. Masihi

2.  A Web page contains text and images that convey specific information to viewers.  To create a new web page, open Dreamweaver and select Create New > HTML. © Ms. Masihi

3.  If Dreamweaver is already open, click File > New.  In the New Document Dialog Box click Blank Page and then HTML for Page Type. © Ms. Masihi

4.  When you click Create, a new page opens in Dreamweaver’s Document Window. © Ms. Masihi

5.  Web pages are primarily a text-based medium, so Dreamweaver opens in a text entry mode by default.  To add text, click in the workspace and start typing. © Ms. Masihi

6.  Text entered in the workspace wraps automatically to the next line when space runs out on the current line.  Each time you press Enter (Return key), a blank line is inserted into the text. © Ms. Masihi

7.  Each document (page) should be given a Title which appears in the blue bar across the Browser window (and is also used when bookmarking a web page).  Click in the Title textbox at the top of the Document Window and type in the title. © Ms. Masihi

8.  Another way to enter a page title is to click Page Properties in the Properties Inspector. © Ms. Masihi

9.  In the Dialog Box, click Title/Encoding category and enter a title for the page. © Ms. Masihi

10.  The Page Title shows in the Title Box above the workspace.  Note that the file does not yet have a name (Untitled-1). © Ms. Masihi

11.  A Horizontal Rule can be used to delineate parts of a page - such as below a page title, above a footer or copyright notice on the bottom of a page. © Ms. Masihi

12.  To insert a Horizontal Rule, first position the cursor where you wish to insert the line.  Click Insert > HTML > Horizontal Rule.  The default setting for the Horizontal rule is the total width of the page in a gray color. © Ms. Masihi

13.  The width of the Horizontal Rule will adjust automatically as the Browser window is resized. © Ms. Masihi

14.  A web page defaults to Times Roman, 14 point font.  All text entered begins with the default settings unless changed by the page developer.  Text entered in long, continuing paragraphs tend to be overlooked (ignored) by casual readers. © Ms. Masihi

15.  Headings break up the page into more interesting blocks, encouraging readers to read each section.  Break up text with Headings larger than the normal text.  Compare Heading Sizes (H1, H2, H3, and Bolded Text).  Notice that H1, H2, etc is more than just bolding the text. © Ms. Masihi

16.  For your first assignment use 3 different heading sizes in your document. ( you choose where )  Label which heading you use next to the heading text as shown. © Ms. Masihi

17.  To format text as a heading, enter the text.  Drag the mouse over the text to select it.  In the Properties Inspector, HTML Tab, click the arrow beside Format.  Select the desired Format. © Ms. Masihi

18.  The selected text now displays using the Heading Format selected. © Ms. Masihi

19.  Click Split View and remain on this view and pay special attention to the codes  This shows you the page in Design View and the HTML Code in the Code View side by side.  Notice the title is now enclosed in tags. © Ms. Masihi **

20.  Dreamweaver has Special Symbols that can be easily inserted into your web page - copyright, trademark, and more.  To insert one of these symbols, first click on the page where you want to insert the symbol. © Ms. Masihi

21.  To insert a Copyright Symbol, click Insert > HTML > Special Characters > Copyright.  The copyright symbol is added to your page. © Ms. Masihi

22.  Highlight the Copyright Symbol in Design View..  In Split View notice that © was automatically inserted by Dreamweaver to display the copyright symbol. © Ms. Masihi

23.  Instead of using the menu items to insert the copyright symbol, you can also go into the HTML code and manually type in © © Ms. Masihi

24.  The final element you will insert onto the page is the date.  While you can type in the date, Dreamweaver also can insert the current date for you.  Click the Common Tab on the Insert Panel. © Ms. Masihi

25.  Click the Date Icon.  Dreamweaver will automatically insert the current date into your document.  This date will be today’s date (and will not be updated if you open the page on a different date). © Ms. Masihi

26.  Now that the page is finished, save the file, test it in a Browser, upload it to your Internet Provider and send the link to your instructor. © Ms. Masihi

27.  Save your work frequently as you develop each web page.  Click File > Save As to save a file the first time. © Ms. Masihi

28.  When you save a file, it must be given a name.  A filename must begin with a letter and may contain numbers and letters. A filename may NOT contain spaces or special symbols ( # $ * etc.)  It is best to use lowercase letters. © Ms. Masihi

29.  Basic Dreamweaver files are saved with an extension.  Most web page files are saved with.html extension. © Ms. Masihi

30.  Save your first page (containing just text) as MyFirstWebPage.html. © Ms. Masihi

31.  Before uploading a file to a Web Hosting Service, be sure to take a look at the page in at least one Browser.  First, save the file.  Click the Preview in Browser Icon (Globe) above the workspace. © Ms. Masihi

32.  Take a careful look at the page contents and the page title in the Title Bar.  After everything looks good, you are ready to upload the file to your ISP (server) so others can see the web page. © Ms. Masihi