Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Graphics in Web pages

Reply
Thread Tools

Graphics in Web pages

 
 
Nick
Guest
Posts: n/a
 
      11-10-2004
Hello,

I wanted to know if anybody has any good suggestions of any books
or other resources that could teach me how to make good Web graphics
and how to use them in HTML to make Web pages look good.

When I say graphics, I mean GIFs and not any flash or anything like
that.

I am a PHP programmer and I know how to use HTML and CSS well, but
I am horrible at making buttons, background images, logos etc. and
I really don't know how to implement images into HTML to help make
the Web page look good. Not only do I need to learn how to make the
images but also how to put them into the HTML -- how it all works
together well.

Does anybody know of which software to use and good books that have
good examples and so on?

Please help, using graphics in my Web pages to make them look good
is my missing ingredient.

Thanks,
Nick
 
Reply With Quote
 
 
 
 
NOXwebmasterx@xmbstevensx.com
Guest
Posts: n/a
 
      11-10-2004
Nick wrote:
> Not only do I need to learn how to make the
> images but also how to put them into the HTML -- how it all works
> together well.


http://www.mbstevens.com/howtothumb
might be helpful.**Do*searches*at*w3.org
for 'img' 'png' 'jpg' and 'gif'.**
Do the same at alistapart.com.
*
> Does anybody know of which software to use and good books that have
> good examples and so on?


Download the Gimp; also download documentation for it.
Takes a few hours of experimenting to get up to speed.
The time spent will be well worth the trouble.**
For <em>webpages</em> it's as powerful as photoshop.
Don't settle for one of the less powerful packages just because
it might not require several hours of study.**Be*sure*to*get
Gimp 2, the newest version.
mbstevens******


 
Reply With Quote
 
 
 
 
Roy Schestowitz
Guest
Posts: n/a
 
      11-10-2004
Nick wrote:

> Hello,
>
> I wanted to know if anybody has any good suggestions of any books
> or other resources that could teach me how to make good Web graphics
> and how to use them in HTML to make Web pages look good.
>
> When I say graphics, I mean GIFs and not any flash or anything like
> that.
>
> I am a PHP programmer and I know how to use HTML and CSS well, but
> I am horrible at making buttons, background images, logos etc. and
> I really don't know how to implement images into HTML to help make
> the Web page look good. Not only do I need to learn how to make the
> images but also how to put them into the HTML -- how it all works
> together well.
>
> Does anybody know of which software to use and good books that have
> good examples and so on?
>
> Please help, using graphics in my Web pages to make them look good
> is my missing ingredient.


To be absolutely honest (and not just lazy), you needn't do any
work on graphics. There are tools like the GIMP that do it all for you. Why
do I mention the GIMP with some confidence? Because I used Photoshop and
Paintshop before, but nothing compares to Script Fu which generates
beautiful banners, buttons, backgrounds, etc. See, for example:

http://www.schestowitz.com/Software/Script_Fu/

There are also some nice menus that are GPL'd at:

http://www.e-lusion.com/design/menu/

I mention it only because I stubled across it yesterday.

--
Roy Schestowitz
http://schestowitz.com
 
Reply With Quote
 
Jey Gifford
Guest
Posts: n/a
 
      11-10-2004
Nick,

My suggestions would be:

1) Buy Photoshop (with ImageReady) and learn how to use those. (They
can export your images to the correct html tables and whatnot)
2) Visit LOTS of web sites and read TONS of magazine ads. Bookmark &
clip the ones that you think look good.
3) Ask yourself and analyze WHY something looks good.
4) Try to pay special attention to spacing and alignment of text &
graphics
5) Avoid "GOING NUTS" with font usage. That's a sure way to set off
the amateur alarm.
6) REMEMBER: Simplicity and readability speak VOLUMES
7) Enjoy the ride. Five Years from now, you'll look back at your
proudest work and scream "WHAT WAS I THINKING?!?!?!?!?!"

jEY
 
Reply With Quote
 
