...

View Full Version : Experienced Webdesigners



grahamy84
09-03-2009, 09:41 AM
I am new to all of this and am wondering what your approach is to building a site (including design).

Do you have a step-by-step method you follow each time and tick off as you go along? If so...what is it?

I'd love to know as I often get stuck.

noneforit
09-03-2009, 12:53 PM
Everyone has different methods and its really down to personal preference.

I start each page from scratch (both HTML and CSS), using the following code at the top of the CSS and go from there.


*{ padding:0; margin:0;}

I try to make sure my code is semantic using heading and paragraph tags as much as possible. Avoid tables at all costs unless your displaying tabular data.

A few things to do as you go:


Validate your code (CSS and HTML)
Check it looks the same in all browsers
Check it looks the same in different screen resolutions

mlseim
09-03-2009, 12:55 PM
Websites these days are more than just some simple HTML and CSS.
Most are dynamic, where PHP and MySQL (or some scripting languages)
are required to display content, photos, user input, social networking, etc.

Decide what your website will be about (the purpose for it), and maybe we
can steer you to something like WordPress or Joomla, etc. In any case, you'll
be doing more than just a step-by-step set of instructions.

grahamy84
09-03-2009, 04:46 PM
Websites these days are more than just some simple HTML and CSS.
Most are dynamic, where PHP and MySQL (or some scripting languages)
are required to display content, photos, user input, social networking, etc.

Decide what your website will be about (the purpose for it), and maybe we
can steer you to something like WordPress or Joomla, etc. In any case, you'll
be doing more than just a step-by-step set of instructions.

I can see where you're coming from. Every website is different but some people must have a series of steps they tend to make sure are covered. Maybe you appraoch building websites differently every time.

But what do you tend to do first? Design the site? The code?

Do you get your ideas down on paper? Or do you do a mock design using a software tool like photoshop?

noneforit
09-03-2009, 05:11 PM
If you are designing the site for a client, then it depends on how much input they want on the site.

Some clients are happy for you to come up with a design and some have ideas in mind etc.

I usually jot down the layout on paper first, showing where all the main elements will go (header, logos, images, nav links, content etc) and then start from there.

mlseim
09-03-2009, 06:20 PM
I ask the client to give me examples of websites that they really like.
Try to get a feel for what the client is looking for.

Try to get an idea of the client's favorite "look" and "style" without spending
much time on actual coding. Don't waste your time making a website only to
have them say "it's not what they were looking for". Your time is money.

If it's features like CMS, form processing, database stuff (MySQL), that's
also important to know. But if the client has 3 websites that they love,
I instantly know what type of layouts to work with.

In some cases, I send them to sites that offer free CSS templates and ask
them to pick out ones they like. Maybe a bit of template customization is
all that's needed.

If they can offer me any logos, graphics, photos, etc. I can stick them into
an example page (template) and see if that's what they're looking for.

Be careful not to code a static website that is so complex that you can't incorporate
future needs, like a dynamic content management system. Most clients now days
want to make content changes themselves ... think about that when doing a design.
That's why templates work so good. Many people scoff at using templates, but in
reality, most dynamic sites are template driven.

That's why doing a layout using photoshop is not a good idea. It's difficult to take your PS
design and create the XHTML/CSS coding you'll need to make the dynamic website.

Jump into it with a working XHTML/CSS site, whether it's a pre-existing template, or you do
the coding by hand. Keep the layout as simple as possible. Use existing websites as your
guide ... it will save you a ton of time, and money.


.

it career
09-04-2009, 12:20 PM
Have you already got domain and web hosting ? if not you can check step by step guide on how to setup a website at website like http://www.aplis.net/ ,etc .

sahasraa
12-31-2009, 09:36 AM
we are a software developing team who have a vast experience in building websites and shopping carts and animations .

chefs
01-08-2010, 05:28 PM
Noneforit is right. Every individual has their own style in designing a website. I think you should picture what your site would look like and lay it on PSD (Photohop). If you're done with the mock-up, you can now work on it HTML. Yes. Make sure your codes are clean. Here's a checker:

http://validator.w3.org

If you're having troubles with styles, visit W3C School's CSS tutorials:

http://www.w3schools.com/Css/default.asp

and download Mozila Firebug (Mozila Firefox Add-ons). You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. You can practice your CSS skills using that Add-on.

Firebug:
https://addons.mozilla.org/en-US/firefox/addon/1843



-chefs



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum