Closed.........

Re: I'm starting web design

I do it by one of theses two:
The size of the content area
The resolution of my screen.
 
Re: I'm starting web design

Make a the canvas 800 x 600 and go from there.

Make sure you factor in different screen sizes though but with a size of 800 x 600 you should only be able to fit in the actual design without the spacing at the sides.

Start off basic though, designing something great in photoshop won't get you anywhere if you can't code it. The coding is the most important thing.
 
Re: I'm starting web design

Well, there are tools which can convert .psd to html. So, it's not really hard to code Photoshop web designs into actual webpages these days. 🙂
 
Re: I'm starting web design

Zaborg said:
Well, there are tools which can convert .psd to html. So, it's not really hard to code Photoshop web designs into actual webpages these days. 🙂

None of them works good though. 😛
 
Re: I'm starting web design

Don't ever use a program to convert the images into a design.

That's not even web design, anyone could do that, if you can't code you need to learn how to. HTML and CSS are very easy to learn.
 
Re: I'm starting web design

My first tip is make it fluid and not fixed,that way all resolutions will work.

Second always check to be sure your code is valid,it makes everything alot easier in the long run.

Third only use two main colors.
 
Re: I'm starting web design

Well, the only thing you have to worry about is the width. Set the width at 990px because that is the standard that I have. Save a copy of a template so the width can easily be changed if a client prefers a specific width. As for height, stick with approx. 1200. However, in my css code, I never specify a certain height, only the width is specified, so I can fit as much as info as I need to. Good luck with the templates. Hoped I helped.
 
Re: I'm starting web design

Most web users have screen resolutions bigger than 1024×768. I think it's common practice to use 1280 x 800 (or 1000) because you can fit in the "960 Grid System" and have distinguishable sidebars of white space. I don't think people with 21" screens would appreciate any smaller than 1024 x 768.
 
Re: I'm starting web design

Zaborg said:
Well, there are tools which can convert .psd to html. So, it's not really hard to code Photoshop web designs into actual webpages these days. 🙂
The problem with those programs is they normally uses tables and/or uses invalid code.

-- 19 Aug 2011, 21:17 --

ultimatedomainland said:
Well, the only thing you have to worry about is the width. Set the width at 990px because that is the standard that I have. Save a copy of a template so the width can easily be changed if a client prefers a specific width. As for height, stick with approx. 1200. However, in my css code, I never specify a certain height, only the width is specified, so I can fit as much as info as I need to. Good luck with the templates. Hoped I helped.
Making something fix width.can cause it not to work on all resolutions. Where as if he uses fluid,it will work with any resolution.
 
Re: I'm starting web design

Don't use set widths...
Use
Code:
#wrap {
width: 90%;
margin: 0px auto;
}
 
Re: I'm starting web design

Ah your starting off web designing..hard work but if you have the courage and motivation to do so, you'll acheive great things 😉

Good luck!
 
Re: I'm starting web design

I agree with Strikenz, also I use 1200x1000 when designing my designs.
 
Re: I'm starting web design

Dan said:
Make a the canvas 800 x 600 and go from there.

Make sure you factor in different screen sizes though but with a size of 800 x 600 you should only be able to fit in the actual design without the spacing at the sides.

Start off basic though, designing something great in photoshop won't get you anywhere if you can't code it. The coding is the most important thing.
800 x 600 is a terrible size. With a 600 pixel height, you will not be able to fit anything on. Especially considering that most headers are 100 - 140 pixels.

980px by 800px is definitely the way to go. With that, you have enough room for everything.


NBK*Twitch said:
Making something fix width.can cause it not to work on all resolutions. Where as if he uses fluid,it will work with any resolution.

Incorrect. It will work on all resolutions as long as the container/wrapper is under 1000 pixels wide.
 
Re: I'm starting web design

I normally go by the grid system. If you design will be fixed it should always be lower than 1000px in width.

Look up grad systems. They will help you. 🙂
 
Re: I'm starting web design

First off, Web Design is 80% design, 20% code. You don't need to know the code first, you need to know design. Anyone can slap together a index.html - but knowing which colors to use and what type of design to implement is all the work.
 
Re: I'm starting web design

The Hat Tipper said:
First off, Web Design is 80% design, 20% code. You don't need to know the code first, you need to know design. Anyone can slap together a index.html - but knowing which colors to use and what type of design to implement is all the work.

Wow. That was the best thing I read all day 🙂

+rep.

As he said, Design is what you need to know before you can start development. It will take some time but I promise that you will get the hang of it.

What I tried to do the first time is, I would go look at a design and try to replicate it. This will help you learn different aspects and abilities of your design software.

After you have accomplished the design phase, you are ready to start learning your code. The coding is going to be alot as you need to learn all of HTML and all of CSS and CSS3 if you want to make it look fantastic. I am still learning which is why I do not code as much as I used to. My designs are not good if I can not code fully and take full advantage of the design.
 
Re: I'm starting web design

The Hat Tipper said:
First off, Web Design is 80% design, 20% code. You don't need to know the code first, you need to know design. Anyone can slap together a index.html - but knowing which colors to use and what type of design to implement is all the work.
It's not as simple as that 80:20 comparison. Nowadays, web design has aspects of marketing, feasibility, efficiency and of course, appeal. Web design is not as straightforward or as literal as it sounds. Without knowing the mentioned aspects, your design is just a design; it will have no impact on the web. It might be great to look at, but the end result may be completely different to what you initially imagined.
 
Back
Top Bottom