Monday, 18 March 2013

ADOBE DREAMWEAVER CS5

Hi friends :)
                 I came up with a killing topic i mean to say that intresting topic related to web page development.I am sure that this post will make u to get workout with ur webpages u r dealing through DREAMWEAVER CS5 software.
                                                      What is Dreamweaver?
 Dreamweaver is an excellent coding and development tool for new and experienced users alike, and it has quickly become the preferred web site creation and management program, providing a creative environment for designers. Whether you design web sites, develop mobile phone content, or script complex server-side applications, Dreamweaver has something to offer
                                                      Design and layout tools
Dreamweaver’s many icon-driven menus and detailed panels make it easy to insert and format text, images, and media (such as video files and Flash movies). This means that you can create great-looking and functional web pages without knowing a single line of code—Dreamweaver takes care of building the code behind the scenes for you. Dreamweaver does not create graphics from scratch; instead, it is fully integrated with Adobe Photoshop CS5, so you can import and adjust graphics from within the application.
Sample Lesson Image
The Insert panel features objects in several categories that let
you easily add images, web forms, and media to your page.

                                           
                           Site management and File Transfer Protocol
Dreamweaver has everything you need for complete site management, including built-in file transfer protocol (FTP) capabilities between a server and your local machine, reusable objects (such as page templates and library items), and several safety mechanisms (such as link checkers and site reports) so that you can ensure that your site works well and looks good. If you’re designing your pages with Cascading Style Sheets (CSS), the Browser Compatibility Check and CSS Advisor features will help you to locate and troubleshoot any potential display issues that may occur across different web browsers.
                                                  Coding environment and text editor
Dreamweaver lets you work in a code-only view of your document that acts as a powerful text editor. Edit HTML code directly and switch views to see the results of your code as you work. Features such as color-coding, indentation, and visual aids make Dreamweaver a perfect text editing or coding environment for web designers of any level.
For more experienced developers, Dreamweaver also supports popular coding and scripting languages, such as JavaScript, and several server-side languages, including ColdFusion, PHP, and ASP.NET. Specialized insert menus and code panels help you to build pages and applications in the language of your choice.
Sample Lesson Image
Code view is a full-featured text editor that color-codes tags and scripts for editing that’s easier to deciph

                                              An overview of features
Three different points of view: When you edit a document, Dreamweaver lets you see your work in one of three views: the Design, Split, or Code view. Dreamweaver’s easy-to-use Design view lets you build visually and see everything come to life as you create your pages. More experienced web designers and coders can use the Code view to edit a document’s HTML code and scripts directly, enhanced with easy-to-read color-coding and visual aids.
For those who like something in between, the Split view provides a split-pane Design and Code view all at once. You can easily change views at any time with a single click in the Document toolbar.
Sample Lesson Image
The Split view lets you edit your page visually while seeing the code being created behind the scenes.
                                              Page and code object Insert panels: 
You can find intuitive icons for most common web page elements in a categorized Insert panel, from which you can add elements to your page with a single click. You can use additional panels to fine-tune any page element to ensure that you see exactly what you want. Included in the default Insert panel are tools for formatting text, building forms, and creating layouts. Customize a Favorites tab with your most-used icons.
Sample Lesson Image
The Insert panel is divided into several
categories geared toward specific tasks.
                                                 Customizable workspace layouts: 
You can save combinations and positions of panels and toolbars for easy recall at any time. Save multiple workspace layouts for different users, or create different workspaces for specific tasks, such as coding or designing page layouts.
Sample Lesson Image
You can customize the Favorites panel with icons
from any of the other Insert panel categories.
                                                          Powerful visual aids: 
 Take advantage of the precision you’re accustomed to in other design programs through Dreamweaver’s guides, rulers, measuring tools, and customizable positioning grid. Dreamweaver’s Design-Time style sheets let you customize the look of your page exclusively for the editing process, making layout quicker and easier without permanently altering the page’s appearance.
Sample Lesson Image
Rulers, a document grid, and guides help you to size and position page items with precision.
CSS Styles panel: Take advantage of the vast design and formatting options that CSS provides through Dreamweaver’s full-featured CSS Styles panel, which lets you create, edit, and manage styles on-the-fly from a single panel.
                                                                     Live View
Experience tells you that visual web editors often display differently from the browsers they’re emulating. As script-driven interactivity gains popularity, the need to accurately design the different states of your page (including menus, panels, and interface elements) has become increasingly important. The static nature of Design view in Dreamweaver might no longer meet users’ advanced needs.
Dreamweaver’s Live View mode uses the WebKit rendering engine (which is also the basis for the Safari web browser and Adobe AIR) to give you a more accurate preview of your page, usually just as a browser would render it.
Sample Lesson Image
Live View enables you to interact with your pages

                                                    A look at the Welcome Screen
A common fixture in most CS5 applications is the Welcome Screen, which is a launching pad for new and recent documents. In Dreamweaver, the Welcome Screen appears when the application launches or when no documents are open. From the Welcome Screen, you can create new pages, create a new site, open a recent document, or use one of Dreamweaver’s many starter pages or layouts.
Sample Lesson Image
The Welcome Screen appears when you launch the application, or when no documents are open.

                                              Photoshop smart objects
Dreamweaver CS5 offers support for Photoshop smart objects, meaning you can drag a PSD file into a web page within Dreamweaver, optimize the image for the web, and even resize it. If you later update the original PSD file, a red arrow appears on the image in Dreamweaver, indicating that the source file has changed. You can then click the Update from Original button in the Property Inspector, and a new version of the image is created.
Sample Lesson Image
Smart objects provide easier optimizing and updating of graphics
                                                       
                                                        Code Navigator
Using the Code Navigator, you can easily jump to any of the related files (including the specific rules within) that combine to create the final display of a selected element. It is not necessary to look through multiple style sheets to find a specific rule. It’s now just a context menu-click away in Dreamweaver. With the Code Navigator, when you hover over a CSS rule you are able to see the properties and values and click on them to navigate to that specific code. As with related files, you an do this without losing the visual context that’s so important to creating interactive experiences.
Sample Lesson Image
The Code Navigator allows you to easily jump to any
of your related files.

                                                     Opening a recently opened document
To open a document you’ve worked on recently, Choose File > Open Recent or, from the Welcome Screen, select a document under the Open a Recent Item column.
Sample Lesson Image
Choose a file from the Welcome Screen or choose File > Open Recent to
select a recently opened file.


Here are some videos related to Dreamweaver CS5 tool.watch it and enjoy the topic.
This is a link The above description gives u fulfedge knowledge on how to wrk with DreamWeaver for having a killing design,formats and know about HTML code of ur webpage etc to  ur web pages.hope u wil get grip on this software and make use of that.:)




No comments:

Post a Comment