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 11 of 11
  1. #1
    New Coder
    Join Date
    Apr 2009
    Posts
    17
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Question Easy to use CSS or html builder?

    I need something to help me with Css and html so i can build a website. Something i can pretty much drag and drop onto my premade background?

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,851
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    There are some wysiwyg editors, but if you use them to make your page, it'll become a big tag soup at the end. Just hand code your document using an editor like notepad++, to produce a valid and semantic markup.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Apr 2009
    Posts
    17
    Thanks
    7
    Thanked 0 Times in 0 Posts
    ok, but then how do i preview my page to make sure it all matches up?
    Have never used notepad or anything before. I know how to use dreamweaver, but cant for this site. lol. Otherwise a few years back i used to go on this site and youd put in your background image and it would help create the css for it.

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello SammyMiss,
    You can give one of these a try, not sure if there's a free one in there or not.

    This whole forum is more about learning how to code it yourself. You'll end up with a better product that way but there is a learning curve.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    SammyMiss (11-05-2009)

  • #5
    New Coder
    Join Date
    Apr 2009
    Posts
    17
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Ok, so if i use notepad etc to code it all, then how do i upload it to the ftp? Does it save as an explorer page or anything?

    Im happy to extend my learning on html and css, as its good to know, just confused about how notepad works in the previewing and uploading of things.

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,851
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Ok, so if i use notepad etc to code it all, then how do i upload it to the ftp? Does it save as an explorer page or anything?
    You could give your preferred extensions to make files ending with .htm, .js, .css to to save your files. Just get a copy from http://notepad-plus.sourceforge.net and try it.

    For ftp, you may use fireftp of Firefox or Filezilla

    To preview your code, use any standard browsers like Firefox, Safari etc and you may check the compatibility in IE during development. FYI, Dreamweaver's is also very useful in it's "code view", but it can't provide a correct output in the "design view", since it's not a browser.
    Last edited by abduraooft; 11-05-2009 at 04:22 PM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    SammyMiss (11-05-2009)

  • #7
    Regular Coder
    Join Date
    Nov 2009
    Posts
    110
    Thanks
    7
    Thanked 9 Times in 9 Posts

    different apps for different tasks

    You will not use notepad to preview or upload anything.

    You save your files by giving them a file name that ends with .html or .css respectively.

    You preview them with a web browser directly. You can leave the browser open with the file open and then you just save your changes in notepad, switch to the browser and hit refresh to see your changes.

    You use an ftp program like filezilla to upload your files to a web server.

    Personally I use Dreamweaver, but mostly just as a fancy text editor. I don't dare move anything around in DW's design view because it would certainly cause DW to output a bunch of terribly nasty code and mess up my page badly and be a huge pain to clean up. Dreamweaver is an awesome tool but the design view is pretty useless. What I like about DW is its code completion, error checking, templating features, reference materials, and nice little features like having linked documents more speedily available, etc. etc..

    Why can't you use Dreamweaver on this project? Another excellent app which I think is much better than Dreamweaver in many ways is Aptana studio, and it is free too. As soon as I have a little more free time I plan to switch over to Aptana completely, I am so used to Dreamweaver though that it will take some serious reorientation for me to fully get up to speed with Aptana though so I have to leave it until I am not so busy.

    As far as an app that will automatically generate good html/css through a wysiwyg interface, I have never seen such an app. In general wysiwyg editors produce garbage code that won't display as expected across multiple browsers and trying to fix the display issues in various browsers will be next to impossible because the code is so bad and because you didn't build it in a clean organized manner so that you can grasp what is causing what.

    If you just bite the bullet and commit yourself to writing up the HTML and CSS by hand and then just dive in you will be overwhelmed at first but just forge ahead and you will be surprised at how quickly you progress and it will be very rewarding once you begin to get a handle on things which will be faster than you might imagine.

    Edit: hehe - abduraooft replied while I was still typing..

  • #8
    New Coder
    Join Date
    Apr 2009
    Posts
    17
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Thanks linehand, i cant use dreamweaver as i need to be able to use this website with a cms, and i cant find any that are dreamweaver compatible that are free (so my mate doesnt have to pay any extra).

  • #9
    New Coder
    Join Date
    Apr 2009
    Posts
    17
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Hmm just thinking, could i create it in dreamweaver, then develop the code from there in notepad?

  • #10
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by SammyMiss View Post
    Hmm just thinking, could i create it in dreamweaver, then develop the code from there in notepad?
    You should be able to edit the code with any editor you like. Starting the project in in DW would not eliminate that option.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #11
    New Coder
    Join Date
    Apr 2009
    Posts
    17
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Awesome thanks.


  •  

    Posting Permissions

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