![dreamweaver cs5 free tutorials dreamweaver cs5 free tutorials](http://www.photoshopsupport.com/photoshop-blog/10/cs5-04/ib-blog/top-5-dreamweaver-cs5-flash-cs5.jpg)
- #Dreamweaver cs5 free tutorials install#
- #Dreamweaver cs5 free tutorials zip file#
- #Dreamweaver cs5 free tutorials software#
Step 2 If your template uses Swap Images you'll find that the png template in Adobe Fireworks CS5 is divided into different States. Step 1 Open template.png in Adobe Fireworks CS5. Replacing the Swap Images (Selected templates) Just for your information the rollover names end in 'f2_ services.gif will be services_f2.gif, products will be products_f2.gif etc. Once the images are exported they will automatically be reflected in the site. You will be prompted to overwrite the existing buttons slices with the same name. Select the options in the 'Export' Dialog box as:Ĭick on 'SAVE'. In the export dialog box that appears, browse to the location of your images folder (inside).
![dreamweaver cs5 free tutorials dreamweaver cs5 free tutorials](https://i.ytimg.com/vi/YcXVXLaKtdk/maxresdefault.jpg)
Now, from the top menu select 'File > Export'. Select the first button slice with your mouse and then hold down the shift key and select the next slice, repeat with the shift key pressed until all the button slices have been selected. The slices will be highlighted in light green. We use the same steps as exporting the 'Company Name' slice.įrom the 'Tools Panel', click on the 'Show slices & Hotspot's tool icon. Once all the button labels have been modified they are ready to be exported. Your layout will now switch to 'State 2' and you can edit the button labels for Rollover/Mouseover State. In the 'States' Dialog box that appears select 'StateĒ' from the list. This is done in State 2 layer.įrom the main menu select 'Window > States. Once the button labels have been changed, we then need to change the button names for the rollovers/mouseovers to correspond. (If the links are grouped right-click on the links and click on 'Ungroup' to edit the links) You can also click on the 'T' text tool command in the 'tools' panel and place your cursor over the text to edit it. To align them correctly contact us for easy instructions.ĭouble-Click on the text in the buttons to edit the labels. Note: In a few of the Dreamweaver templates the top navigation text links need to be modified in Dreamweaver (.dwt file) by replacing with your own text. Open the template in Fireworks (.png file). This time we would need to edit the rollover or mouseover state for them. Right-click with your mouse and select 'Export Selected Slice' from the drop-down.Ĭustomizing the top and side navigation buttons use the same steps as customizing the Company site name, i.e. Select the 'Company Name' slice with your mouse, so that the guidelines around it will change to a blue color. So, anything that you change inside the slice area will be updated in your template. The slices are areas that will be exported to your images folder. When clicked on all your web slices will be highlighted in light green as shown below.
![dreamweaver cs5 free tutorials dreamweaver cs5 free tutorials](https://i.ytimg.com/vi/-306_RahmQo/maxresdefault.jpg)
From the 'Tools Panel', click on the 'Show slices & Hotspot's tool icon. Once the Company Name and Slogan have been modified it is ready to be exported. TIP: When importing your own logo ensure that it has a transparent background so that it blends in well with the background color of the header. The logo will now be inserted, Carefully position your logo in the same area as the existing site name. Next, place your cursor over the site name in the header and click with your mouse. Browse to the location of your logo on your local files and click on 'Open'. To insert your own logo, select from main menu 'File > Import'. Click on the 'Eye' icon to deselect the layer 'Your Company Name'. In the layers panel collapse the layer named 'Layout' to reveal sublayers. If you wish to replace the text name with your own logo then you can either delete the Text name by selecting it and then pressing 'DELETE' or hiding the layer for it in the layers panel (Window > Layers). You can also adjust the font type, size and color in the 'Properties' panel (Window > Properties).
#Dreamweaver cs5 free tutorials install#
Browse to the location of your fonts folder that you just unzipped and the fonts will appear.Ĭlick on 'Select All' and then click on o'kay to install them.Ĭhange the company name in the text editor. In the 'Fonts' window that opens, select 'File > Install New Font. These are the files that you will see in the folder named 'template4' when you double-click on it in 'My Computer':įrom your Desktop menu, click on Start > Control Panel.
#Dreamweaver cs5 free tutorials zip file#
When you have unzipped the zip file these are the folders you will see:
#Dreamweaver cs5 free tutorials software#
Unzip the zip file that you have downloaded using Winzip or any other unzipping software freely downloadable from the web.