SitePoint Sponsor

User Tag List

Results 1 to 11 of 11
  1. #1
    SitePoint Enthusiast
    Join Date
    May 2012
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Designing a website

    Hi all.

    I have coded the main logic of my web page. Now i need to align everything properly so CSS comes to play here. What i want to ask is, is there any software that can help me align things properly, more like drag n drop way, or do i need to code entire CSS myself. I know my requirement is vague like what i actually want to put where, but just wanted to know your opinion. Any ideas how should i approach it ?

  2. #2
    SitePoint Member sitemate's Avatar
    Join Date
    Oct 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You may check out http://960.gs/.... hope this help

  3. #3
    SitePoint Enthusiast Dreeass's Avatar
    Join Date
    Sep 2012
    Posts
    52
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I use a lot of common screen resolutions for my conainer like 1024px width and align everything in it using % or Google Chrome's align thing which is available in Canary.

  4. #4
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,147
    Mentioned
    262 Post(s)
    Tagged
    5 Thread(s)
    Quote Originally Posted by amer99 View Post
    I have coded the main logic of my web page. Now i need to align everything properly so CSS comes to play here. What i want to ask is, is there any software that can help me align things properly, more like drag n drop way, or do i need to code entire CSS myself. I know my requirement is vague like what i actually want to put where, but just wanted to know your opinion. Any ideas how should i approach it ?
    The operative word here seems to be "properly". Yes, there are "drag and drop" tools for building sites, but the code they produce is less than optimal. If you want it done "properly", then really the only way is to learn CSS and do it yourself. It's not so hard, and we're here to help if you get stuck.


  5. #5
    SitePoint Evangelist
    Join Date
    Jun 2011
    Location
    London UK
    Posts
    495
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    On top of the aforementioned, there is another big, fat reason not to use drag and drop software, but to use some elbow grease instead of using the easy way out. If you ever want to change something, hand coded work will be many times easier to work with than wisywig rubbish. In todays www, the chances that a successful site remains static, are virtually nil, which means you would save a little bit of time now, but pay many times over later.

  6. #6
    SitePoint Member
    Join Date
    Oct 2012
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If your are not that much expert in CSS, i suggest to you check tutorials in http://www.w3schools.com, that would be really helpful to you.

  7. #7
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,147
    Mentioned
    262 Post(s)
    Tagged
    5 Thread(s)
    Quote Originally Posted by Emmadoll View Post
    If your are not that much expert in CSS, i suggest to you check tutorials in http://www.w3schools.com, that would be really helpful to you.
    I would have to disagree with you there. www.w3fools.com explains why.

    There are plenty of good resourses available, some of which are listed on the w3fools site. You could try:
    http://code.google.com/edu/submissio...ss-javascript/
    http://www.opera.com/company/education/curriculum/
    http://www.htmldog.com/guides/
    http://www.iraqtimeline.com/maxdesign/basicdesign/
    The SitePoint Reference is also helpful.

  8. #8
    SitePoint Member
    Join Date
    Oct 2012
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by TechnoBear View Post
    I would have to disagree with you there. www.w3fools.com explains why.

    There are plenty of good resourses available, some of which are listed on the w3fools site. You could try:
    http://code.google.com/edu/submissio...ss-javascript/
    http://www.opera.com/company/education/curriculum/
    http://www.htmldog.com/guides/
    http://www.iraqtimeline.com/maxdesign/basicdesign/
    The SitePoint Reference is also helpful.
    Well i am also just a beginner. The links you mentioned are also good. I also found them useful for my learning. Thanx

  9. #9
    Non-Member
    Join Date
    Oct 2012
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well,CSS is the most important element displaying the design element of a HTML file.....You can easily create or edit CSS using Dreamweaver the best HTML editor.It is easy to make out even for the beginners...The Dreamweaver tutorials available online are:

    * entheosweb.com
    * teacherclick.com
    * thesitewizard.com

  10. #10
    SitePoint Member
    Join Date
    Oct 2012
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by unni6849 View Post
    Well,CSS is the most important element displaying the design element of a HTML file.....You can easily create or edit CSS using Dreamweaver the best HTML editor.
    Notepad++ is also good for editing CSS and html files - and it's free. It's not WYSIWYG like Dreamweaver but for simple text editing, it's hard to beat and has some good add-ins.

  11. #11
    SitePoint Enthusiast zakelijk's Avatar
    Join Date
    Oct 2012
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    A lot of designers also use a standard css framework, its probably more efficient for a CMS website but you could still use something like that in your normal website.


Bookmarks

Posting Permissions

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