How to make web pages the easy way?

wrote:

I have Photoshop 6.0 and want to make my first web page. The program seems very difficult for beginners, and I’m not satisfied with the "Help". So I was looking for a tutorial (preferably in PDF) which shows you step by step to make an easy web page including some text and easy graphics. Anyone seen any links or published documents?

Regards, Lucas Jensen

Google it.

Photoshop, especially Photoshop 6 is not the program for making web pages. ImageReady, which is included in PS 6 can get you a bit closer but you need to have a web program or learn some basic HTML, which is quite easy.

If you’re on PC try Arachnophilia which is a free and pretty good web page creation program. There are others.

Be sure to update to Photoshop 6.0.1.

—
Comic book sketches and artwork:
http://www.sover.net/~hannigan/edjh.html
Comics art for sale:
http://www.sover.net/~hannigan/batsale.html

wrote in news:1130497202.668347.132920
@z14g2000cwz.googlegroups.com:

I have Photoshop 6.0 and want to make my first web page. The program seems very difficult for beginners, and I’m not satisfied with the "Help". So I was looking for a tutorial (preferably in PDF) which shows you step by step to make an easy web page including some text and easy graphics. Anyone seen any links or published documents?

Regards, Lucas Jensen

Believe me Photoshop is not the place to start making webpages, by all means make graphics you use on the web with it but use a web program to create your webpages life will seem much sweeter.

—
Art, like morality, consists in drawing the line somewhere.

On 28 Oct 2005 04:00:02 -0700, wrote:

I have Photoshop 6.0 and want to make my first web page. The program seems very difficult for beginners, and I’m not satisfied with the "Help". So I was looking for a tutorial (preferably in PDF) which shows you step by step to make an easy web page including some text and easy graphics. Anyone seen any links or published documents?

You would use Photoshop only to prepare the graphics. ImageReady, included with Photoshop, is used to create such advanced web site features as clickable maps; you’ll want to skip this until you are more comfortable with making web pages.

A web page contains only plain text, with display instructions encased in pointy brackets, like this: <b>This is bold.</b> This method is called HTML. You can either learn HTML and use Notepad to make your web page (it’s easy to learn), or you can get a WYSIWYG web page design program that will generate the HTML for you. Geeks (like me) always write their own, but WYSIWYG page design programs work fine (many pros use them). Start with a simple web design program; the big pro models have steep learning curves and a lot of features you don’t need for a first site.

I looked through my bookmarks for a good tutorial — this is the only one I found. It’s for writing a web page on Notepad or Mac Simple Text: http://www.htmlgoodies.com/primers/html/article.php/3478141 This site, as it claims, has a lot of goodies on it related to making web sites.

And yes, Photoshop has a very steep learning curve, and is probably overkill for a simple web page.

Good luck, and have fun!

—
Jim Hargan
Freelance Photographer and Writer
www.harganonline.com

On 28 Oct 2005 04:00:02 -0700, wrote:

I have Photoshop 6.0 and want to make my first web page. The program seems very difficult for beginners, and I’m not satisfied with the "Help". So I was looking for a tutorial (preferably in PDF) which shows you step by step to make an easy web page including some text and easy graphics. Anyone seen any links or published documents?

Regards, Lucas Jensen

JpegSizer is an image resizing utility that includes a web gallery builder and uploader. It generates thumbnail pages with links to full-size image pages, complete with text and navigation buttons.

Free trial download here:

http://www.tangotools.com/jpegsizer/?s=cgap

HTH

Pete

wrote in message

I have Photoshop 6.0 and want to make my first web page. The program seems very difficult for beginners, and I’m not satisfied with the "Help". So I was looking for a tutorial (preferably in PDF) which shows you step by step to make an easy web page including some text and easy graphics. Anyone seen any links or published documents?

Regards, Lucas Jensen

Excellent tutorials here, geared for different skill levels: http://www.w3schools.com/

Flo

In article ,
wrote:

