How to Create a Dynamic Web Page With Dreamweaver 8

  • Print this article

A person seeking how to create a dynamic web page with Dreamweaver 8 certainly has all the tools he needs in order to be able to create an attractive page. Dreamweaver 8 is an advanced program that can help experts as well as novices.

Things You'll Need

  • Computer Dreamweaver 8 software
Show More

Instructions

  1. How to Create a Dynamic Web Page With Dreamweaver 8

    • 1

      Open up a new page. When opening a new page in Dreaweaver 8, Dreamweaver gives template options about page sizes and page layouts. While any of these options could be chosen, a person can have the most flexibility by choosing to open a blank page and then customizing the page. Choose "Open new html page" on the template selection page.

    • 2

      Save the page. Start off by giving the page a name. Dreamweaver will automatically save the page as a html file. The page can be saved by going to File > Save as.

    • 3

      Create a table. Any dynamic web page that is created in Dreamweaver 8 is most often created in some type of grid or table. To place a table in the graph, go to the toolbar and select Insert > Table. When this is selected, Dreamweaver will ask how many rows and columns to create. It is best to create several rows and several columns. The rows and columns that are not needed will be merged later. Start with 30 rows and 30 columns.

    • 4

      Merge cells. In order to keep elements on a web page aligned, the cells being used must be merged. Highlight the top four or five rows of the table and right click. Choose the merge cells option on the menu that appears. This will make all of the cells of the table selected become one large cell. This is where the graphic for the header of the dynamic web page created in Dreamweaver 8 can be placed. Place a pre-created image into this area by selecting Insert > Image. It is best to pre-create all images and graphics in a program like Photoshop.

    • 5

      Continue to merge cells and insert images, graphics and text. Repeat the merge cell process mentioned earlier for each area of the page where images, graphics, flash and text should be placed. Placing Flash into the page can be done by copying the code used to create the Flash from the Adobe Flash application. Then, go back to Dreamweaver 8, select the cell where the Flash should be placed and select the "Code" tab on the top left of the page. Then press Ctrl + V to paste the Flash code into the page. Click back on the "Design" tab to go back to the normal page view.

    • 6

      Add links. Click on any cell on the page and the cell will be selected. At the bottom of the page, select the Create Links tool. This tool allows a person to create multiple links on one page. For each place where a link should be placed, outline the image or text and then type the complete URL of the page it should be linked to into the box that has a # in it. Delete the # before the link is typed in. In the "alt." field, type in the alternative text for the link that appears in case the picture does not show up in a person's browser.

    • 7

      Click on Preview and view what the page will look like when published. If it looks normal, save it. If there are things that need to be changed, close the preview page and make the necessary changes. Then open the preview page again to see how the changes look on the dynamic web page created with Dreamweaver 8.

Tips & Warnings

  • Make several links. The more links a page has, the more likely it will come up higher in web searches. Always test the content of the page first. The Preview tab is a web developer's best friend.

  • Do not post a page without doing a thorough test. Make sure every link works and that all elements are appearing correctly. It is easier to fix these things right off the bat than it is to fix them after the page has been published.

Related Searches

Resources

Comments

You May Also Like

Related Ads

Featured
View Mobile Site