Posts filed under 'Dreamweaver'

Dreamweaver CS4 Beta - Initial thoughts

So, Adobe have made a public beta of DW CS4 & Fireworks available to anyone who has an existing serial number. Of course, I was in there like a shot, never having been one to hold back on trying new stuff. Point in case: I tried Hake the other day. They (apparently) eat a lot of hake (merluza) in Spain, and I’m learning Spanish, so I felt like I should make the effort, but Hake is now definitely not on my (admittedly steadily increasing) list of Fish I Can Eat Without Feeling Sick.

Now I haven’t felt ill once while using DWCS4, although I was a little disconcerted by a few definitely beta-like oddities, which I put down to non-optimisation of code. Things like not being able to switch between code and design view on occasion, or the nifty little HTML/CSS button on the properties panel not having any effect. But hey, intermittent and frankly minor issues.

Spry

My main area of interest these days, that keeps me fiddling with the computer way after I should have stopped, is Spry. Adobe have done some very clever stuff with Spry, and the implementation in DW has improved a lot. In particular, I want to mention working with Spry Datasets. You can now create pretty complex master/detail relationships with XML or HTML data very easily indeed. It writes all the JS and CSS for you, while making all of this stuff transparent enough for anyone with intermediate CSS skills to completly customise the appearance. I was very pleased to find that I could drop an HTML table into a document, point Spry at it for it’s data source, and have it construct a nice little menu system with no additional coding on my part. HTML data sources are a relatively recent addition to the Spry framework, allowing you to work with either external or internal data tables. This cuts out the necessity of working with more complex XML data, and means that existing tables can be repurposed. Having had to do the same thing by hand a few months ago for an educational website, I can safely say that this is quite a time-saver and a welcome addition to Dreamweaver. There’s much more going on Spry-wise, and I plan to talk about it more in the future, but this is one of those features that will get static-page developers moving over to working with data with minimal learning curve climbing.

Related Files

Initially, I thought that this looked confusing. After a few weeks of working with it though, it’s an invaluable feature. The basic idea is that any CSS, JS files etc. are displayed by name at the top of the document window. If you are working in Split view, as I often do, you can flip between, for example, the HTML and the CSS document, and make changes to the CSS while continuing to preview the HTML file. This obviously removes the necessity in previous versions to have both documents physically open if you wanted to hand-edit your CSS files. Same thing works with Javascript files, and here’s another great new feature that works perfectly in conjunction with Related Files:

Live View

Live view does what you might expect: It turns your preview (actually it works for the code as well) into a real preview, so what you get is actually what you see. Everything from Spry to embedded Google Gadgets works  just as it would in a browser (of course if it’s not going to work because you’ve made an error and there are bugs in your code, you’ll see that too). Funnily enough, simple links don’t seem to work, but perhaps that’s intentional, I’m not sure.

I’ll be having more thoughts on Dreamweaver CS4 soon, I’m sure.

Add comment July 22nd, 2008

Dreamweaver CS3: Spry Widgets

Dreamweaver CS3 includes the Spry Framework for AJAX: a Javascript library which enables non-programmers to take advantage of various dynamic page elements, effects and XML data access. AJAX stands for “Asynchronous Javascript and XML”. One of the major advantages of AJAX is that data can be requested from the server and utilised without the need to refresh the entire page. This makes for very dynamic, fast and highly interactive pages. Google Maps is based on AJAX.

Although the Spry Framework has been available to download for a while via Adobe Labs, this is aimed mainly at coders. Dreamweaver implements Spry via a new section in the Insert toolbar, and ships with several ‘widgets’; repeating tables, menus, collapsible panels and form validation to name a few. This technology actually delivers really well, is fast and works across browsers. A really nice aspect of this is that it presents a good incentive to begin working with XML data, providing a relatively simple way of accessing the data and using it to populate pages, menus and so on. This provides the possiility of creating ‘dynamic’, data-driven pages without having to use databases and more complex go-between technologies such as PHP, ASP or Coldfusion.

Ubiq’s new Dreamweaver advanced course now includes SPRY widgets and datasets. The course runs over two days, and addiotionally covers adanced CSS page layouts, templates and much more.

I’ve recently built a site for Brittons School in Havering, which make use of Spry for a calendar and other elements: http://www.brittons.havering.sch.uk.

Add comment May 7th, 2007


Calendar

November 2008
M T W T F S S
« Aug    
 12
3456789
10111213141516
17181920212223
24252627282930

Posts by Month

Posts by Category