Dec 20
Creating your first website in Dreamweaver CS3 - 5 part tutorial series
Tutorials (Dreamweaver), Dreamweaver, Tutorials Add commentsThe Cafe Townesend tutorials, much loved in Dreamweaver 8, have been updated for Dreamweaver CS3 by Jon Varese. You can find it in the Dreamweaver Developer Center here, starting with part 1:
Part 1: Setting up your site and project files
This is a five part tutorial, so it’s very comprehensive and a great place to start if you’re a web designer starting to work with Dreamweaver.
Here are the other parts:
- Part 2: Creating the page layout
- Part 3: Adding content to pages
- Part 4: Formatting your page with CSS
- Part 5: Publishing your website
Big shout out to Jon for his great work updating this series!
(19 votes, average: 3.95 out of 5)
Loading ...
January 8th, 2008 at 8:03 pm
I am very much a web design beginner…I bought and am teaching myself to use Dreamweaver CS3. Does the software suite have an application that simplifies the design of blogs? In other words, in addition to this software am I going to need to use/buy something like Word Press or Moveable type to design and administer the blog that will be associated with my main site?
January 30th, 2008 at 2:51 pm
if i needed to print a page from my website the whole page does not print out and idon’t know how to fix the problem. i am using dreamweaver cs3. would you have any tips for me or guide me where to look
January 30th, 2008 at 2:52 pm
if i needed to print a page from my website the whole page does not print out and idon’t know how to fix the problem. i am using dreamweaver cs3. would you have any tips for me or guide me where to look, please?
February 9th, 2008 at 11:24 am
Errrr …
Don’t quite get it … The very title of this entry is : “Creating your first website in Dreamweaver CS3 ….”
I mean CS3 .!!! And still Jon Varese from Adobe is using tables ..!! ??
In a way we can understand him, CSS layout is such an hassle …. But what we don’t understand is why this alledgedly cutting edge blog is advicing this old school tutorial ??
February 10th, 2008 at 1:34 am
Hi there - I can’t talk for the tutorial, or why the decision was made (sometimes certain decisions are made to target the audience or features better or some such). But there is a CSS component of the tutorial, and a ton of them on adobe.com and elsewhere if you’re looking for that. I do think that this piece is a good instructional piece, and hope some of you find it worthwhile! I know when I was starting out with Flash, I certainly wasn’t doing bleeding edge stuff (this blog ain’t all about bleeding edge at all — not to mention it isn’t being updated anymore cause I changed my job and will be going back to the old one…)
February 25th, 2008 at 1:17 am
Hello,
With best wishes, I got your link from adobe developer center articles. I am running a new graphic and web related IT forum which is graphicprofessional.com.
I got some articles and product review at adobe site which is very rich and helpful for any developers.
I would like to post some your articles at my forum (with proper link).
Please permit me.
Looking forward for your reply.
Thanks
Partha Sarker
February 25th, 2008 at 2:42 pm
Hello
I am a beginner at web design and so I went out and bought Dreamweaver CS3. I have designed websites before but not put them together myself in programs like dreamweaver. So what I need to find out is, how do you center your web sites in dreamweaver so when you open it in a browser it will be centered even if you make your window smaller or larger?
February 27th, 2008 at 5:50 am
Yours is a good blog for web developers. I have started a blog with the same intentions of helping out other developers. Have just completed a couple of posts on Ruby on Rails
March 12th, 2008 at 5:57 am
Hi Jenn
Jenn, doing this tutorial @ present, trying to learn some Flash, which I am enjoying a lot, run into a problem with a piece of code in your tutorial that is not working for me, could you have a quick look at it for me to see if you can see the error?
Copying & pasting the code into the actions window in Flash & I think I have all the other parts where they are meant to be…eg…the keyframe is selected in the actions layer and I am pasting the code into the actions panel with this keyframe in this layer selected….
Mike:)
http://campusone.ulster.ac.uk/
Using Flash for the first time
Jen deHaan
In this three-part series, learn how to build a simple animated banner in Flash and add it to a web page using Dreamweaver.
* Part 1: Building a banner
* Part 2: Adding symbols, animation, and ActionScript
* Part 3: Publishing and adding a Flash file to a web page
Before you add any code, you need to give the button a unique instance name. The instance name enables you to target the button with ActionScript code. If you don’t name the button, your code doesn’t have any way of targeting the button from a timeline. The first step is to assign the invisible button an instance name. Then you can add code that targets that button using its name.
1. Select the invisible button on the Stage.
2. Open the Property inspector (Window > Properties > Properties) and find the text box in the Property inspector.
3. Type inv_btn into the text box.
Note: An instance name is different from the symbols name (which is what you type in the Name text box in the Convert to Symbol dialog box). An instance name cannot have spaces or special characters but can contain underscores. Also, instance names are case-sensitive.
4. Choose Insert > Timeline > Layer to insert a new layer and then rename the new layer as actions.
5. Open the Actions panel (Window > Actions) and then select Frame 1 of the Actions layer.
6. Type, or copy and paste, the following ActionScript into the script pane (the editable text field) in the Actions panel:
inv_btn.addEventListener(MouseEvent.CLICK, buttonClickHandler);
function buttonClickHandler(event:MouseEvent):void {
navigateToURL(new URLRequest(”http://www.deseloper.com/gnome”));
trace(”You clicked me.”);
}
In the first line of code, you see inv_btn, which is the instance name of the button you just added to the banner file. You’re adding a listener to inv_btn. In the first line of code, you register an event listener for the click event (MouseEvent.CLICK), because that’s what you event want to “listen” for with this banner. A click event can occur when a user clicks a button, and when this event is dispatched the button’s click event handler is called (buttonClickHandler, also in the first line).
April 4th, 2008 at 11:34 pm
Hi
I would like to know information about this tutorial
Thank you
Sandra Bardales
September 23rd, 2008 at 5:56 am
How do you insert an flv without skin?
I eliminated the type of skin from the code and replaced it with No-Skin and even with NoSkin but it does not work; I get a white blank space instead of the whole video.
Could you please help me? I would really appreciate it.
Thank you.