Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    Regular Coder
    Join Date
    Mar 2009
    Posts
    178
    Thanks
    41
    Thanked 0 Times in 0 Posts

    Experienced Webdesigners

    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.
    Last edited by grahamy84; 09-03-2009 at 09:48 AM.

  • #2
    Regular Coder noneforit's Avatar
    Join Date
    Apr 2009
    Location
    England
    Posts
    268
    Thanks
    10
    Thanked 20 Times in 20 Posts
    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.

    Code:
    *{ 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

  • #3
    Master Coder
    Join Date
    Jun 2003
    Location
    Cottage Grove, Minnesota
    Posts
    9,493
    Thanks
    8
    Thanked 1,089 Times in 1,080 Posts
    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.

  • #4
    Regular Coder
    Join Date
    Mar 2009
    Posts
    178
    Thanks
    41
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by mlseim View Post
    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?

  • #5
    Regular Coder noneforit's Avatar
    Join Date
    Apr 2009
    Location
    England
    Posts
    268
    Thanks
    10
    Thanked 20 Times in 20 Posts
    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.

  • #6
    Master Coder
    Join Date
    Jun 2003
    Location
    Cottage Grove, Minnesota
    Posts
    9,493
    Thanks
    8
    Thanked 1,089 Times in 1,080 Posts
    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.


    .
    Last edited by mlseim; 09-03-2009 at 06:27 PM.

  • #7
    Banned
    Join Date
    Jun 2007
    Location
    Web Designer
    Posts
    321
    Thanks
    0
    Thanked 6 Times in 6 Posts
    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 .

  • #8
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    we are a software developing team who have a vast experience in building websites and shopping carts and animations .

  • #9
    New Coder
    Join Date
    Jan 2010
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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
    Last edited by oracleguy; 01-11-2010 at 03:24 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •