I’ve been using Photoshop CS2 and Dreamweaver 8 for about… properly… 1 day. Ive been doing tutorials right through the day. I think i obtained a basic (very basic) idea of each. Ive been reading through this forum and yes it seems nobody likes dreamweavers " design" feature. For me, I dont understand anything about coding and many of the tutorials i happen to be doing show using the design. Is there grounds for this
Furthermore, Im trying to learn Photoshop to design an internet page for my dad’s business. I learned from tutorials generate buttons and rollovers. For making a site implementing photoshop and dreamweaver, don’t you just design your webpage in photoshop as you would see it from the browser leaving spaces for buttons along with text, and after that just copy that into dreamweaver
Any help could be appreciated. Could someone show me such as a template they will made in photoshop for any website so we can get a greater understanding.
Sorry for being so inexperience but in the end i did are available here for aid.
Thanks in advance,
Vinnie
The primary reason for the dislikeing with design view in Dreamweaver is because it can add alot of unneccasary code as well as very messy value, Which is why a lot of people will use that split view and so the can fix up each of the unneccasary code, Because of this , i wouldnt recommend starting in Dreamweaver pattern view, I recomend it would be alot better to learn and get a comprehension of XHTML + CSS first
Kye
Your whole concept of imagedesign-slicing-website is sorts of outdated now. Use the effective CSS abilities to create what you deserve, and learn ordinary HTML. Your learning curve might be a bit tougher, but even invest the the Photoshop-DesignViewDreamwaver road, you’ll find stuff only HTML and CSS is capable of doing by hand — so eventually you will definitely learn it, occur. I suggest earlier.
Not truly! Alot of design start from the PSD file and then it’s turned right into a html page with css. Not sure wher you still have that information but much the money I attract from my hobby/company can be from PSD-to-HTML work.
vinnieolle: Here’s a bed that I did very recently which is live right now
Check out attachment 3591
along with the website is apica. ca
The thing along with slicing site is to take into account EVERYTHING that CSS is capable of doing. So… instead of employing a image to showcase a background, ask yourself if it is usually done in CSS with that background-color property instead of using an impression. Thing like in which.
It’s alot of work from the beginning. Don’t think you’ll achieve all this in a day.
As for the Dreamweaver matter… I use it however , not the design check out. Learn to computer code HTML and CSS. They go together. You can do one with no other. Stick to the code view throughout DW.
i never could recognize cutting an photograph and putting them back together with css and xhtml, much like i could in no way understand tables, i was brought up using a diet of divs divs even more divs and it is served me properly, in all honesty, most of your tutorials online were written previous to recent developments and so it is advisable to choose carefully previous to starting a article
The tutorial that will helped me a lot in dreamweaver (design check out that is) is inpics. net. You actually can the stuff detail by detail not just look at some guy get it done in a movie. I still never have found a fine tut for illustrator that teaches the basics. Most of them are making a signature for a forum.
Concerns for karinne:
usually just one photograph you made in Photoshop and then put it as a possible image in dreamweaver
Also i noticed in your site that those buttons number one were rollovers, if your producing rollovers wouldnt you have to leave the space blank while you make the photoshop template and add button images later
inpics. com isn’t a site, its a " Linksite. " its accustomed to boost rankings regarding other websites online
Oops, i meant inpics. web, sorry.
Much more likely the Photoshop’s results is going to be heavily modified in the HTML+CSSing phase. Set items to repeat, set textual factors… I think I just can’t stand the thinking behind using so a lot of images, I usually only have Three or four primary images (mostly your banner and backgrounds)… it just doesn’t feel to certainly take something that is usually so abundant with details and plaster it for the web.
Keep in mind most navigation buttons ought to be plain text (styled, of course) in a very list. Later they could even add < nl>, when navigation lists. Rollovers really should be done via the actual CSS: hover feature too.
Not any… see explanation down below. Never put your webblog as one large image.
The menu can be straight text with a little bit of padding added towards links to propagate it out… no images in any way.
CSS /* --- most important navigation styles -------------- */ #mainnav some sort of: link, #mainnav some sort of: visited, #mainnav some sort of: active font-size: 12px; text-decoration: probably none; padding: 0 10px; shade: #d0d0ff; #mainnav some sort of. first padding-left: 0; #mainnav some sort of. last padding-right: 0; #mainnav some sort of: hover color: #fff; CODE <! -- most important navigation --> < div id=" mainnav" > < some sort of href=" /services. shtml" class=" first" > Services< /a> < some sort of href=" /activites. shtml" > Activit& eacute; s< /a> < some sort of href=" /membres. shtml" > Membres< /a> < some sort of href=" /projet-rue-principale. shtml" > Projet rue Principale< /a> < some sort of href=" /carnaval-aylmer-07. shtml" class=" last" > Carnaval Aylmer< /a> < /div> <! -- STOP OF main map-reading -->
That is certainly all I include… 4 images. And notice how they may be all background shots!
http: //www. apica. ca/i/header-bg. jpg
http: //www. apica. ca/i/main-bg. jpg
http: //www. apica. ca/i/content-bg. jpg
http: //www. apica. ca/i/footer-bg. jpg
The others is all text (apart from the little icons and also the logo of course). So it’s actually not " plastered" with images. If I had more time upon my hands I can probably gt right from the content-bg image however I’d have to used a number of hacks to countless to compensate for IE’s lack of height: 100% knowing.
is there a goo