Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 9 of 9
  1. #1
    Junior Member Fleet's Avatar
    Join Date
    Jun 2012
    Location
    Localhost, Maryland
    Posts
    23
    Member #
    31913
    Liked
    1 times
    Hey guys,

    I am a total noob at coding and designing and I have my first assignment with a client. I am creating a website for a local church and I want some help with the design and the code. Here is the JPEG version of the JPEG and I have a few questions.

    1. What images do I need to slice?
    2. What division tags do I need for the website?
    3. How do I code the website?
    4. What do I do after making the "naked layout"?

    Note that I am in a local vocational school learning webmaster technology, though I am still utterly confused.
    Thank you for your help!

  2.  

  3. #2
    Senior Member Webzarus's Avatar
    Join Date
    May 2011
    Location
    South Carolina Coast
    Posts
    3,322
    Member #
    27709
    Liked
    770 times
    You are asking good questions, the problem is there are potentially a hundred answers to every question you asked, based in how each designer does things.

    I hope the church is not in a hurry in getting their site up...

    Here's my views on it ( personal opinion )...

    You should not just take an image, slice it up, throw it into some div tags and call it a web site...

    A fully functional web site is so much more than that and takes so much more thought than that.

    Instead of going the slicing and dicing route.... ( yea that's probably the quickest way of doing it )... Back away from the project and second some time learning the basics ....

    Spend some time with basic HTML and CSS, find some CSS layout sample out there 2 and 3 column are pretty common, then experiment with your images using those layouts.

    Before you rush into creating web sites, especially for someone that might actually expect the site to function... And present a positive image for their organization.. You should create a few "test" sites for testing the differences between browsers and how servers react...

    Yeah, there's a whole lot more to know than just how to slice and dice images...

    So, do you have a domain name yet for the church site ? A hosting account ? What about email stuff ?

    Do they want people to be able to send them messages from the web site ( a form submission ), are they gonna want to have a church calendar that they can update on a regular basis ? These are all things that should be answered before anything is even started...

  4. #3
    Junior Member Fleet's Avatar
    Join Date
    Jun 2012
    Location
    Localhost, Maryland
    Posts
    23
    Member #
    31913
    Liked
    1 times
    Quote Originally Posted by Webzarus, post: 237206
    You are asking good questions, the problem is there are potentially a hundred answers to every question you asked, based in how each designer does things.

    I hope the church is not in a hurry in getting their site up...[/quote[

    We already have a website, it is just terribly designed and I'm rebuilding it from scratch.


    Here's my views on it ( personal opinion )...

    You should not just take an image, slice it up, throw it into some div tags and call it a web site...
    How would you build a website? Can you point me to some tutorials that will help me grasp web building?


    So, do you have a domain name yet for the church site ?
    As mentioned above, yes. We have a website and we are rebuilding it. It is www.conowingo.org when you see it, you'll know why they want it redone.

    A hosting account ? What about email stuff ?
    Yes to both.

    Do they want people to be able to send them messages from the web site ( a form submission ),
    Yes

    are they gonna want to have a church calendar that they can update on a regular basis ?
    Yes.

    These are all things that should be answered before anything is even started...
    Agreed and that is what we done.

  5. #4
    Senior Member Webzarus's Avatar
    Join Date
    May 2011
    Location
    South Carolina Coast
    Posts
    3,322
    Member #
    27709
    Liked
    770 times
    No mention in your original post of an existing website...



    http://www.google.com/#sclient=mobil...iw=480&bih=268

  6. #5
    Junior Member Fleet's Avatar
    Join Date
    Jun 2012
    Location
    Localhost, Maryland
    Posts
    23
    Member #
    31913
    Liked
    1 times
    So, how do you recommend the building process? Do you have any sample websites you built that I can take a look at?

  7. #6
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    Quote Originally Posted by Fleet, post: 237181
    Hey guys,

    I am a total noob at coding and designing and I have my first assignment with a client. I am creating a website for a local church and I want some help with the design and the code. Here is the JPEG version of the JPEG and I have a few questions.

    1. What images do I need to slice?
    2. What division tags do I need for the website?
    3. How do I code the website?
    4. What do I do after making the "naked layout"?

    Note that I am in a local vocational school learning webmaster technology, though I am still utterly confused.

    Thank you for your help!
    You only will need the Logo in your design, the rest can be done with CSS.

    for the questions 2,3 and 4 learn from this : http://www.youtube.com/playlist?list...6&feature=plcp <!-- his tutorials are very good.
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>

  8. #7
    Junior Member Fleet's Avatar
    Join Date
    Jun 2012
    Location
    Localhost, Maryland
    Posts
    23
    Member #
    31913
    Liked
    1 times
    Quote Originally Posted by m3n0tu18, post: 237283
    You only will need the Logo in your design, the rest can be done with CSS.

    for the questions 2,3 and 4 learn from this : http://www.youtube.com/playlist?list...6&feature=plcp <!-- his tutorials are very good.
    Thank you for the video, I will watch it later today. I greatly appreciate your feedback.
    m3n0tu18 likes this.

  9. #8
    Member christopher_b's Avatar
    Join Date
    Aug 2011
    Location
    Pretoria, South Africa
    Posts
    69
    Member #
    29042
    Liked
    7 times
    So basically the only image you'll need "sliced" would be the logo...the rest of the site HTML CSS structure can look like this

    HTML Code:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Church Title</title>
    <link href="style.css"/>
    </head>
    
    <body>
    <div id="header">
    <img class="logo" src="logo.jpg">
    
    <ul class="nav">
    <li>Menu Item 1</li>
    <li>Menu Item 2</li>
    <li>Menu Item 3</li>
    </ul>
    </div>
    
    <div id="content">
    <div class="holder">content can go here</div>
    <div class="holder">content can go here</div>
    </div>
    
    <div id="footer">
    footer contents go in here
    </div>
    </body>
    </html>
    This is just a basic structure of your site you require. You will notice each "div" has a "id" or a "class".
    You will then use CSS to style those id's and classes. To style them as you wish. like this example.

    Code:
    #header, #footer {
    width: 1000px;
    margin: auto;
    background: blue;
    }
    
    #content {
    width: 1000px;
    margin: auto;
    background: blue;
    }
    
    .holder {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    }
    
    .nav {
    padding: 0;
    margin: 0;
    }
    
    .nav li {
    float:left;
    list-style: none;
    }
    Fleet likes this.

  10. #9
    Junior Member Fleet's Avatar
    Join Date
    Jun 2012
    Location
    Localhost, Maryland
    Posts
    23
    Member #
    31913
    Liked
    1 times
    Wow, thank you so much Christopher! Such a huge help!


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:01 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com