Posts Tagged ‘computers and the internet’

Editing The Head Content Using Dreamweaver CS5’s Visual Tools

Thursday, September 15th, 2011

A web page consists of two main elements: the head and the body. The body element contains all of the content which will be displayed in the browser window and the majority of which will be visible to the user. The head element, by contrast, contains information about the web page itself; meta information as it is sometimes called. In this article, we will look at the different ways of modifying elements within the head of a web page in Dreamweaver CS4, beginning with the title.

The title element is designed to contain a broad description of the content of the page. It is very important that each page should have a title and that the title is pertinent to the web page that contains it. Dreamweaver always adds a title element to every new page containing the text “Untitled Document”. Perhaps the simplest way of modifying this default title is to enter a title in the Document Title box of the Document toolbar which is normally displayed at the top of the page. Another method is to choose Modify – Page Properties and then click on the Title/Encoding category on the left of the screen.

The title element is the only element which is required to be placed within the head element. In addition a number of optional meta elements may be placed in the head area to provide further information about the current page. One such meta element is generated automatically by Dreamweaver along with the title: the content-type. This declares the character encoding for the benefit of the browser and is particularly important if you have a site with an international audience. To specify the character encoding, choose Modify – Page Properties, click on the Title/Encoding category on the left of the screen and then choose an Encoding option from the drop-down menu.

The meta description element is one of the most important since, along with the page title, it is often displayed when your page shows up in the search engine results. The description should consist of a couple of sentences summarising the content of the page. To set the description in Dreamweaver, choose Insert – HTML – Head Tags – Description then enter your description in the dialogue box which appears.

Let’s end by mentioning one final meta element: keywords. The keywords meta element, often misused for spamming in the early days of the web, should contain a list of the important words and phrases to be found on the current page. Only text which actually appears on the page should be listed. To generate the meta keywords element in Dreamweaver, choose Insert – HTML – Head Tags – Keywords.

You can get up to date information on Dreamweaver training courses, visit Macresource Computer Training, an independent computer training company offering Dreamweaver Classes in London and throughout the UK.

Subscribe to My Newsletter
You will learn some of the things even the Gurus don't want you to know!
Name:
Email:
 
Powered by Optin Form Adder

Tags: , , , , , , , , ,
Posted in computers | No Comments »

Adobe Dreamweaver Makes Web Development Possible For Everyone

Wednesday, July 27th, 2011

I work for a company that runs Dreamweaver training courses and we find that there is no longer a typical user of this great web development program. Dreamweaver users now seem to come from all different types of company and from all walks of life: private individuals, financial people, marketing people, people in the health service, academicians It seems everyone needs to learn the basics of web development nowadays.

Of the people now wanting to learn Dreamweaver the vast majority attending our courses will not necessarily become specialists in web development. Rather they have a need to develop content for a web site or to build a web site for a particular purpose. They have looked into the choices of software available and come to the conclusion that Dreamweaver is the best package to use and now they need to learn how it works.

Dreamweaver has become the industry standard web development software, seeing off rivals like Microsoft FrontPage. And it deserves its position. It is a great software package with powerful features and an approachable interface which lets anybody who can use a computer embark on a basic software development project and, with a bit of patience and knowledge of a few fundamentals, bring it to a conclusion. Dreamweaver has attained this dominant position because its creators have always aimed to satisfy the needs of all the different types of users of their software.

Back in the nineties when web editors (such as PageMill, Hot Metal Pro, FrontPage and Dreamweaver) started to appear, they were greeted with some scepticism by serious web developers (coders) who felt that they produced sloppy code and were really only of interest to people who didn’t understand code and, basically didn’t know what they were doing. Even back then, Macromedia, who owned Dreamweaver, bundled HomeSite (a Windows HTML code editor) or BBEdit (with the Macintosh version) to keep serious web developers happy.

While other programs such as FrontPage were content to generate code which contained a vast array of confusing proprietary elements which were not essential to the page, Macromedia were adding features to Dreamweaver which demonstrated their commitment to making it a serious web development tool. With each release of the program, they made the coding environment more complete, adding features such as line numbers, code-hints and colour-coding. They also added powerful utilities for checking and cleaning up the code generated visually and in other environments such as Microsoft Word.

