PSForce.com :: Website tut
PhotoshopForce.com
PhotoshopForce.com home tutorials forums downloads contact-us PhotoshopForce.com
PhotoshopForce.com
Complete PC Layout Gradient Twirl Flawless Layout Professional Logo Design Fresh Tutorials:
Last Update: 2.14.2007
Online: 48 Users
Adverts
VidPit.com - Funny, Cool and Sexy videos!
PhotoshopForce.com
Log in to check your private messages
Memberlist Register Log in
Website tut
Post new topic   Reply to topic    PSForce.com Forum Index » Tutorial Utopia
Author Message
Reizenstein
PSForce a'holic


Joined: 09 May, 12:05
Posts: 315
Location: Örebro, Sweden

PostPosted: 19 May, 02:32    Post subject: Website tut

Reply with quote


well, ive seen all these website tutorial, on how to make templates and so on, but 'd really like to know how to code the site using htm, php and all that.

any hints on any sites?? Wink
...
Back to top
Murdernickle
Mod


Joined: 14 May, 06:02
Posts: 337
Location: Pennsylvania, USA

PostPosted: 19 May, 07:04    Post subject:

Reply with quote


I've always used Dreamweaver....eeesh haha
...
Back to top
DEVs
Mod


Joined: 01 Feb, 09:10
Posts: 243
Location: London,UK

PostPosted: 19 May, 09:59    Post subject:

Reply with quote


I know what you mean i use dreamweaver to code but i also want to know how to code in php lol ask Nick and Jeff there teh php gods around here Smile
...
Back to top
Nick
Mod


Joined: 13 Mar, 10:13
Posts: 88
Location: California, USA

PostPosted: 19 May, 10:31    Post subject:

Reply with quote


Confused Confused You can't exactly right a tutorial on coding a website. I mean, you can write on how to do news scripts etc, but not a whole site. You just need to learn some languages, PHP mainly, and put it all together. Wink
...
Back to top
DEVs
Mod


Joined: 01 Feb, 09:10
Posts: 243
Location: London,UK

PostPosted: 19 May, 10:43    Post subject:

Reply with quote


Easyer said than done Razz
...
Back to top
Reizenstein
PSForce a'holic


Joined: 09 May, 12:05
Posts: 315
Location: Örebro, Sweden

PostPosted: 20 May, 12:15    Post subject:

Reply with quote


what i'd like would be a link to the sites where you learned it Idea
...
Back to top
salman_500
Member


Joined: 08 May, 03:18
Posts: 54

PostPosted: 20 May, 08:50    Post subject:

Reply with quote


well if you want php pages...

use dreamweaver, put tables and images and bg's etc.... get the page like you wanted it to be, and then save it as "page.php" or whatever the name... an voila !!!! you got php page for ya..... Very Happy

easy aint it????
...
Back to top
Jeff
Mod


Joined: 23 Jan, 07:17
Posts: 765

PostPosted: 21 May, 08:34    Post subject:

Reply with quote


I do plan on writting a pretty indepth multi-stage tutorial covering what all goes into slicing and coding a layout. However l'm an old sk0ol fart that uses notepad to do my coding by hand, rather than using dreamweaver - because when something goes wrong (which it always does) its a lot easier to pin point the problem and correct it.

Let me ask you, what level of HTML experience do you have, ReiZeN?
...
Back to top
Reizenstein
PSForce a'holic


Joined: 09 May, 12:05
Posts: 315
Location: Örebro, Sweden

PostPosted: 21 May, 12:32    Post subject:

Reply with quote


haha nearly nothing. i did some kind of school project 2 years ago coding by hand in notepad, but i don't remember a thing Wink really making things easier for you guys, am i not??
...
Back to top
Jeff
Mod


Joined: 23 Jan, 07:17
Posts: 765

PostPosted: 21 May, 01:30    Post subject:

Reply with quote


Heh, well the first step would be to get a good grasp of HTML -- save CSS/javascript/php or even CGI/PERL for after you have a good understanding of how HTML works. Everyone has to start somewhere, might l suggest (what l think) is the best book for someone who wants to get going with HTML...

HTML Goodies - by joe burns

You can get a used one on amazon, for under 10 bucks and trust me, if you're honestly interested in web design/html/coding in gernal this is the book for you. It's what got me started, and l'm sure 100,000's of others just like me.

From there l moved on to:
Javascript Goodies - joe burns
This one is avaialbe used on amazon for under 4 bucks!

The author just has a great way of writing tutorials in a way that you'll not only understand, but you'll remember.

Pick those up from amazon, and work on it all summer. There's no hard and fast rule to learning this stuff, you just gotta sit down and do it.

