IFrames Inline frames, often referred to as IFrames or floating frames, allow you to create
freestanding, scrollable framed widgets anywhere on the page without the need or hassle of having to work with framesets or frames. For end users to see an IFrame, they must be using Internet Explorer 4 or later or Netscape 6 or later. As of Dreamweaver 8, there is no visual way to create an IFrame; you must create IFrames by coding them by hand in Code view. To add an IFrame, follow these steps: 1. Create a new page by selecting New from the File menu. Choose the HTML option and click Create. 2. In the new page, immediately switch to Code view and place your cursor in the <body> tag. 3. Choose Insert, HTML, Frames, Floating Frame. Notice that the <iframe></iframe> tags are inserted. 4. The <iframe> tag has several attributes you need to add to make it work correctly. The most important is the src attribute. The src attribute (short for source), specifies which document/URL you want to use in the floating frame. For demonstration purposes, point it to http://www.yahoo.com. 5. Specify a unique name, a width, and a height. The formatted tag should look something like this: <iframe src="http://www.yahoo.com" name="myFrame" width="400" height="200"> </iframe> 6. Save your work and preview the page in the browser. The result will resemble Figure 8.19. Figure 8.19. IFrames allow you to create freestanding, scrollable panes anywhere on the page. [View full size image] Summary Frames, framesets, and IFrames offer designers yet another option for laying out and structuring websites. When designing with these options, keep in mind your target audience. Will their experience at your site suffer because of their drawbacks? Will the features exposed enhance the user experience for ease of use and navigation? Ask yourself these questions when planning and moving forward with frame-based websites.
Financial Links
News
- IFrames Inline frames, often referred to as IFrames or floating frames, allow you to create