Join Paul Trani for an in-depth discussion in this video Overview, part of Creating a First Web Site with Dreamweaver CS4.
I would like to start of by giving you an overview of the websites that we'll build over the course of this title. And really this is the site and it does have, if I refresh this page, you can see this Flash integrated at the top. There are some images, some text in here including some external links to Follow Jane on Twitter. There is also some navigation allowing me to jump to other pages. On this About Jane Doe page there's this Spry Accordion, allowing me to view more data without going to a different page.
So that works pretty well. There is also a Portfolio section. So this comes in really handy, the ability to display large images in an effective way and kind of toggle all through this web gallery. It's a Lightroom Gallery. And no website would be complete without a contact form. So of course, you are able to drop in your emails and some comments and hit the Submit button and that data will be sent as well. So this is a really effective site, and not only is it structurally sound and technically sound, but it has a good flow to it as far as design fundamentals.
But if this site in particular isn't really your style, I have included some bonus sites as well. So if you want to go with something little more designer-y, I guess, there is that included and again it's fully functional as well. And maybe you want to produce something entirely different, you can do that. Again, with the same data and pretty much based on what you'll earn over the course of this title, you will be able to put together any site you'd like to based on these fundamentals.
Really it's an overview and it gives you the ability to create a structurally sound site and now really is your chance to take it to the next level. So that should give you a good idea not only technically what we're going to create, but also you can experience sort of the flexibility of what can be done in Dreamweaver as you saw with the bonus sites. So it's going to be a lot of fun. Let's go ahead and started.
- Exploring the Dreamweaver workspace for first-time users
- Linking to external web pages and sites
- Improving the presentation of text and images on the site
- Building a layout using Cascading Style Sheets
- Making navigation reusable across multiple pages
- Displaying content using the Accordion widget
- Creating a contact form and sending data from it
- Making the final site search engine-friendly
Skill Level Beginner
Q: After creating the website as instructed in the tutorial, and uploading the site to the internet, the website does not seem to work for every browser. How can one make sure that the website will work for all browsers?
A: An important step when creating a website is to check for browser compatibility. To do so in Dreamweaver, go to Window > Results > Browser Compatibility. Click the Play icon in the left corner then go to Settings and target the browsers you¹re after. Then hit the Play button to run it and check the page that’s open. If there’s an issue, best-case scenario, it should show you what the issue is and link out to a solution. Worst case is that it’s a pretty unique issue, in which case further troubleshooting would be needed.
Q: The background image is tiling, instead of being one large image. How is this corrected in Dreamweaver?
A: This can be corrected by using a larger image, something around 1024x768 that will fill up most of the monitor space. The issue is that the background image is just too small. Note that tiling of the background image can be turned off in the CSS Panel, but that would only result in a single small image. So it’s better to just use a larger image for the background.
Q: When trying to import SWF content, I get a message: “This file is outside the root folder of site ‘xxxxx’ and may not be accessible when you publish the site.” What is causing this?
A: Make sure your SWF file (and all files you put on a page) are located in your local site. Basically make sure you set up a local site in the site panel. It will ask where to put your local site on your computer. Just make sure you SWF is in that folder and you won’t get that error.