Dreamweaver Tutorial: How to Convert a .PSD to .HTML (Part 1)
Today we’re going to be taking the .PSD website template that we made in a previous tutorial, and type up the markup language for it. In a later tutorial we will take the file we make in this tutorial and write the .css for it, finishing up the entire website. Click to tweet this video: octotw.it If you don’t have Dreamweaver, then download the trial from here: www.adobe.com How to Define a Website Folder: www.youtube.com How to Make a Website in Photoshop: www.youtube.com Download the .PSD: octotuts.com Download the markup version: octotuts.com Follow me: twitter.com Be a fan: facebook.com For more tutorials and extras: octotuts.com
Don’t forget to check out our other video tutorials or share this video with a friend.
18 responses to “Dreamweaver Tutorial: How to Convert a .PSD to .HTML (Part 1)”
Leave a Reply Cancel reply
Video Tutorials
Bringing you the best video tutorials for Photoshop, Illustrator, Fireworks, WordPress, CSS and others.
Video tutorial posted 31/08/12
Pages
Random Videos
-
Galactic Scene – Photoshop CS5 Tutorial
3,908 views
-
WordPress Tutorials: Lesson 4 – Picking A Theme
1,454 views
-
https://youtube.com/devicesupport
5,372 views
-
UVW Unwrap Tutorial 3ds max 2013
2,396 views
Video Categories
- 3DS Max Tutorials (150)
- After Effects Tutorials (160)
- C# Tutorials (121)
- Colour (6)
- Crazy Effects (1)
- CSS Tutorials (120)
- Dreamweaver Tutorials (139)
- Excel Tutorials (127)
- Featured (10)
- Fireworks Tutorials (131)
- General Effects (9)
- HTML Tutorials (143)
- Illustration and Vector (1)
- Illustrator Tutorials (174)
- IMove Tutorials (119)
- Lightroom Tutorials (145)
- People and Faces (3)
- Photoshop Tutorials (169)
- Text Effects (7)
- Uncategorized (32)
- WordPress Tutorials (140)
Tags
VideoTutorials.co.uk
-
Videotutorials.co.uk offers the web's best Photoshop tutorials, Illustrator video guides, CSS and HTML tutorials and much more all in one place. With new videos being added every day, you can learn how to master software and code to give your images and website some great effects.
Our site has beginner, intermediate and advanced video tutorials of varying lengths so you can learn a new skill at your own speed and level. So whether you're a web designer, print designer or just wanting to edit some family photos, you can get to it quickly and easily using these free video guides. (more)
@mezvzsu well I took the hard route and spent every dollar i had to learn how to make money online! i would do it all over again because i now have an awesome mentor and making enough to quit my job. if your dedicated anyone can turn this method in an income have a look > bit.ly/Rj2GB1?=zynma
dude you never taught us how to slice so ive had to look at other videos for it
Nice presentation, clean process and design, that means VERY GOOD AND USEFULL TUTORIAL!!! 😀
where has my browse button gone?
i was looking for slicing ,, this video wasted my time!!
You are very good my friend, thanks.
Convert a .PSD to .HTML? This is basically designing the website on the Photoshop, saving the images of the website separatedly, and write the code from 0 on dreamweaver! Seriously? I though it was some faster way, this way is the way that everybody that knows HTML and Photoshop does!
yeah…..i dont know what means UL LI …. i dont know why he put it there… :/
Can you use this as well for a Soundclick layout ????????????????
Show us how to slice the psd…
can we add the links example. youtube page link later on as in if we dont have one and want to put one in later ?
Great tutorial, have you made a video covering how to slice images?
very good, the best tutorial I’ve seen thus far
Thanks!
Looks like century gothic.
What is the font on your computer wallpaper?
How to do it? I don’t know 🙂
It’s so easy