Design Help

giganick · Oct 22, 2004, 04:51 AM

I am in need of some help getting my web site up and running, hoping that one of you could give me some help. Well first things first. I have designed a website template or page in Photoshop, and have it saved as a JPG. I need some help intergrating Photoshop and Dreamweaver, I know it can be done, but i just dont know how to do it. I also want to know if there is a way to have some kind of a template page, when you click on something it automatically gathers the information and inserts it into the template. I hope that makes some sense. If someone could help me I would REALLY REALLY appreciate it....My website is www.nickpinnau.com if you want to check it out and see what is there. I would like to keep that main page, and just make the buttons and such work....also if you know of some great sites that can give you some good training, or if you could just kindof guide me through some things i would really appreciate it....thanks!!

YAYitsAndrew · Oct 22, 2004, 04:18 PM

Don't rely on photoshop and dreamweaver to make your website. Learn html, xhmtl, and css and create your own website.

Here is a great site with tutorials:
http://www.w3schools.com/

**dj_stick** · Oct 23, 2004, 03:40 AM

damnit i reply on photoshop and dreamweaver myself… its far easir for me
knowing HTML helps though

MythicaL · Oct 23, 2004, 07:28 AM

Pretty sure you gotta use a <div> somewhere in there

pr0digal jenius · Oct 23, 2004, 08:50 PM

dont RELY on photoshop and DW. Know enough HTML to get by, and then use photoshop and DW and frontpage and flash and whatever to make things faster or prettier...but you should eb able to udnerstand what they are doing under the hood.

YAYitsAndrew · Oct 24, 2004, 05:01 AM

WYSIWYG editors like frontpage and dreamweaver produce some pretty bad html. If you write the site yourself you'll have way more control over the look of it as well as have shorter pages that won't take as long to load or parse. I'd say only use dreamweaver for it's site managing capabilities, they're pretty nice. Outside of that textpad is really great for html because it has syntax highlighting and all the other tasty features of a well made IDE.

Remember the cardinal rule of good web design:
HTML controls the content (paragraphs, images)
CSS controls the layout (where those paragraphs and images go)

You know you have good HTML when someone can come along and write another css file that makes your site look totally different.

pr0digal jenius · Oct 28, 2004, 04:23 AM

thats what i meant....i mkake them in WYSIWYG and clean them up in notepad

Malus · Oct 28, 2004, 04:55 AM

Well, I make all of my layouts in Photoshop and then slice and code them by hand using standards compliant code. You should probably learn how to slice first, then start working on advancing your coding skills.

pr0digal jenius · Oct 28, 2004, 05:26 AM

i know how to slice images...but I've takena distinct bias towards flash as of late...so it doesn't much matter

MythicaL · Oct 28, 2004, 09:23 AM

Just do the whole thing in Photoshop and create an image map on all the links

Zardon · Oct 28, 2004, 01:59 PM

Quote:

Originally Posted by pr0digal jenius

dont RELY on photoshop and DW. Know enough HTML to get by, and then use photoshop and DW and frontpage and flash and whatever to make things faster or prettier...but you should eb able to udnerstand what they are doing under the hood.

frontpage !

YAYitsAndrew · Oct 28, 2004, 02:48 PM

textpad is all you need!

MythicaL · Oct 30, 2004, 03:28 AM

Quote:

Originally Posted by YAYitsAndrew

textpad is all you need!

Heh, you're too old-school for me

I prefer EditPlus for HTML, and FrontPage for CSS, layouts, etc.

Oct 22, 2004, 04:51 AM	#1
giganick Frikkin COmputer~! Join Date: Jul 2002 Location: Kaysville, Utah Posts: 131 Rep Power: 0	Design Help I am in need of some help getting my web site up and running, hoping that one of you could give me some help. Well first things first. I have designed a website template or page in Photoshop, and have it saved as a JPG. I need some help intergrating Photoshop and Dreamweaver, I know it can be done, but i just dont know how to do it. I also want to know if there is a way to have some kind of a template page, when you click on something it automatically gathers the information and inserts it into the template. I hope that makes some sense. If someone could help me I would REALLY REALLY appreciate it....My website is www.nickpinnau.com if you want to check it out and see what is there. I would like to keep that main page, and just make the buttons and such work....also if you know of some great sites that can give you some good training, or if you could just kindof guide me through some things i would really appreciate it....thanks!!

Oct 22, 2004, 04:18 PM	#2
YAYitsAndrew Anti-Piracy Poster Boy Join Date: Oct 2004 Location: NJ Posts: 2,605 Rep Power: 79 System Specs	Don't rely on photoshop and dreamweaver to make your website. Learn html, xhmtl, and css and create your own website. Here is a great site with tutorials: http://www.w3schools.com/ __________________ "It is because the resistance to paying for copyrighted material, although often characterized as arising from a supposed technical burden or principled concern for the public interest, arises rather from exactly the same segment of the brain that is dominant in shoplifters." - Mark Helprin, Digital Barbarism In other words, it's never okay to steal even if you think you have a good reason! www.yayitsandrew.com

Oct 23, 2004, 07:28 AM	#4
MythicaL I like computers. Join Date: Jan 2004 Location: In front of a monitor Posts: 3,399 Rep Power: 89 System Specs	Pretty sure you gotta use a <div> somewhere in there __________________ Always knew I didn't belong in this world. I wasn't made for this. But I'll never forget those who betrayed me, and those who never failed my trust.

Oct 24, 2004, 05:01 AM	#6
YAYitsAndrew Anti-Piracy Poster Boy Join Date: Oct 2004 Location: NJ Posts: 2,605 Rep Power: 79 System Specs	WYSIWYG editors like frontpage and dreamweaver produce some pretty bad html. If you write the site yourself you'll have way more control over the look of it as well as have shorter pages that won't take as long to load or parse. I'd say only use dreamweaver for it's site managing capabilities, they're pretty nice. Outside of that textpad is really great for html because it has syntax highlighting and all the other tasty features of a well made IDE. Remember the cardinal rule of good web design: HTML controls the content (paragraphs, images) CSS controls the layout (where those paragraphs and images go) You know you have good HTML when someone can come along and write another css file that makes your site look totally different. __________________ "It is because the resistance to paying for copyrighted material, although often characterized as arising from a supposed technical burden or principled concern for the public interest, arises rather from exactly the same segment of the brain that is dominant in shoplifters." - Mark Helprin, Digital Barbarism In other words, it's never okay to steal even if you think you have a good reason! www.yayitsandrew.com

Oct 28, 2004, 04:55 AM	#8
Malus BSD SMASH! Join Date: May 2002 Location: A rabbit hole. . . Posts: 1,170 Rep Power: 0	Well, I make all of my layouts in Photoshop and then slice and code them by hand using standards compliant code. You should probably learn how to slice first, then start working on advancing your coding skills. __________________ quad (FreeBSD/amd64 8-CURRENT): Intel Q6600 - Asus P5E-VM HDMI - 2x2 GB Kingston PC6400 DDR2 Ram - Seagate 320GB 7200RPM HD - 2xSeagate 1TB 7200RPM HD in RAID 1 via ZFS - Lite-On 20x DVD Multi Recorder - Coolermaster Centurion 5 router (FreeBSD/amd64 8-CURRENT): Intel E4500 - Intel D945GCNL - 2 GB PC6400 Mushkin Ram - Lite-On 48x24x48x16 - Seagate 320GB 7200RPM HD - Silverstone SST-SG02-F wanderer (FreeBSD/i386 7-CURRENT): Lenovo Thinkpad T61p mini (OS X 10.5): Intel Core 2 Duo @ 1.8Ghz, 4 GB Mushkin PC5400 Ram - Headroom MicroDAC Portable sound: Rockboxed iPod Video -> Westone UM2's Not-So-Portable Sound: Headroon MicroDAC -> Singlepower PPX3-SLAM -> Grado RS-1's or Beyerdynamic DT-880's Very-Not-Portable-Sound: Squeezebox v3 -> Denon AVR-1507 -> B&W 683's & Sunfire HRS-10

Oct 23, 2004, 08:50 PM	#5
pr0digal jenius Delete Me Join Date: Mar 2004 Posts: 14,648 Rep Power: 0	dont RELY on photoshop and DW. Know enough HTML to get by, and then use photoshop and DW and frontpage and flash and whatever to make things faster or prettier...but you should eb able to udnerstand what they are doing under the hood.

Oct 28, 2004, 04:23 AM	#7
pr0digal jenius Delete Me Join Date: Mar 2004 Posts: 14,648 Rep Power: 0	thats what i meant....i mkake them in WYSIWYG and clean them up in notepad

Oct 28, 2004, 05:26 AM	#9
pr0digal jenius Delete Me Join Date: Mar 2004 Posts: 14,648 Rep Power: 0	i know how to slice images...but I've takena distinct bias towards flash as of late...so it doesn't much matter

Oct 28, 2004, 09:23 AM	#10
MythicaL I like computers. Join Date: Jan 2004 Location: In front of a monitor Posts: 3,399 Rep Power: 89 System Specs	Just do the whole thing in Photoshop and create an image map on all the links __________________ Always knew I didn't belong in this world. I wasn't made for this. But I'll never forget those who betrayed me, and those who never failed my trust.

Oct 28, 2004, 02:48 PM	#12
YAYitsAndrew Anti-Piracy Poster Boy Join Date: Oct 2004 Location: NJ Posts: 2,605 Rep Power: 79 System Specs	textpad is all you need! __________________ "It is because the resistance to paying for copyrighted material, although often characterized as arising from a supposed technical burden or principled concern for the public interest, arises rather from exactly the same segment of the brain that is dominant in shoplifters." - Mark Helprin, Digital Barbarism In other words, it's never okay to steal even if you think you have a good reason! www.yayitsandrew.com