Henry
Guest
Posts: n/a
 
      11-10-2004
Jey Gifford wrote:
> Nick,
>
> My suggestions would be:
>
> 1) Buy Photoshop (with ImageReady) and learn how to use those. (They
> can export your images to the correct html tables and whatnot)
> 2) Visit LOTS of web sites and read TONS of magazine ads. Bookmark &
> clip the ones that you think look good.
> 3) Ask yourself and analyze WHY something looks good.
> 4) Try to pay special attention to spacing and alignment of text &
> graphics
> 5) Avoid "GOING NUTS" with font usage. That's a sure way to set off
> the amateur alarm.
> 6) REMEMBER: Simplicity and readability speak VOLUMES
> 7) Enjoy the ride. Five Years from now, you'll look back at your
> proudest work and scream "WHAT WAS I THINKING?!?!?!?!?!"
>
> jEY



Amen!

Roy... you must be bad in Photoshop!

These samples are very, very average.

Just few actions and you could do magic in Photoshop.

And in some sites you could d/load them for free.




 
Reply With Quote
 
Matthew Superstar Swass
Guest
Posts: n/a
 
      11-10-2004
>To be absolutely honest (and not just lazy), you needn't do any
>work on graphics.


>http://schestowitz.com


And clearly, you haven't. Fact is, a stunning display of original visuals can
increase the value of a site many times that of "regular" sites.

I can't believe I am actually seeing people in this thread recommending the
automation of graphic design. This is the equivalent of someone coming in here
and saying not to learn HTML, just use FrontPage.
 
Reply With Quote
 
Tony Clarke
Guest
Posts: n/a
 
      11-10-2004
Some tips...

1 Photoshop/ImageReady: Use these to make decent images/buttons/menus.
ImageReady can slice an image up into links and do some stuff that can
really save you time.
2. Dreamweaver MX: A quick an easy way to format everything. MS Word will
put ALOT of extra stuff into a html page for formatting.
3. Stylesheets: By far the best way of getting some consistancy onto your
site.



"Henry" <(E-Mail Removed)> wrote in message
news:4192a32e$(E-Mail Removed)...
> Jey Gifford wrote:
> > Nick,
> >
> > My suggestions would be:
> >
> > 1) Buy Photoshop (with ImageReady) and learn how to use those. (They
> > can export your images to the correct html tables and whatnot)
> > 2) Visit LOTS of web sites and read TONS of magazine ads. Bookmark &
> > clip the ones that you think look good.
> > 3) Ask yourself and analyze WHY something looks good.
> > 4) Try to pay special attention to spacing and alignment of text &
> > graphics
> > 5) Avoid "GOING NUTS" with font usage. That's a sure way to set off
> > the amateur alarm.
> > 6) REMEMBER: Simplicity and readability speak VOLUMES
> > 7) Enjoy the ride. Five Years from now, you'll look back at your
> > proudest work and scream "WHAT WAS I THINKING?!?!?!?!?!"
> >
> > jEY

>
>
> Amen!
>
> Roy... you must be bad in Photoshop!
>
> These samples are very, very average.
>
> Just few actions and you could do magic in Photoshop.
>
> And in some sites you could d/load them for free.
>
>
>
>



 
Reply With Quote
 
Roy Schestowitz
Guest
Posts: n/a
 
      11-11-2004
Matthew Superstar Swass wrote:

>>To be absolutely honest (and not just lazy), you needn't do any
>>work on graphics.

>
>>http://schestowitz.com

>
> And clearly, you haven't. Fact is, a stunning display of original visuals
> can increase the value of a site many times that of "regular" sites.


Fair Enough. I used to work on banners in Paintshop and Photoshop and it was
very time-consuming. As soon as I started working on my personal site, I
wanted a quick and effortless machinery to give a diverse collection of
banners. I still use the GIMP to render effects like shadows, transparency,
etc.

As I said, your point is valid.

