View Full Version : Easy to use CSS or html builder?

Nov 5th, 2009, 04:38 PM
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?

Nov 5th, 2009, 04:43 PM
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 (http://validator.w3.org/) and semantic markup (http://boagworld.com/technology/semantic-code-what-why-how).

Nov 5th, 2009, 04:47 PM
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.:mad: 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.

Nov 5th, 2009, 04:49 PM
Hello SammyMiss,
You can give one of these (http://www.google.com/search?q=drag+and+drop+web+builder&sourceid=ie7&rls=com.microsoft:en-us:IE-SearchBox&ie=&oe=)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.

Nov 5th, 2009, 05:12 PM
:confused: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.

Nov 5th, 2009, 05:18 PM
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.

Nov 5th, 2009, 05:57 PM
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..

Nov 5th, 2009, 06:50 PM
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).

Nov 5th, 2009, 06:52 PM
Hmm just thinking, could i create it in dreamweaver, then develop the code from there in notepad?

Nov 5th, 2009, 07:05 PM
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.

Nov 5th, 2009, 07:08 PM
Awesome thanks. :thumbsup: