1 / 18

Using Dreamweaver MX

Using Dreamweaver MX. Standard toolbars and menus. Properties panel. Time indicator: gives an approximation of download time of the page. Cell padding adjusts the space between the edge of the cell and the text. Select the required numbers of Rows and Columns.

Download Presentation

Using Dreamweaver MX

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Using Dreamweaver MX

  2. Standard toolbars and menus Properties panel Time indicator: gives an approximation of download time of the page

  3. Cell padding adjusts the space between the edge of the cell and the text. Select the required numbers of Rows and Columns. Cell spacing adjusts the width of the space between the cells. Select the width of the table: if this is not entered, the table will adjust according to the items in the cells and the window size of the browser. Note, it is better to use % rather than pixels, then the table will alter its width to suit the browser window. Use the Insert, Table menu to insert a base table for the page layout.

  4. The base table you have chosen is indicated by dotted lines. This example has 2 rows and 3 columns. Each cell is used to contain an object: text, image, menu, etc.

  5. 1. Enter main title. 2. Highlight the text. 3. Use the drop down menu to format it as Heading 1. 4. Centre the text if you wish. Add further text as required in relevant cells. Don’t format the text at this stage.

  6. Pressing Return at the end of a line produces a new paragraph. To move down one line, hold the Shift key down and press Return.

  7. Enter text for hyperlinks. Highlight required text. Use Insert, Hyperlink menu or use the Properties panel Enter the url for the link Decide upon the target for the link

  8. To save the file, use the File, Save menu. Make sure you save the file in the correct location. Enter a Page Title. NOTE: Web servers differ in the way they handle file names. To be safe always use: lower case letters and numbers only and no spaces. Always specify .htm as the file name extension.

  9. To insert images, use the Insert, Image menu and browse to the required image. Note: Make sure that any images you want to use are saved in an assets folder which could be in the same folder as the web page.

  10. Use a right click on the image to call up image properties. Always describe the image used.

  11. Click on the edge of a table to call up Table Properties. Change table properties as required.

  12. Click on any cell inside a table to call up Cell Properties. Change cell properties as required.

  13. Style Sheets

  14. 2. Click on Browse 1. Click on Attach Style Sheet. 3. Select body – css file. 4. Press OK To add an existing style sheet

  15. body.css will change your page defaults so it will look like this

  16. Style sheet two Style sheet one Style sheet three Style sheet four

  17. 1. Click on New CSS style 2. Redefine HTML Tag 3. Select body To create your own style sheet

  18. 1. Select default font 2. Select default font size 3. Select font colour 4. Select background colour

More Related