• Looking for a Top Flight Web Development Team?
  • Professional & Affordable Web Design Services
  • Shaping Imaginations using Cutting-Edge Technologies
  • Dynamic Solutions for Dynamic Businesses
  • Analysis.. then Solutions with a High Tech Flair
  • Satisfied Customers In Over 30 Countries
  • National Association of
    Accredited Internet Professionals
  • (561)948-6074
Custom Website Designs
 
Macromedia Dreamweaver
  • Web Authoring
    Web authoring is the process of developing Web pages. The Web development process requires you to use software to create functional pages that will work on the Internet. Adding Web functionality is creating specific components within a Web page that do something. Adding links, rollover graphics, and interactive multimedia items to a Web page creates are examples of enhanced functionality. This web design lesson demonstrates Web based authoring techniques using Macromedia Dreamweaver. The focus is on adding Web functions to pages generated from Macromedia Fireworks and to overview creating Web pages...

  • Creating a Web Page Using Macromedia Dreamweaver
    Creating new pages requires you to perform a process. As we have discussed previously, Web design processes can vary. So you should find one you like, use it to get work done, and constantly explore and learn new processes to grow your skills and portfolio. We have identified and defined the process for creating, slicing, and exporting a Web page using Macromedia Fireworks. The process for creating Web pages using Dreamweaver starts with you creating a new .htm page. File>New>HTML page This will create a new Web page. It will be a blank white page. HTML pages are rather simple when created in Dreamweaver. Think of a...

  • Layers
    If you are new to using Macromedia Dreamweaver or image editing software you probably are a bit sketchy on the definition of a layer. A layer is a container of HTML content. The container holds elements such as text, graphics, animations, color, and any other object or item that can be placed on a Web page (Towers, 1999). We said before that tables are great for controlling the items in a layer. Layer items can also be controlled by CSS attributes. Cascading Style Sheets allow items to be positioned absolutely on a Web page. For our uses and for people with little experience, CSS can be skipped over for now. We will learn about CSS...

  • Layer Motion with Timelines
    The timeline inspector is a wonderful, powerful tool; it allows us to make HTML files dynamically move. They also provide a method of simple animation that does not require the experience and patience of using Macromedia Flash. We will examine some techniques using layers and the timelines in Dreamweaver. Now, this portion of the text will get a bit in-depth. If you feel that you are not ready to start with dynamic pages and want to stick to static, non-moving pages for now, you can skip ahead to using the properties inspector to position your layers and make a balanced Web page layout. Let us continue...

  • Links
    Linking is what makes the Web an interactive (user-controlled) medium. Links allow the user to initiate action. When a link is clicked by the user on a referring page, it is directed by the HTML code to go to the target page. Links also can be called buttons or navigation items. Links make up the component functions of the interface. Technically speaking, on the code side of the Dreamweaver page, links are created using the href tag. Think of a href as short for a hyper reference. Where can you link to? • Web pages in your site • Other Web URLs...

  • E-Mail Links
    You will want your impressed users to contact you when the site has wowed them. To do this, you need to add contact information. The easiest, most intuitive method for doing this in a Web site is to provide an e-mail Mailto: link. It sounds a bit technical, but it’s really quite simple. All you need to do is type the words “e-mail me” on the page (try doing this in a layer). Now, highlight the text and go to the properties inspector, in the Link field, type mailto:[your e-mail address]. Add your exact e-mail address behind the colon in mailto. When the user clicks the linked text, an e-mail client will pop up ready to send a message. Named Anchors Named anchors provide links within a Web page to somewhere...

  • Behaviors
    Dreamweaver’s behavior tools let you apply common JavaScript actions without having to write any JavaScript. You can make something happen on a page when your users load a page, click on an object, or move the mouse around (Towers, 1999, p. 29). To open the Behaviors palette go to Window>Behaviors. Behaviors provide a wealth of JavaScript features that are perfect functional compliments and necessities to your Web portfolio. For example, Pop Up Windows (Open Browser Window) are excellent for presenting your content in an defined window that isolates the work and allows the user to concentrate...

  • Pop-Up Windows (Open Browser Window)
    Iam using the term pop-up window. In the behaviors palette, Dreamweaver refers to this JavaScript function as Open Browser Window. I’ll use the Browser Window reference for clarity in this section but I will continue to use the term Pop Up window throughout the text. As I have state previously, using Browser windows to isolate your work is an effective design strategy. Here are few items of importance for you to consider when working with the Open Browser Window Behavior: Pop-up windows should typically be smaller than the Web page that launched it. It does not have to be, but it makes good design sense to apply the idea. These sizes...

  • Meta Tags and Keywords
    Meta tags provide author information and other attributes of a Web page. Meta tags are located in the HEAD section of the Web page. In addition to the Meta tags, the keywords reside in the HEAD section and are invisible when they are placed in Web page code. Search engines use the keywords to index pages. When you type in a keyword in a search engine, it looks for all occurrences within Meta tags of Web pages. It is a good idea to add keywords to your Web pages. The Macromedia Dreamweaver Help screens explains that: Many search-engine robots (programs that automatically browse the Web gathering information...
 

Back
to Top