Learning how to create web content

elrasho · 15 Jul 2013 at 16:46

When making websites what software do you guys use to design the actual content such as logos, menus, backgrounds etc..

I'm learning HTML and CSS and will be soon creating actual websites. But I need to create the content and don't know where to start. Any advice would be greatly appreciated.

Deleted member 77746 · 15 Jul 2013 at 17:10

Notepad++ for code
Photoshop for images
TSOHOST for hosting content

elrasho · 15 Jul 2013 at 17:12

mrbell1984 said:
Notepad++ for code
Photoshop for images
TSOHOST for hosting content

This is my problem, I don't know Photoshop at all. Where do I start in a Web Designers point of view

Deleted member 77746 · 15 Jul 2013 at 17:16

elrasho said:
This is my problem, I don't know Photoshop at all. Where do I start in a Web Designers point of view

You start by learning.

Get some packages and play until you feel comfortable with them.

GravyMonster · 15 Jul 2013 at 17:19

IIRC there's a great design to slice to code tutorial on CSSTricks.com

elrasho · 15 Jul 2013 at 17:20

mrbell1984 said:
You start by learning. Get some packages and play until you feel comfortable with them.

By packages you mean Photoshop itself. Having a play isn't going to help much, I need to know how to use it from a Web Designers point of view and know the tools they'd use. I can't just open PS and click on each button to see what it does, it will take too much time and is really inefficient.

Deleted member 77746 · 15 Jul 2013 at 17:36

elrasho said:
By packages you mean Photoshop itself. Having a play isn't going to help much, I need to know how to use it from a Web Designers point of view and know the tools they'd use. I can't just open PS and click on each button to see what it does, it will take too much time and is really inefficient.

You don't have a choice. You will have to learn and it takes years for good developers to get where they are today.

ilcp · 15 Jul 2013 at 17:48

you could always youtube/google "how do I do zyx on PS"

roger that · 15 Jul 2013 at 19:56

To really get learning apps like Photoshop or Illustrator quicker, you need to invest a bit of cash and get some training. Lynda or Total Training are good places to start looking at. With Photoshop you will probaby need to learn how to import and manipulate photos for web projects, aside from using it as a creative tool.

Also Fireworks can be purchased at competitive prices.

Draeger · 15 Jul 2013 at 21:05

I tend to use Fireworks more for web content rather than PS.

Chaos · 15 Jul 2013 at 23:30

You could have a browse on nettuts

http://net.tutsplus.com/tutorials/d...d-code-a-slick-website-from-scratch-–-part-i/

Hyburnate · 15 Jul 2013 at 23:38

Photoshop for designing, Fireworks for slicing layouts and then Notepad or Sublime Text to code it.

elrasho · 16 Jul 2013 at 09:20

How about GIMP? I can't afford PS

UncleRuckus · 17 Jul 2013 at 13:16

elrasho said:
How about GIMP? I can't afford PS

I use Gimp exclusively these days. It's pretty great but does lack some of the features and polish of Photoshop, however there are 100's of plugins out to expand it's base functionality.

antijoke · 18 Jul 2013 at 10:06

I've just started as a junior web developer and they use Photoshop here for designing the content, I had no idea how it worked or what did what, but now after 1 month I am getting more confident at using PS and can put together a decent mock up for a site.

There is no cheating sadly, you have to invest the time to get up to speed.

It is hard to know what to do if you haven't got a brief as I struggled with this before I got my job, but you could always look at some sites and try to do a mock up of them in PS.

jsmoke · 18 Jul 2013 at 10:41

Just like programming, Graphics design can take years to master, there is no easy route. I would advise googling for some well known logos showing you how they are created and follow the steps.

Neodite · 19 Jul 2013 at 06:22

Photoshop for images/BG's etc.
Illustrator for logos.
Coda 2 for coding.

uniQ · 19 Jul 2013 at 09:06

I rarely design a complete layout in photoshop anymore. More often I sketch on paper then go straight to coding a mockup, I also favour text/css over images whenever possible.