I have Photoshop 6.0 and want to make my first web page. The program seems very difficult for beginners, and I’m not satisfied with the "Help". So I was looking for a tutorial (preferably in PDF) which shows you step by step to make an easy web page including some text and easy graphics.

You are having problems because Photoshop is not a program that you use to make Web pages. It’s a bit like saying that you are trying to use Microsoft Excel to make a 3D animated movie, and you’re having trouble.

Use a Web page creation program such as Dreamweaver or Golive or Front Page to make Web pages.

—
Art, photography, shareware, polyamory, literature, kink: all at http://www.xeromag.com/franklin.html

In PS CS & CS2

File>Automate>Web Photogallery

It’s okay and with a bit of html knowledge you can edit the template file to suit your needs. I create most in dreamweaver but I do use PS CS2 html engine to automate the gallery pages.

As I said, It is okay but not great.

http://imagequest.netfirms.com

"tacit" wrote in message

In article ,
wrote:

I have Photoshop 6.0 and want to make my first web page. The program seems very difficult for beginners, and I’m not satisfied with the "Help". So I was looking for a tutorial (preferably in PDF) which shows you step by step to make an easy web page including some text and easy graphics.

You are having problems because Photoshop is not a program that you use to make Web pages. It’s a bit like saying that you are trying to use Microsoft Excel to make a 3D animated movie, and you’re having trouble.
Use a Web page creation program such as Dreamweaver or Golive or Front Page to make Web pages.

—
Art, photography, shareware, polyamory, literature, kink: all at http://www.xeromag.com/franklin.html

On Fri, 28 Oct 2005 14:23:11 -0500, "DBLEXPOSURE" wrote:

In PS CS & CS2

File>Automate>Web Photogallery

It’s okay and with a bit of html knowledge you can edit the template file to suit your needs. I create most in dreamweaver but I do use PS CS2 html engine to automate the gallery pages.

As I said, It is okay but not great.

http://imagequest.netfirms.com

Nice photos. Thanks for showing it.
What/which filter did you use on the one you called ‘Frost’ in Wildlife as well as Photo Art, excellent effect.

Dave

wrote in message

I have Photoshop 6.0 and want to make my first web page. The program seems very difficult for beginners, and I’m not satisfied with the "Help". So I was looking for a tutorial (preferably in PDF) which shows you step by step to make an easy web page including some text and easy graphics. Anyone seen any links or published documents?

Regards, Lucas Jensen

You are having problems because Photoshop is not a program that you use to make Web pages.

Certainly, Photoshop is not good for all web pages, since it’s not great for text, cannot do forms, has no FTP ability, etc. but it _is_ a design application (a very good one) and web pages are often designed – so it seems natural to me for people to want to use it for web creation. And it seems natural to actually use it for that.

I wrote the SiteGrinder plug-in especially for that purpose, trying to sensibly leverage Photoshop’s design abilities into smart web page creation (not just slicing or always-graphics pages).
http://www.medialab.com/sitegrinder

I’d be interested in feedback.

Chris

On 28 Oct 2005 16:48:12 -0700, "cperkins"
wrote:

You are having problems because Photoshop is not a program that you use to make Web pages.

Certainly, Photoshop is not good for all web pages, since it’s not great for text, cannot do forms, has no FTP ability, etc. but it _is_ a design application (a very good one) and web pages are often designed – so it seems natural to me for people to want to use it for web creation. And it seems natural to actually use it for that.

You say that PS is not for web pages and has no FTP ability. What we don’t know is what the OP thinks is a "web page". Quite often I will do a grouping of photographs, perhaps with some text, and ftp the result up as a url ending .jpg. I don’t call that a web page, but it is certainly a web site.

The OP may consider this a "web page". After all, it’s on the web and it’s a page.

To really answer the OP’s question, it’s needed to know what he/she thinks is a "web page". If it’s an Adobe Photo Gallery, or a .jpg accessible by loading a URL, then the comments here may have discouraged him from doing what can be easily done.

I’d be interested in feedback.

—

Tony Cooper
Orlando, FL

I looked through my bookmarks for a good tutorial — this is the only one I found. It’s for writing a web page on Notepad or Mac Simple Text: http://www.htmlgoodies.com/primers/html/article.php/3478141 This site, as it claims, has a lot of goodies on it related to making web sites.

I checked out the link and it really looks good. Thanks a lot. Maybe Photoshop is overkill, but check out this link:

http://instant.coffeecup.com/content/templates/details.php?t emp_id=T-P454&start=0

This is very close to what I wanna make for my first page – with some minor changes. I have the template on my computer, but it conists of many small images built together making the picture – and this confuses me. But I really wanna learn the html code actually, by using the tutorials on htmlgoodies, but how can I implement the graphics you are seeing in the above link?

Lucas

On Sat, 29 Oct 2005 01:14:03 GMT, Tony Cooper
wrote (with possible editing):

….snip

You say that PS is not for web pages and has no FTP ability. What we don’t know is what the OP thinks is a "web page". Quite often I will do a grouping of photographs, perhaps with some text, and ftp the result up as a url ending .jpg. I don’t call that a web page, but it is certainly a web site.

Actually, we do know. He provided a link to the template he wants to use.

The tools I would use would be Dreamweaver 8 for the page and Fireworks 8 for any graphics. The latter is vector based and seems far easier to use for web graphics than the bitmap based Photoshop. (I own both)

—

Larry
Email to rapp at lmr dot com

On Sat, 29 Oct 2005 13:34:22 GMT, L. M. Rappaport
wrote:

On Sat, 29 Oct 2005 01:14:03 GMT, Tony Cooper
wrote (with possible editing):

…snip

You say that PS is not for web pages and has no FTP ability. What we don’t know is what the OP thinks is a "web page". Quite often I will do a grouping of photographs, perhaps with some text, and ftp the result up as a url ending .jpg. I don’t call that a web page, but it is certainly a web site.

Actually, we do know. He provided a link to the template he wants to use.

Yes, but he provided it after I posted the above comment.

The tools I would use would be Dreamweaver 8 for the page and Fireworks 8 for any graphics. The latter is vector based and seems far easier to use for web graphics than the bitmap based Photoshop. (I own both)

The guy is showing us a template of a free html program – CoffeeCup – and you’re recommending a $999 program for his first web page? And a $299 add-on for effects? For a guy that doesn’t know squat about how to make web pages?

My recommendation would be for the guy to (a) pay someone to design/make his webpage if he wants to start out at the level of the template-style he likes, or (b) use the template for his first web page and start learning basic CSS or HTML 4.01 from a $25 book or on-line tutorials so he can upgrade to a customized version when he acquires some skills.

While your suggestion would work, it’s not practical given the information presented. It’s like telling your grandmother to buy Photoshop to edit the pictures she take with her first 2.0 megapixel camera.

—

Tony Cooper
Orlando, FL

On 29 Oct 2005 02:04:24 -0700, wrote:

I checked out the link and it really looks good. Thanks a lot. Maybe Photoshop is overkill, but check out this link:

http://instant.coffeecup.com/content/templates/details.php?t emp_id=T-P454&start=0
This is very close to what I wanna make for my first page – with some minor changes.
how can I implement the graphics you are
seeing in the above link?

To look at a page’s HTML code, right click and choose "View Source".

You will see that this is a fairly complicated web page. It uses HTML’s table commands to put elements in a fixed order, then it uses the independent styling language called CSS (Cascading Style Sheets) to re-arrange this order from tabular to the tabbed index card you see on the screen. It then uses more CSS to place borders, colors, etc. Lastly, it uses scripts — written in yet another language. Some of the scripts are embedded in the page, while others are in at least two separate documents.

If you’ve purchased the template, presumably there are instructions on how to plug in your own content. To me, it’s nice looking, and the code, while complicated, is clearly written and easy to follow. A nice template.