> I can't believe I am actually seeing people in this thread recommending
> the automation of graphic design. This is the equivalent of someone coming
> in here and saying not to learn HTML, just use FrontPage.


I was using FrontPage many years ago. I have not touched it for 6 years. I
advocate _no_ automatic Web design, unless you are not fluent with SGML or
not comfortable with the concept (as sometimes is the case with
non-scientists, e.g. Word versus LaTeX).

Roy

--
Roy Schestowitz
http://schestowitz.com/
 
Reply With Quote
 
Roy Schestowitz
Guest
Posts: n/a
 
      11-11-2004
Henry wrote:

> Jey Gifford wrote:
>> Nick,
>>
>> My suggestions would be:
>>
>> 1) Buy Photoshop (with ImageReady) and learn how to use those. (They
>> can export your images to the correct html tables and whatnot)
>> 2) Visit LOTS of web sites and read TONS of magazine ads. Bookmark &
>> clip the ones that you think look good.
>> 3) Ask yourself and analyze WHY something looks good.
>> 4) Try to pay special attention to spacing and alignment of text &
>> graphics
>> 5) Avoid "GOING NUTS" with font usage. That's a sure way to set off
>> the amateur alarm.
>> 6) REMEMBER: Simplicity and readability speak VOLUMES
>> 7) Enjoy the ride. Five Years from now, you'll look back at your
>> proudest work and scream "WHAT WAS I THINKING?!?!?!?!?!"
>>
>> jEY

>
>
> Amen!
>
> Roy... you must be bad in Photoshop!
>
> These samples are very, very average.
>
> Just few actions and you could do magic in Photoshop.
>
> And in some sites you could d/load them for free.


These are _not_ logos I designed. Think of them as a basic templates (have
you read the text at the top of this thumbnails page?).

--
Roy Schestowitz
http://schestowitz.com
 
Reply With Quote
 
Henry
Guest
Posts: n/a
 
      11-11-2004
Roy Schestowitz wrote:

> I was using FrontPage many years ago.


Yeah! Cough...cough... than was total crap.

> I have not touched it for 6 years. I
> advocate _no_ automatic Web design, unless you are not fluent with SGML or
> not comfortable with the concept (as sometimes is the case with
> non-scientists, e.g. Word versus LaTeX).



I love FP 2003 because when I have splitted page, on the bottom I have a
layout and on the top the code. When I press on layout, it highlights
the code and vice versa.

Any work on layout is showing immediately in code.

So basically I use it as *good text editor* with a preview.

When I have to replace some code like

<font face="Arial" size="5" color="#FF0000">

I'll highlight the code, press Ctrl-F to find it and than I have a
windows asking me, if I want to replace that code with nothing or with a
different code.

When I have to replace with different code, FP is asking me if I want to
replace every instance of a original code.

That way is FAST!!! Try imagine replace 25 instances. ;-P

Working with tables is very easy. All I have to do is to remove unwanted
code like cell height and other crap from M$ and I can see what I'm doing.

Just in case I have my file opened in Firefox and I'm checking if I'm
going right.

FP has one more great feature.

When I see nice page and I want to copy something from it, I save page,
open it in FP, make new blank page and copy some elements from copied page.

FP is copying often that element with css coding just for the element
only. Neat huh?

It's just... me.


 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Using Web.config's <system.web><pages><controls><add /></controls></pages></system.web> To Register UserControls Nathan Sokalski ASP .Net 5 01-10-2007 10:50 AM
Using Web.config's <system.web><pages><controls><add /></controls></pages></system.web> To Register UserControls Nathan Sokalski ASP .Net Web Controls 4 12-21-2006 02:50 AM
Using Web.config's <system.web><pages><controls><add /></controls></pages></system.web> To Register UserControls Nathan Sokalski ASP .Net Building Controls 4 12-21-2006 02:50 AM
images, graphics missing off web pages Shamah Computer Support 1 07-29-2003 12:55 AM
images, graphics missing off web pages Shamah Computer Support 0 07-28-2003 07:41 PM



Advertisments