Monday, May 9, 2011

Basic Site Structure

If you are brand new to web design and brand new to Dreamweaver you are probably egger to open it up and get started. However before we start using Dreamweaver is symphonic over some of the more fundamental concepts and best practices of web design. That way you ensure that you are using  Dreamweaver coreiclick. And you understand why Dreamweaver operates the way it does when building websites.

The first concept I want to discuss is basic site structure. To those new to websites the thought of creating an entire website can sometime be intimidating. The truth of the matter is the most websites are in fact quite simple. Websites at their core are merely a collection of files and folders, just like any other project on your computer. Although every websites are different some standard have emerged when structuring your site. They can help keep your site organized and running smoothly. To create your website you will first need to folder on your hard drive to put it in. This folder is referred to as the root folder and later when you define your site this is the folder that you point Dreamweaver towards. Inside the root folder, you will structure your files and folders based on how they need to appear online. If you have a small size for example all your HTML files might go right into the redirectory as your sites get larger or more complex. It’s not a common to create a subdirectory to create more structure within your site. You can easily see the structure when browsing online. If you go to for example and look at the about us portion of the website, we can see that the URL is This means that inside the root directory the folder named about us and inside that folder there is a file named mission.esp. In addition to structuring pages this way, most web designer will site assets into their own folders as well. It’s a good way to organize the site and make additional assets easier to find. Images, CSS, external scripts, videos and other assets are routinely placed within their own folders. For our groundswell site, our assets will also within the _ “underscore” placed in front of the folder name. This helps to move these assets folders to the top of any directory structure and makes it easier to identify them as assets rather than mistakes.


Post a Comment

You can buy Dreamweaver here

Adobe Dreamweaver CS5.5-Full

Adobe Dreamweaver CS5.5-Full

Adobe Dreamweaver CS5.5
Deliver compelling websites by using Dreamweaver® CS5.5 software, with powerful coding Adobe® tools, code hinting for custom PHP functions, jQuery, and HTML5 and CSS3 support. Design confidently using the Webkit-enabled Live View with working JavaScript right in the design window. Design and deliver for multiple devices at the same time with Multiscreen Preview, which allows you to see smartphone, tablet, and desktop screen designs side by side, updated in real time as you code. Deploy files more securely with support for Subversion® 1.7 software or the new FTPS and FTPeS support.

Create graphics in Photoshop for your webpage

Adobe Photoshop CS5-Full

Adobe Photoshop CS5-Full

Support for tablets and smartphones now available. Photoshop CS5 customers will automatically receive the update for free.

Adobe Photoshop CS5
Create images with impact using industry-standard Adobe® Photoshop® CS5 software. Remove noise, add grain, and create vignettes with state-of-the-art photography tools. Experience fast performance on 64-bit systems. Plus, integration with Adobe CS Live online services*† enables you to collaborate in new ways.

* CS Live services are complimentary until April 12, 2012. Learn more.
† Adobe online services, including Adobe CS Live Services, are available only to users 13 and older and require agreement to additional terms and Adobe's online privacy policy. Online services are not available in all countries or languages, may require user registration and may be subject to change or discontinuation without notice. Additional fees or subscription charges may apply.