In June 2000, Macromedia added another string to their bow by releasing a special edition of Dreamweaver called Dreamweaver UltraDev. This version of Dreamweaver contained all the features of the basic programs but added special utilities for creating dynamic content. Users could create server-side content using ASP, ColdFusion or JavaServer pages. The program automatically generated code for connecting to a database, retrieving and displaying data and linking elements on a web page to a data source. Two years later, they dropped UltraDev and added all of its functionality into the standard version of Dreamweaver, further enhancing its appeal to serious web developers.

Macromedia further enhanced Dreamweaver’s reputation as a tool for serious web developers by added collaborative functionality to the program; features which acknowledged the fact that a lot of web developers are part of a team. Dreamweaver’s two main collaboration features are “File check in Check out” and “Design Notes”. The former allows developer A to open a file and check it out; so that developer B knows that the file is being worked on by A and doesn’t start making conflicting changes to the file. The design notes feature allows developer A to attach a note to a particular file which can then be picked up by developer B.

Recognising that the web is not a static environment but is still constantly evolving, Macromedia (and now Adobe) have kept an eye on emerging web technologies and incorporated content relating to those technologies. Dreamweaver behaviors can be used to create useful JavaScript functions for such things as form validation. XML code can be edited and validated. Another illustration of the way in which Dreamweaver embraces emerging standards can be seen in the way in which Dreamweaver CS3 now encourages developers to use CSS to layout their pages rather than using tables, making their pages compliant with current standards.

The newest release of Dreamweaver, CS3, also includes support for Ajax an exciting new way of creating interactive Web applications using XHTML, CSS and JavaScript. Dreamweaver’s implementation of Ajax is via Adobe’s Spry Framework for Ajax. Using the easy to use Spry interface, developers can create sophisticated Ajax interface elements, special effects and display data-driven content on their pages.

Each new release of Dreamweaver brings exciting as well as practical new features which always seem to slot nicely into the familiar easy-to-use interface. This coupled with the fact that Dreamweaver always allows experienced professionals full access and control over every aspect of the web pages and web applications they are developing should ensure that the program continues to be the automatic choice for any individual or organisation needing a decent software tool for web development of any kind.

If you would like to learn more about Dreamweaver training courses, visit Macresource Computer Training, an independent computer training company offering Dreamweaver Classes at their central London training centre.

Tags: , , , , , , , ,
Posted in computers | 61 Comments »

Understanding Books And Documents In Adobe InDesign

Wednesday, July 27th, 2011

Whenever you choose New from the File menu in Adobe InDesign, you may have noticed the option to create a new book without ever knowing exactly what a book is. Well, it turns out that books are a pretty cool feature: they allow you to take a bunch of related InDesign document and treat them as a single entity; a book. All documents in the book can then share the same resources such as paragraph and character styles, colour swatches, master pages, sections and page numbering.

Once you’ve created a book, by choosing File-New-Book, the Book panel is displayed. It contains a panel menu with all the options necessary for managing a book. The first task is to add some 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.

When 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.

Next specify 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 set 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.

You can 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.

Books are a terrific 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 ten documents, ten 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 tables of contents and indexes can also be generated for an entire book as well as for a single document. Simply create the table of contents or index in the normal way but activate the option “Include Book Documents”.

For more information on InDesign JavaScript training courses, visit Macresource Computer Training, an independent computer training company offering InDesign JavaScript training courses at their central London training centre.

Tags: , , , , , , ,
Posted in computers | No Comments »

How Web Design Training Can Benefit You

Tuesday, October 27th, 2009

Online businesses are becoming more and more common every day. What is one thing that all of these businesses have in common? They all need websites. And a site which is well designed can really make a difference to the chances that they have to succeed. Web design training is essential to learning how to create attractive, professional and functional websites for your business or that of someone else.

This shows you how important good website design can be. Training is important because you want to be able to recreate and improve on the good sites that you have seen, or learn how to avoid making the same mistakes that the amateur sites make. Web design training will also show you some of the tricks of the trade that you need to know to make your site more functional and easier to find by people searching for it.

Good web design is important but it can be expensive. You can expect to pay anywhere from a few hundred dollars for a basic website to thousands for a complicated or involved design. And by allowing an outside company to design your website you are letting go of the control you have over the finished product. It can be easy and worthwhile to look into web design courses through online learning sites or through community colleges.

If you think that you are interested in making a career out of web development and design you should look at taking a comprehensive course. This will give you a good background in different programming languages, it will allow you to learn the basics of design and how to make something look attractive, and will give you practical experience as you design sites during the course of your instruction.

Even if you are more interested learning to design websites for yourself and relatives there are some principals that will carry through from the commercial side of the business. You will want to make sure that your site will load well no matter what the connection speed is of the people viewing it. You will also want to make sure that people can find the information they are looking for. Web design training can help you achieve all of these things and more.

Remember that computers are advancing every day and new versions of software are coming out. They are also introducing new web design programs on a regular basis so you might find that even after completing a course of study you will need to take additional courses from time to time. Keeping on top of the industry by reading magazines and trade journals is also critical if you want to stay up to date.

Web design training might be the best thing you could do to ensure you have the knowledge and skills to design sites properly. Beautiful and functional websites must be built properly and according to specific rules and requirements. Learning how to do this is not hard but it will take some time and effort to do so.

The writer of this article is a developer and trainer with Macresource Computer Training, a UK IT training company offering Web design Classes at their central London training centre.

Tags: , , , , , , ,
Posted in computers | No Comments »

Dreamweaver CS4 Guides Newbies Through The Intracies Of HTML And CSS

Monday, September 28th, 2009
by Michael Rose

It is now wonder that Adobe Dreamweaver is so popular and so widely used. It offers the general user a way into the world of web development without first having to learn too much about the technologies which are used in building modern websites. Among the powerful features which Dreamweaver makes available to inexperienced users are preset CSS layouts, accessibility guidance, HTML guidance, CSS guidance and standards compliance. Let’s look at how these features are implemented and how Dreamweaver can make you look good as a web developer before you know enough to look good on your own.

When you create a new web page in Dreamweaver (File – New), you are given the option of basing the new page on one of the preset CSS layouts built into the program. Using CSS for page layout requires a fair amount of experience of the quirks of CSS and is no job for a beginner. Simply by choosing the layout which is closest to their requirements, users can go ahead and create CSS web pages which will work and which can be customized to suit their requirements.

Dreamweaver’s accessibility preferences by default cause the program to display useful alerts to remind the user to incorporate accessibility features into the elements being placed on the page. Thus, for example, each time an image is added to the page, a dialogue box will appear which contains a box for the user to enter the alternate text. Similarly when adding a form element, the form accessibility dialog prompts you to enter both and ID and the label text.

Most new users of Dreamweaver will also be fairly new to web development and may still be a little shaky on HTML and will typically build web pages visually using Dreamweaver’s Design mode. Whenever I run a Dreamweaver training course, I always make new users aware of Dreamweaver’s tag selector feature. This consists of a hierarchical display of the element which is currently selected on the page, the element which contains that element? and so on, all the way up to the BODY element which of course contains all elements on the page. Clicking on one of the tags displayed on the tag selector cleanly selects the corresponding element. Also, right-clicking displays a useful set of options such as “Remove Tag” and “Set Class”.

Dreamweaver’s context-sensitive Properties panel is another rock on which new users can always count. Unlike previous versions of Dreamweaver, version CS4 makes a clear distinction between structural attributes (which are displayed in the HTML tab of the Properties panel) and CSS attributes (which are displayed in the CSS tab). For example, if you select an element which is already controlled by a CSS rule, the Properties panel will allow you to edit the rule. If there is no rule, it will prompt you to create one.

About the Author:
The author is a training consultant with Macresource Computer Training, an independent computer training company offering Adobe Dreamweaver training courses at their central London training centre.

Tags: , , , , , , , ,
Posted in computers | No Comments »