Hope this helps ya out mate
[/url]
...
Back to top
yusufjee
New User


Joined: 21 May, 02:40
Posts: 3

PostPosted: 21 May, 02:49    Post subject:

Reply with quote


I have similar sort of question. I am a web designer, mostly using CSS to do the layout. I only use photoshop for some high tech sort of websitetes yet only for headers. I have never tried making whole website in photoshop and then slicing it all up and coding it later. I just think it consime too much bandwidth as all the website will be layed out on images. However with the speed to internet ever increasing, i am also giving it a though to start or atleast test some websites all done in photoshop.

I just read the Modern Layout tutorial on this website. My question is how do you code so the contents are exactly in those spaces that are created for them in the photosho. For example, in the finished layout http://www.photoshopforce.com/tutorials/modern-layout/images/final_full.jpg, the hot review sections or most played sections are exactly on the spaces created for them. Is it dont by creating html tables or CSS boxes?
...
Back to top
hazeaccord
Member


Joined: 11 May, 07:50
Posts: 92

PostPosted: 26 May, 01:52    Post subject:

Reply with quote


Joe Burns also has a wesite out for htmlgoodies...

http://www.htmlgoodies.com/

Maybe this will help out in some way too, this is what i have used many times as reference
...
Back to top
Jeff
Mod


Joined: 23 Jan, 07:17
Posts: 765

PostPosted: 26 May, 02:27    Post subject:

Reply with quote


yusufjee wrote:
I have similar sort of question. I am a web designer, mostly using CSS to do the layout. I only use photoshop for some high tech sort of websitetes yet only for headers. I have never tried making whole website in photoshop and then slicing it all up and coding it later. I just think it consime too much bandwidth as all the website will be layed out on images. However with the speed to internet ever increasing, i am also giving it a though to start or atleast test some websites all done in photoshop.


I'm with you on this one, however the problem isn't bandwidth, it's load time. PPL just don't want to wait for a page to load if it takes longer than 8 seconds, no matter how beautiful it is, if it takes longer than 8 seconds, most ppl are going to turn away. And l'm well aware that this site breaks that rule, but this site is more of a showcase than anything. So if this site was set up to sell my new widget it wouldn't be so graphic intense, but that's not the focus.

Quote:

I just read the Modern Layout tutorial on this website. My question is how do you code so the contents are exactly in those spaces that are created for them in the photosho. For example, in the finished layout http://www.photoshopforce.com/tutorials/modern-layout/images/final_full.jpg, the hot review sections or most played sections are exactly on the spaces created for them. Is it dont by creating html tables or CSS boxes?


It could be done with either to be honest, however if it were me; l'm so good with tables that l'd much rather do it with tables than with CSS, using a techinque known as "nesting" tables. Basically tables within tables...

Each portion would be it's own table, all of which within a larger table that positions everything.

It could all be done with one massive table, but it would be a headache to get it right, hence the nested tables.
...
Back to top
Murdernickle
Mod


Joined: 14 May, 06:02
Posts: 337
Location: Pennsylvania, USA

PostPosted: 26 May, 05:33    Post subject:

Reply with quote


Jeff wrote:


It could be done with either to be honest, however if it were me; l'm so good with tables that l'd much rather do it with tables than with CSS, using a techinque known as "nesting" tables. Basically tables within tables...

Each portion would be it's own table, all of which within a larger table that positions everything.

It could all be done with one massive table, but it would be a headache to get it right, hence the nested tables.


Yes, I use this a lot in website templates that I design. I've gotten so used to tables that I shy away from CSS big time anymore. Most of what I do can be completed with just tables and that makes me happy Smile
...
Back to top
yusufjee
New User


Joined: 21 May, 02:40
Posts: 3

PostPosted: 27 May, 09:52    Post subject:

Reply with quote


Thanks for the reply jeff. Very helpful indeed. Although you mentioned tables but since i am a CSS guy so i will prefer to nest them in CSS boxes. But i guess the basic question was to get the idea which you very well explained.

As for this website, its layed out pretty well for what it does. I would recommended you increase it in width by probably 50px each side. The content area is very small in my opinion. The standard monitor resolution is increasing so give it a thought.
...
Back to top
Reply to topic    PSForce.com Forum Index » Tutorial Utopia
 
 

Jump to:  
Goto page 1, 2, 3  Next
Page 1 of 3




Powered by phpBB © 2001, 2002 phpBB Group

HOME   |   TUTORIALS   |   FORUMS   |   DOWNLOADS   |   CONTACT US
© 2007 - 2008 www.PhotoshopForce.com Duplication/Redistribution prohibited.
Top of Page