Oct
7
7
From tutvid
Sphere: Related Content
We will export a web layout made in Photoshop and build an editable website layout in Dreamweaver. We will then convert the page to a template for future use and ease of editing. Have fun with this one!
Check out http://www.tutvid.com for more great training!
Tags: Build Site, Build Website, Dreamweaver, Layouts, Photoshop, Web Layout, Website Layout











October 10th, 2008 at 12:23 am
You probably didn’t slice all the images. Make sure all the slices have a blue box next to them. If they are gray, it will probably break up your entire layout.
October 13th, 2008 at 9:28 am
Anyone please help. You know how you slice images in Photoshop and import them to a root site folder in DreamWeaver? Well I can do that,my problem is that everytime I try to put content in the body the slices/ layout of the html break up into small parts. Its like if there is no room for the content and the body content area will not expand for the additional body of text. Does anyone know how to correct this? I’ve tried that DIV thing and it doesn’t work when I tried it.
October 16th, 2008 at 1:19 am
Ok, check it out I made my first HTML page
supersonicmd dot com
tell me what u think
October 17th, 2008 at 7:32 am
When i import the slices are seperated by a few pixels in both DW and browser and there are purple boxes around my linked slices…is there another tut where this is explained? I am using CS3
October 20th, 2008 at 6:46 am
this is a little off topic, but how does he center his background in his youtube channel?
October 20th, 2008 at 10:48 am
I messed up at the site_layout_content i cant type in the box
help!.
October 20th, 2008 at 3:43 pm
Nicoledanielleice…set your border=”0″..before you hyperlind it. that should help
October 22nd, 2008 at 5:44 pm
When you want to add a link to a picture you need to look at the properties panel when that picture is selected, set the border to “0″ then add the link. Hope this helps.
October 25th, 2008 at 2:16 pm
everytime I import my PSD file with slices, my dreamweaver file gets messed up when I click on the buttons and add the links!!! HELP!!!!!
October 28th, 2008 at 4:53 pm
yer… I have the same problem. the text is appearing but the background colour is the same as the page background colour, even tho I have changed it in the ’site_layout_content’
October 31st, 2008 at 3:25 am
thank you very much! that was so great and really helpful!
November 2nd, 2008 at 11:10 am
Hey tutvid, awesome video, but i am having one problem, when i import from photoshop, my image isnt broken down, so the buttons ive created in photoshop cant be selected in dreamweaver so i can link them? any help would be appreciated
November 5th, 2008 at 8:44 am
thanks westmanon9, i tried doing that, but it doesn’t seem to be helping. does it have anything to do with the insertion of the site_layout_content? or could i be doing it wrong? can you give me steps to fixing it? sorry for keep asking. thanks!
November 6th, 2008 at 3:22 pm
set — background-image of your div
then you can type on top
November 9th, 2008 at 4:45 am
thanks a lot! this is really helpful! I have some questions. why doesn’t my site_layout_content color show up? i made that area grey but my background black.. and now that area is black and not grey, so I tried it with white, and it becomes white. It doesn’t show up in the color that I setted it to be when i was creating the div. Also, why is my text in my site_layout_content appear from the middle of the box and not from the top? How have I fix those problems? again, thank you very much!
November 10th, 2008 at 10:56 pm
simply the best video tutorial i’ve ever seen, thank’s alot it was really helpfull. i’m gonna see all your other videos now
November 14th, 2008 at 6:27 am
This is really clear and informative. Thank you, Tut Vids! Is there, or does anyone here know, a tutorial that explains how to put more CSS things like columns or even a blog, into the content area?
November 17th, 2008 at 9:26 am
This is the honest to God truth, the photoshop slicing tutorial and the import to dreamweaver tutorial, absolutely changed my life!!! Thank you so much Tut Vids. You are the man, you made such a difference in my career!!!!!
November 17th, 2008 at 3:57 pm
*I have really expanded my world*
November 20th, 2008 at 11:35 pm
Dude thanks alot for this vid, before this i was stuck on jus plain html coding thanks to this i have not really expanded my world of webdesign
Add A Comment