Great video tut for CS4
http://www.youtube.com/user/websiteguru
Dreamweaver CSS resources from Adobe
http://www.adobe.com/devnet/dreamweaver/css.html
test
Archive for the ‘Adobe CS4’ Category
CSS revision Dreamweaver CS4 resources
Monday, February 7th, 2011Another example with simple interesting shots
Sunday, June 6th, 2010This is another simple “homemade” video which utilises interesting shots to add visual interest. For the Cert 4 Multimedia students I think its worthwhile watching and analysing the shots and over structure.
I must admit I watched it with no sound 
so have no idea what he was actually saying but in spite of there being “no audio” for me I still found it very interesting from a filming perspective.
Filmmaking Techniques and Tips
Sunday, March 14th, 2010These great short video on filmmaking techniques and tips cover alot of the basics of camera shots. composition and editing work. They are both worthwhile viewing.
they may also provide some inspiration and ideas
WordPress install instructions
Saturday, March 28th, 2009Disclaimer: As most readers of this blog know I am an IT teacher so for my diploma students here is an update version of wordpress’s famous 5- minute install readme.html file.
Even though most of you don’t read the readme or all install instructions!! -Smart people know to read the readme properly first. But having said that many readme’s have a real expection of assumed knowledge so this is based on my what I know about my students assumed knowledge
The install instructions on wordpress are great but below is a short version of that and a better version of the readme that comes with the down load of wordpress 3.1
Updated WordPress: Famous 5-minute install
- Down load the latest version of WordPress from www.wordpress.org
- Unzip the package into an empty directory. (for my student this will be our local Dreamweaver folder so think about how you are going to work with it!!)
- Login into your control panel and create a new database and user for this wordpress installation (if you don’t understand this step check with your hosting provider about creating a mysql database and user with full privileges)
- Once you have these details
-Open up wp-config-sample.php on your local machine with a text editor like notepad or similar and fill in your database connection details. (my student know I will have define a site within Dreamweaver and will open wp-config-sample.php within Dreamweaver because I am about to customise wordpress to the max but any text editor will be fine) - Save the file you have edited as wp-config.php
- Upload everything!!!!! – this begs the question to where??- do you want your domain to be the blog or do you want this blog to be a subsection of your site- think ABOUT WHAT YOU WANT- then either upload everything to the root of your domain if you want your whole site to be the blog or to a specific folder if you want your blog to be a subsection of your domain. (If that made no sense don’t hesitate to comment me – student or otherwise)
- Open http://yourdomainname/installfolder/wp-admin/install.php in your browser. This should setup the tables needed for your blog. If there is an error, look at the error properly – most of the time it what you entered into wp-config.php file, and try again. Note the password given to you. And comment me with full details and I’ll have a look and let you know if it was your config or upload that is wrong
- The install script should then send you to the login page. If you get this far WOOHOO.
- Sign in with the username admin and the password generated during the installation. You can then click on ‘Profile’ to change the password.
The next post next week is how to test your wordpress install.
If this post was helpful please let me know.
Adobe Evangelist and CS4
Sunday, March 1st, 2009Ok I’ve now had a bit more time to play with CS4 and I must admit its growing on me. Not in a bad rash kind of way- more like a new “know it all work colleague” who has just joined the company who “knows a better way to do absolutely everything“- that we all take an instant dislike to!!! But once we get over the initial shock we realise they actually do have some good ideas.
Getting over the initial shock was helped greatly by going to the Adobe CS4 roadshow in Brisbane and seeing the potential of the software demonstrated by true professionals. I must also thank Paul Burnett Senior Adobe Evangelist for taking the time to email this photo below.
You may not be able to see the Kingscliff TAFE students but we certainly can.
Pauls mad.com.au web site is another great addition to our resource sites along with adobe tv and where I spotted the photo. I must also mention at this time that the other presenters Mike McHugh, Michael Stoddart were just as entertaining and informative. OK they do it all day – everyday and are paid to make it look easy but they also made it look good.
Click on the photo below and on the new window which opens see if you can spot us. (It uses a cool javascript to zoom in)
what I like about CS4
Wednesday, February 11th, 2009First the disclaimer- I have only had Adobe CS4 installed for a few weeks and haven’t really dug deep deep down yet but I have had a play and I have updated some commercial work so I think I’m at a point of to be able to comments on the the CS4 update.
In Dreamweaver I love the new workspaces- it was always a pain for me that I couldn’t undock the panels and move them to the my second monitor so I have more design view room. So now that I have the option of dual screens
I love the having the code inspector open all the time big so as I edit in design view I can see properly whats happening in the code. No more split screen and having to scroll up and down continuously.
I also love that I can now open and tweak the original Photoshop documents that my images are based on directly from within Dreamweaver when previously this was only possible for Fireworks based images.
One thing that still hasn’t improved is Dreamweaver FTP client – while it may mean that I have accessed to feature such as collaborative features such as checking in and out it really is still painfully slowwwww!!!
Another feature which I like is the updated data set wizard which is a lot easier or at least seems alot easier now to add some ajax interactively. The movie below is a great intro and very easy to follow.
This is a great movie from Adobe on Web Widgets
PS: Welcome back
Embedding flash video into a webpage using Flash CS3
Thursday, October 16th, 2008Flash CS3 is my preferred option at the moment for streaming video because of how easy and straight forward the process is and the fact that users do not need any other plugin than the flash plugin.
Obviously you need your video to begin with which can be in any format that Flash CS3 supports such as .avi .mpg .mov etc but:
- Open Flash and create a new document
- import your video file into flash through file -> import -> import video
- browse to your video file and then click next
- On this screen choose “select progressive download from web server” then click next
- Make any changes you want at this encoding step or just leave everything as default then click next
- Choose your skinning and controls option and click next
- On this final screen click finish - you will be prompted to save your Flash fla file to some where (probably best to save it into a new folder )
Flash will then go through the Flash Video encoding progress-where it will create a .flv version of your original video. How long this takes will depend on your computer and the size of the video - You should now be back within the Flash workspace with your movie on the stage.
- If you just want a web page that displays your video just click File–>Publish and flash will publish/create all the neccessary file for you and save them into the same folder as the .fla file was saved into.
- Then you need to upload the following files to your server
- .html-webpage showing the video
- .swf- the shockwave file to stream your flash video
- Skin—-.swf- the play controls file
- .flv- the flash video
- AC_RunActiveContent.js - the javascript file which flash created to embed the swf file
DO NOT RENAME THE SWF FILE AT THIS POINT UNLESS YOU UPDATE THE HTML CODE AND IF YOU WANT TO RENAME THE FLV YOU WILL NEED TO REPUBLISH YOUR FILE FROM FLASH
- If you want to embed this video into another web page then you would just insert the main swf into the webpage the way you would insert any .swf file but it important that when you upload to your web host you upload the 2 swf’s and the .flv files and THAT THE FILES ARE ALL STILL WITHIN THE SAME FOLDER SO THAT THE SWF FILE CAN FIND THE FLV FILE TO STREAM.
- And that should be it – If your video doesn’t work when you have uploaded everything and your sure you have uploaded everything to the right folders then you may need to register the .flv mime type. Check this with your web host or look in your control panel.
Same navigation code on every page –different look
Monday, September 8th, 2008Most websites highlight the navigation item of the user’s location in the website, to help users orientate themselves. This is a fundamental requirement for basic usability, but can be a pain as you’ll need to tweak the HTML code behind the navigation for each and every page. So is it possible to have the navigation highlighted on every page, without having to tweak the HTML code on each and every page? Of course it is but the answers below require a lot more tweaking than is below if you are using Dreamweaver templates- but that’s for a post next week
But what you need to do is assign a class to each navigation item:
<ul>
<li><a href=”#” class=”home”>Home</a></li>
<li><a href=”#” class=”about”>About us</a></li>
<li><a href=”#” class=”contact”>Contact us</a></li>
</ul>
You’ll then need to insert an id into the <body> tag. The id should be representative of where users are in the site and should change when users move to a different site section. When in ‘Home’ it should read <body id=”home”>, in ‘About Us’ it should be <body id=”about”> and in ‘Contact Us’ <body id=”contact”> etc.
Next, you create a new CSS rule:
#home .home, #about .about, #contact .contact
{
css rules go here
}
This creates rules that only takes effect when class=”home” is contained within id=”home”, and when class=”about” is in id=”about” and class=”contact” is in id=”contact”. These situations will only occur when the user is on the appropriate page, seamlessly creating our highlighted navigation item. Pretty cool!
More of this type of thing can be found here.
http://www.webcredible.co.uk/user-friendly-resources/css/more-css-tricks.shtml