[Brett_Riddle]

I have had experience with making webpages in html and css and was wanting to try making one in photoshop. But when i look up a tutorial on how to do this it always comes up with "how to make a website with photoshop and dreamweaver". So my question is, can you make a website in photoshop and just code it directly with html? Or do you have to use dreamweaver with it. Also if you know how to do this could you give me a quick description of how to do it? I can fill in the rest of the blanks lol. But if you want to give a more detailed explanation or a tutorial then that would me very very much appreciated.

I can make a webpage in html but it never looks so visually stunning like this http://lunia.ijji.com/

That website is not the best i have seen. All the ones i wanted to show are gone now. But i would like to make something similar to that.

[Advertisements]

Photoshop is a GRAPHIC editor. NOT a web editor. Dreamweaver is the web editor and both being from Adobe are integrated with each other in a lot of their functions. What is done in one can usually be exported/imported into the other with a few simple clicks.

Making the images, slicing them for the web and coding is not all that easy. Letting a program make and write your code is not going to make you a better web designer. You have to learn how to hand code this stuff from scratch. Once you do, you'll understand the use of the tools that make some jobs easier for you, but also do always get it quite right when they write the code. Dreamweaver has a code correction utility which helps, but you need to ALWAYS check your CSS and HTML at the w3c.org's validators.

These might help...

How to Do Templates:

How to Download and Edit a Template Video Tutorial: http://www.clantempl...L_and_Edit.html

How to Make a New Page Video Tutorial: http://www.clantempl...a_New_Page.html

How to Upload Your Template Video Tutorial: http://www.clantempl..._to_Upload.html

Editors:

Free HTML Editors, Web Editors, and WYSIWYG Web Editors and Site Builders:
http://www.thefreeco...tml#htmleditors
HTML Editor Reviews - http://www.wdvl.com/Reviews/HTML/
Free Online Editor Tool: http://htmledit.squarefree.com/
Free Flash Website Builder (Online): http://www.wix.com/
PageBreeze (Free visual (WYSIWYG) and HTML tag/source modes): http://www.pagebreeze.com/

Notepad++ (Free source code editor and Notepad replacement that supports several languages): http://notepad-plus....net/uk/site.htm
Serif WebPlus SE: http://myrtc.blogspo...webplus-se.html
Why Validate?: http://validator.w3.org/docs/why.html

Download Trellian WebPage (Free): http://www.trellian....ge/download.htm

Mac users might want to download BBedit Lite, a more powerful, and free mac text editor: http://www.barebones...bedit_lite.html

Free Mac Web Design Software: http://web-design.lo...Design_Software

Free HTML Editors for Macintosh: http://webdesign.abo...tedmac.-0cZ.htm

Tableless Web Design: http://en.wikipedia....less_web_design

CSS Tutorials:

http://www.w3schools...Css/default.asp
http://www.csstutorial.net/
http://www.echoecho.com/css.htm
http://www.html.net/tutorials/css/
http://www.w3.org/St...es/011/firstcss

http://htmldog.com/guides/cssbeginner/
http://www.davesite....webstation/css/
http://www.htmlcodet...amsupp_193.html

Images, Tables, and Mysterious Gaps: https://developer.mo...Mysterious_Gaps

How to Make a Webpage:

Full Web Building Tutorials: http://www.w3schools.com/
Beginner's HTML Tutorial: http://www.htmlbasix.com/
How to Create a Webpage: http://www.make-a-web-site.com/
So You Want To Set Up Your First Site, Huh?: http://www.htmlgoodi...cle.php/3479561
http://www.w3schools...ite/default.asp

How to Start / Create Your Own Website: The Beginner's A-Z Guide: http://www.thesitewi...rtwebsite.shtml
So, you want to make a Web Page!: http://www.pagetutor...utor/index.html
Getting started with HTML: http://www.w3.org/MarkUp/Guide/
Creating your first website – Part 1: Setting up your site and project files (Adobe CS3/4): http://www.adobe.com...ebsite_pt1.html

FREE software:

http://www.gimp.org/downloads/ (Animation included)
25 GIMP Video Tutorials to Help Get You Started: http://sixrevisions....ideo_tutorials/
GIMP Plug-in Registry: http://registry.gimp.org/
Using GAP: http://www.gimp.org/...ials/Using_GAP/
How to install gimp gap on windows: http://registry.gimp.org/node/3500

http://www.blender.o...ad/get-blender/ (Animation included)
Blender for Dummies (PDF) Download:

http://www.baydownlo.....20dummies pdf

UnFreeze: http://www.whitsoftdev.com/unfreez/ (Animation)

FREE software (No Animation):

http://www.getpaint.net/ (Very user friendly)
GetPaint.net Plug-ins: http://paintdotnet.f...wforum.php?f=16
http://www.download.....html?tag=mncol
http://www.inkscape.org/download/ (Very good for vectored graphics)

[Major Payne]

Photoshop is a GRAPHIC editor. NOT a web editor. Dreamweaver is the web editor and both being from Adobe are integrated with each other in a lot of their functions. What is done in one can usually be exported/imported into the other with a few simple clicks.

Making the images, slicing them for the web and coding is not all that easy. Letting a program make and write your code is not going to make you a better web designer. You have to learn how to hand code this stuff from scratch. Once you do, you'll understand the use of the tools that make some jobs easier for you, but also do always get it quite right when they write the code. Dreamweaver has a code correction utility which helps, but you need to ALWAYS check your CSS and HTML at the w3c.org's validators.

These might help...

How to Do Templates:

How to Download and Edit a Template Video Tutorial: http://www.clantempl...L_and_Edit.html

How to Make a New Page Video Tutorial: http://www.clantempl...a_New_Page.html

How to Upload Your Template Video Tutorial: http://www.clantempl..._to_Upload.html

Editors:

Free HTML Editors, Web Editors, and WYSIWYG Web Editors and Site Builders:
http://www.thefreeco...tml#htmleditors
HTML Editor Reviews - http://www.wdvl.com/Reviews/HTML/
Free Online Editor Tool: http://htmledit.squarefree.com/
Free Flash Website Builder (Online): http://www.wix.com/
PageBreeze (Free visual (WYSIWYG) and HTML tag/source modes): http://www.pagebreeze.com/

Notepad++ (Free source code editor and Notepad replacement that supports several languages): http://notepad-plus....net/uk/site.htm
Serif WebPlus SE: http://myrtc.blogspo...webplus-se.html
Why Validate?: http://validator.w3.org/docs/why.html

Download Trellian WebPage (Free): http://www.trellian....ge/download.htm

Mac users might want to download BBedit Lite, a more powerful, and free mac text editor: http://www.barebones...bedit_lite.html

Free Mac Web Design Software: http://web-design.lo...Design_Software

Free HTML Editors for Macintosh: http://webdesign.abo...tedmac.-0cZ.htm

Tableless Web Design: http://en.wikipedia....less_web_design

CSS Tutorials:

http://www.w3schools...Css/default.asp
http://www.csstutorial.net/
http://www.echoecho.com/css.htm
http://www.html.net/tutorials/css/
http://www.w3.org/St...es/011/firstcss

http://htmldog.com/guides/cssbeginner/
http://www.davesite....webstation/css/
http://www.htmlcodet...amsupp_193.html

Images, Tables, and Mysterious Gaps: https://developer.mo...Mysterious_Gaps

How to Make a Webpage:

Full Web Building Tutorials: http://www.w3schools.com/
Beginner's HTML Tutorial: http://www.htmlbasix.com/
How to Create a Webpage: http://www.make-a-web-site.com/
So You Want To Set Up Your First Site, Huh?: http://www.htmlgoodi...cle.php/3479561
http://www.w3schools...ite/default.asp

How to Start / Create Your Own Website: The Beginner's A-Z Guide: http://www.thesitewi...rtwebsite.shtml
So, you want to make a Web Page!: http://www.pagetutor...utor/index.html
Getting started with HTML: http://www.w3.org/MarkUp/Guide/
Creating your first website – Part 1: Setting up your site and project files (Adobe CS3/4): http://www.adobe.com...ebsite_pt1.html

FREE software:

http://www.gimp.org/downloads/ (Animation included)
25 GIMP Video Tutorials to Help Get You Started: http://sixrevisions....ideo_tutorials/
GIMP Plug-in Registry: http://registry.gimp.org/
Using GAP: http://www.gimp.org/...ials/Using_GAP/
How to install gimp gap on windows: http://registry.gimp.org/node/3500

http://www.blender.o...ad/get-blender/ (Animation included)
Blender for Dummies (PDF) Download:

http://www.baydownlo.....20dummies pdf

UnFreeze: http://www.whitsoftdev.com/unfreez/ (Animation)

FREE software (No Animation):

http://www.getpaint.net/ (Very user friendly)
GetPaint.net Plug-ins: http://paintdotnet.f...wforum.php?f=16
http://www.download.....html?tag=mncol
http://www.inkscape.org/download/ (Very good for vectored graphics)