In web page development, java script is an extra fillip. CSS, on the other hand, is a big deal if you have, say, more than a dozen pages in your web site. To find the CSS, look at the 8th line from the top: <link rel="stylesheet" href="/code/main.css"> This says that the css code is located in the document
http://instant.coffeecup.com/code/main.css
If you copy and paste this into your browser’s address bar, the document main.css will appear. This document supplies ALL of the formatting — edges, colors, fonts, sizes, placement, etc.

You will notice that this css document is much longer than the web page. However, hundreds of pages on this site use this same css document, and it allows all of these pages to be very short and compact. Also, every thing done with CSS will display literally a hundred times faster than anything done with an image.

You do not need CSS or scripting for a simple web page, just HTML. CSS helps you simplify and organize a collection of web pages, and scripting adds pretty extras like drop-down menus.

On my web pages I use separate css like this template, but I use tables only for tabular display and I don’t use scripts. I like to keep things simple.

—
Jim Hargan
Freelance Photographer and Writer
www.harganonline.com

On Sat, 29 Oct 2005 13:56:20 GMT, Tony Cooper
wrote (with possible editing):

On Sat, 29 Oct 2005 13:34:22 GMT, L. M. Rappaport
wrote:

….snip

Actually, we do know. He provided a link to the template he wants to use.

Yes, but he provided it after I posted the above comment.

Sorry, didn’t notice.

The tools I would use would be Dreamweaver 8 for the page and Fireworks 8 for any graphics. The latter is vector based and seems far easier to use for web graphics than the bitmap based Photoshop. (I own both)

The guy is showing us a template of a free html program – CoffeeCup – and you’re recommending a $999 program for his first web page? And a $299 add-on for effects? For a guy that doesn’t know squat about how to make web pages?

Where did I recommend anything? Not even implied. I just said and meant that this is what I use.

My recommendation would be for the guy to (a) pay someone to design/make his webpage if he wants to start out at the level of the template-style he likes, or (b) use the template for his first web page and start learning basic CSS or HTML 4.01 from a $25 book or on-line tutorials so he can upgrade to a customized version when he acquires some skills.

I agree completely except that the template, too, seems far above his abilities. Hire someone and let him use a template.
—

Larry
Email to rapp at lmr dot com

On Sun, 30 Oct 2005 14:52:48 GMT, L. M. Rappaport
wrote:

On Sat, 29 Oct 2005 13:56:20 GMT, Tony Cooper
wrote (with possible editing):

On Sat, 29 Oct 2005 13:34:22 GMT, L. M. Rappaport
wrote:

…snip

Actually, we do know. He provided a link to the template he wants to use.

Yes, but he provided it after I posted the above comment.

Sorry, didn’t notice.

The tools I would use would be Dreamweaver 8 for the page and Fireworks 8 for any graphics. The latter is vector based and seems far easier to use for web graphics than the bitmap based Photoshop. (I own both)

The guy is showing us a template of a free html program – CoffeeCup – and you’re recommending a $999 program for his first web page? And a $299 add-on for effects? For a guy that doesn’t know squat about how to make web pages?

Where did I recommend anything? Not even implied. I just said and meant that this is what I use.

You are recommending something when you bring it up like this since the OP would take "I would use" as a recommendation.

My recommendation would be for the guy to (a) pay someone to design/make his webpage if he wants to start out at the level of the template-style he likes, or (b) use the template for his first web page and start learning basic CSS or HTML 4.01 from a $25 book or on-line tutorials so he can upgrade to a customized version when he acquires some skills.

I agree completely except that the template, too, seems far above his abilities. Hire someone and let him use a template.

CoffeeCup is a free download. I don’t have it downloaded, but I think the templates are free to use and require the user to only type in the specific wording they want on their site. I think the OP can manage that.

It’s not a bad way for the OP to go. He can use the template and concurrently study up on basic html/CSS to learn how to modify the template to his own specifications.

It rather depends on the function of the web site. If the function is to sell a product, then hiring someone to do the site is the best route. If the function is to entertain or casually inform, then the template is the best route.

—

Tony Cooper
Orlando, FL