Working with Photoshop Slices in Dreamweaver - 1

Dreamweaver Tutorials at Creative COW

CreativeCOW presents Bringing Photoshop Slices into Dreamweaver - Part 1 -- Dreamweaver Video Training

Richard Williams
Kent , United Kingdom

©2010 Richard Williams and CreativeCOW.net. All rights reserved.

Article Focus:
In part one of this video tutorial series, Richard Williams shows you the process of designing a website in Photoshop, exporting it as image slices and then importing the slices into Dreamweaver.

Comments

•

Thanks Richard - looking forward to
by Abraham Chaffin

Thanks Richard - looking forward to the rest of the series.

Related Articles / Tutorials:

Adobe Photoshop

Designing a Website in Photoshop

This Adobe Photoshop tutorial will show how to use Photoshop to design a website that will be exported as HTML and image slices. The web page can be brought into an HTML editor program such as Adobe Dreamweaver to be modified. This is an Adobe Photoshop web design tutorial showing how to design, create and save a web page with Photoshop.

Tutorial

Adobe Dreamweaver

Using PHP To Obtain Data from a MySQL Database

Showing how to use PHP to access a MySQL database. Building a real world application, this tutorial is interesting in that it shows how to narrow a search based on 2 different criteria (2 different MySQL fields). Finally, this tutorial ends with giving complete code for an HTML page as well as the PHP files.

Tutorial

Adobe Dreamweaver

Working with Photoshop Slices in Dreamweaver - 4
Play Video
In part 4 of this video tutorial series, Richard finalizes the web page inside of Dreamweaver. Topics covered in this tutorial are repeating background images, background color, site load speed up and expandable site construction.

Tutorial, Video Tutorial

Adobe Dreamweaver

Working with Photoshop Slices in Dreamweaver - 2
Play Video
In part two of this video tutorial series, Richard Williams explains how to export the rollover state of buttons from Photoshop and import them into Dreamweaver to then be applied to the site being designed from part one.

Tutorial, Video Tutorial

Adobe Dreamweaver

Working with Photoshop Slices in Dreamweaver - 3
Play Video
In part three of this video tutorial series, Richard Williams shows how to convert images to background images and put text over the top of them inside of Dreamweaver. Richard then applies CSS styling to the HTML text to match it with the design created in Photoshop.

Tutorial, Video Tutorial

Adobe Dreamweaver

Spry Menu Explained

In this tutorial, CreativeCOW leader Richard Williams explains the principles of the Spry Menu and answers the most commonly asked questions.

Tutorial

Adobe Dreamweaver

Rollovers in Adobe Dreamweaver CS3

In this Dreamweaver CS3 tutorial, Abraham explores the capabilities of Dreamweaver to create dynamic rollover functions on a web page. What before might have taken special scripting is easily accomplished through a few slight alterations of the rollover behaviors built into Dreamweaver. Part two of this tutorial shows how to embed pop up videos into your web page.

Tutorial

Adobe Dreamweaver

CSS Basics in Adobe Dreamweaver

This tutorial is designed to introduce the concepts of using CSS in Adobe Dreamweaver and HTML for web designers who are not familiar with CSS in web design. CSS stands for Cascading Style Sheet and is a system for adding styling to your web pages and web page content.

Tutorial

Recent Articles / Tutorials:

Apple Motion

Learn Apple's Motion: Lesson 14 Text Part 1
Play Video
In this lesson, Kevin P McAuliffe begins his look at creating basic text inside of Apple's Motion 5. This lesson is essential as most of the work you do inside of Motion 5 will have some kind of text element in it, and it's important to have the fundamentals down, before tackling your first project.

Tutorial, Video Tutorial

Adobe After Effects Techniques

Advanced AECC Techniques: ONE - Extruding Text in CINEMA 4D
Play Video
In this lesson, Kevin P McAuliffe gets you up and running quickly inside of Cinema 4D lite by showing you how easy it is to not only extrude text, but texture it and give it a quick animation, and get it back into After Effects before your client even knows you left!

Tutorial, Video Tutorial

MORE