|
|
| Author |
Message |
Reizenstein PSForce a'holic
Joined: 09 May, 12:05 Posts: 315 Location: Örebro, Sweden
|
|
|
... |
|
Back to top |
Murdernickle Mod
Joined: 14 May, 06:02 Posts: 337 Location: Pennsylvania, USA
|
Posted: 19 May, 07:04 Post subject:
|
|
| I've always used Dreamweaver....eeesh haha |
|
|
... |
|
Back to top |
DEVs Mod
Joined: 01 Feb, 09:10 Posts: 243 Location: London,UK
|
|
|
... |
|
Back to top |
Nick Mod
Joined: 13 Mar, 10:13 Posts: 88 Location: California, USA
|
|
|
... |
|
Back to top |
DEVs Mod
Joined: 01 Feb, 09:10 Posts: 243 Location: London,UK
|
|
|
... |
|
Back to top |
Reizenstein PSForce a'holic
Joined: 09 May, 12:05 Posts: 315 Location: Örebro, Sweden
|
|
|
... |
|
Back to top |
salman_500 Member
Joined: 08 May, 03:18 Posts: 54
|
|
|
... |
|
Back to top |
Jeff Mod
Joined: 23 Jan, 07:17 Posts: 765
|
Posted: 21 May, 08:34 Post subject:
|
|
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
|
|
|
... |
|
Back to top |
Jeff Mod
Joined: 23 Jan, 07:17 Posts: 765
|
Posted: 21 May, 01:30 Post subject:
|
|
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
|
Posted: 21 May, 02:49 Post subject:
|
|
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
|
Posted: 26 May, 01:52 Post subject:
|
|
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
|
Posted: 26 May, 02:27 Post subject:
|
|
| 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
|
|
|
... |
|
Back to top |
yusufjee New User
Joined: 21 May, 02:40 Posts: 3
|
Posted: 27 May, 09:52 Post subject:
|
|
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 |