jump to navigation

Creating CSS Styles In Dreamweaver August 27, 2009

Posted by Interesting Stuff in : Sofware and Computers , comments closed

Cascading Styles Sheets (CSS) are a recommendation of the Worldwide Web Consortium (W3C) and offer web designers precise control over the formatting and layout of web pages. They enable you to set up default formatting rules which the browser will automatically apply to headings, paragraphs and any other elements on a web page. CSS allows web developers to separate the content of their web pages from the style and formatting information. This means that the HTML code is not cluttered with style information and will be processed more quickly by browsers, leading to faster download times. Also, since style definitions are normally stored in external files to which all HTML pages are linked, the entire site can be updated by modifying the CSS file(s), without even having to open any of the HTML pages.

You can use CSS in your web pages in three different ways. Firstly, it can be placed inside an HTML document, in the HEAD area of the page. Secondly, CSS can be placed in an external file with a “.css” file extension. Thirdly, CSS can be placed inline; that is to say, inside HTML tags. The three methods are not mutually exclusive. A typical website may have one or more external style sheets, combined with internal CSS on certain pages and a few smatterings of inline CSS within certain HTML pages. In general, the closer the CSS is to the HTML element it controls, the higher its precedence. Thus inline styles normally take precedence over internal CSS, which, in turn, takes precedence over external CSS definitions.

Adobe’s Dreamweaver CS4 offers a number of sophisticated features for creating and editing CSS. To create internal CSS rules in Dreamweaver, simply open the HTML page then display the CSS Styles panel by choosing CSS Styles from the Window menu. Next, choose New from the CSS Styles panel menu. At the bottom of the New CSS Rule dialog, Dreamweaver invites you to “Choose where your rule will be defined”. Choose “This document only” from the drop down menu. If, instead, you choose “Create New Style Sheet”, the new CSS rule will be placed in an external file. (Dreamweaver will allow you to specify where the file is placed.) If you would like to link an existing CSS file to an HTML page, choose “Attach Style Sheet” from the CSS Styles panel menu and click on the Browse button; locate the file then click “OK”.

Once a CSS source, whether internal or external, is associated with a given HTML file, Adobe Dreamweaver CS4 will display the name of the CSS document in the CSS Styles panel whenever the HTML file is open. If the CSS is being stored internally, the rules will be grouped under the heading “style”, indicating that it has been defined within a style element in the HEAD area of the current page.

The author of this article works for an independent computer training company offering Dreamweaver and Adobe Flash CS4 training classes in London and all over the United Kingdom.

How To Collaborate On Documents With InDesign CS4’s Book Command August 26, 2009

Posted by Interesting Stuff in : Sofware and Computers , comments closed

You have probably noticed that whenever you choose New from the File menu in Adobe InDesign CS4, you may have noticed the option to create a new book without ever knowing exactly what a book is. Well, in fact, books are a fairly nifty feature: they allow you to take a series of related Adobe InDesign CS4 document and treat them as a single entity; a book. All documents in the book can then share resources such as paragraph and character styles, colour swatches, master pages, sections and page numbering.

Once you have created a book, by choosing File-New-Book, the Book panel is displayed. It features a panel menu with all the necessary Book options. Your first task is to add documents to the book: from the Book panel menu, choose “Add Document” and select the documents you want to be treated as part of the book.

There is also some useful feedback about the status of each chapter in the book by displaying an icon next to the name of each chapter. The “Available” icon indicates that the book may be opened by one member of the team of people using the book. The “Open” icon indicates that you have the book open and that no one will be able to use it until they have finished with it. The “In Use” icon will appear when someone else has that chapter open; this means that you have to wait until they have finished with it before you can use it. The “Modified” icon shows that changes have been made to the book since last time you opened it. And, finally, the dreaded “Missing” icon indicates that the InDesign document associated with that chapter has been moved from its original location.

As soon as the book file is saved, the book becomes a separate entity to the documents it contains and the documents in a book do not have to reside in the same location as the book or as each other. To save a book, choose Save Book in the Book panel menu.

It is possible to replace an existing chapter of a book with another InDesign document by simply selecting an existing book chapte and choosing Replace Document from the panel menu. Next, navigate to the replacement document and double-click to select it. InDesign will then replace the selected chapter with the new document. Deleting chapters from a book is equally straightforward. Just highlight the chapter(s) and choose Remove Document from the panel menu, or click the Remove Document icon at the bottom of the Book panel.

You must also choose which of the documents in the book will be treated as the style source. The document elected as the style source will be used as the master document in the process known as synchronization whereby InDesign replaces the colour swatches and styles of all documents in the book with those in the style source document.

To customize page numbering across the whole book, choose Book Page Numbering Options in the Book panel menu. The default is “Automatically Update Page & Section Numbers”: this will cause InDesign to number pages in the documents within the book according to the order in which they are listed in the Book panel.

The Book panel can also be used as a navigation aid or launch pad from which you can open any InDesign document which has been specified as a chapter of the book. To work on any chapter of a book, simply double-click the name of the chapter in the Book panel. The chapter will open like any regular InDesign document and can be closed when you have finished editing without it being removed from the book.

InDesign books are a great tool for division of labour since the fact that a document is part of a book does not stop it from being a regular InDesign document. If a book contains five documents, five different people can work on each of those documents and then, at the end, the whole book can be preflighted, printed and output as PDF as a single unit.

Both indexes and tables of contents can also be generated for an entire book as well as for a single document. Simply design and create the table of contents or index in the normal way but activate the option “Include Book Documents”.

The writer is consultant and software trainer with a computer training company who carry out Adobe InDesign CS4 classes all over the UK.

Getting To Know The Pages Panel In InDesign August 23, 2009

Posted by Interesting Stuff in : Sofware and Computers , comments closed

Adobe InDesign is a key element within Adobe Creative Suite CS4. The Pages panel is used in InDesign to work with document pages as well as master pages. It allows you to create pages, whether blank or based on a particular master. You can also move, copy and delete pages as well as retrospectively applying a master. It also provides an excellent method of navigating through longer documents. To make the Pages panel visible, choose Window – Pages or press Control+F12 on the keyboard.

The display of pages in the Pages panel is determined by whether or not Facing Pages is being used. This option is normally specified when the document is first created and controls whether the document will consist of individual pages or spreads. If Facing Pages is active, pages will be laid out side by side (two-up) in the Pages panel. If the Facing Pages option is inactive, pages appear single (one-up) in the Pages panel. Additionally, the default master of documents with Facing Pages active will consist of two pages while documents without this option will have a single default master page.

To insert pages within your document, choose Insert Pages from the Pages panel menu to display the Insert Pages dialog. Here you can specify the number of pages to be added, the position at which the new pages will be inserted and whether they will be based on a master page. A shortcut method is to drag one of the master page icons into the bottom area of the Pages panel, which represents the document pages. This will create a page based on the master in question.

Whenever you are deleting, moving or duplicating pages in the Pages panel, you may either work with a single page or select several pages. To select several pages, click on the first then hold down Control (Command on a Mac) and click on each of the others. This technique allows you to select a non-contiguous range of pages. To select a block on pages, click on the first page then hold down Shift and click on the last.

To move a page or several pages to a new location within the document, simply drag the selected pages up or down. A bold vertical is displayed as you drag to indicate the new position that the page or pages will occupy. To copy the selected pages, do exactly the same thing but hold down the Alt key on your keyboard. Similarly, to delete the pages, just click on the wastepaper basket icon at the bottom of the Pages panel or choose Delete Spread or Delete Pages from the Pages panel menu.

The author is a software consultant with an IT training company offering Adobe InDesign training courses in London and the UK.