Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works

Web design question

  • Please log in to reply




  • Member
  • PipPip
  • 15 posts
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.
  • 0


Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
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


Free HTML Editors, Web Editors, and WYSIWYG Web Editors and Site Builders:
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:



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

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.inkscape.org/download/ (Very good for vectored graphics)
  • 0

Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP