Student Information System

Only available on StudyMode
  • Topic: HTML, Web page, Cascading Style Sheets
  • Pages : 7 (1902 words )
  • Download(s) : 98
  • Published : March 3, 2013
Open Document
Text Preview
Adobe Dreamwaver CS4
(Formerly Macromedia Dreamweaver) is a proprietary development application developed by Adobe Systems. Dreamweaver was originally developed by Macromedia, until Macromedia was acquired by Adobe Systems in 2005. Adobe Dreamweaver is available for both Mac and Windows operating systems. Welcome Screen

Once you launch the application Dreamweaver CS4 you will see the Welcome screen. The Welcome screen has several sections to it
Open a Recent Item – Contains a list of the nine most recently opened items in Dreamweaver
Create New – To create a new page or site.
Top Features(videos) ‐  The link directs to video training for Dreamweaver Getting Started ‐  Gives you a quick tour of Dreamweaver’s functionality New Features ‐ This opens the online new features documentation. Resource – Provides links for further resources on adobe’s site for Dreamweaver. Dreamwaver File Types

You can work with a variety of file types in Dreamweaver. The primary kind of file you will work with is the HTML file. HTML files—or Hypertext Markup Language files—contain the tag‐based language responsible for displaying a web page in a browser. You can save HTML files with either the .html or .htm extension. Dreamweaver saves files using the .html extension by default. Following are some of the other common file types you might use when working in Dreamweaver: CSS ‐ Cascading Style Sheet files have a .css extension. They are used to format HTML content and control the positioning of various page elements. GIF ‐ Graphics Interchange Format files have a .gif extension. GIF format is a popular web graphic format for cartoons, logos, graphics with transparent areas, and animations. GIFs contain a maximum of 256 colors.

JPEG ‐ Joint Photographic Experts Group files (named after the organization that created the format) have a .jpg extension, and are usually photographs or high‐color images. The JPEG format is best for digital or scanned photographs, images using textures, images with gradient color transitions, and any images that require more than 256 colors. XML ‐ Extensible Markup Language files have an .xml extension. They contain data in a raw form that can be formatted using XSL (Extensible Style sheet Language).   XSL ‐ Extensible Style sheet Language files have an .xsl or .xslt extension. They are used to style XML data that you want to display on a web page.

CFML ‐ ColdFusion Markup Language files have a .cfm extension. They are used to process dynamic pages.
PHP ‐ Hypertext Preprocessor files have a .php extension and are used to process dynamic pages.

Dreamwaver Environment
The Adobe Dreamweaver CS4 workspace contains the toolbars, inspectors, and panels that you use to build web pages. You can customize the general appearance and behavior of the workspace.
Document Views
The Document window shows the current document. You can select any of the following views: Design view
A design environment for visual page layout, visual editing, and rapid application development. In this view, Dreamweaver displays a fully editable, visual representation of the document, similar to what you would see when viewing the page in a browser. Code view

A hand‐coding environment for writing and editing HTML, JavaScript, server‐language code— such PHP or ColdFusion Markup Language (CFML)—and any other kind of code. Split Code view
A split version of Code view that lets you scroll to work on different sections of the document at the same time.
Code and Design view
Lets you see both Code view and Design view for the same document in a single window. Live view
Similar to Design view, Live view displays a more realistic representation of what your document will look like in a browser, and lets you interact with the document exactly as you would in a browser. Live view is not editable. However, you can edit in Code view and refresh Live view to see your changes.

Live Code view
Only available when viewing a document in Live view....
tracking img