Yes, this is possible in Concrete5.

Like you've probably seen C5 works with blocks to a page.
In this case you can add a content block, write the content you want.

After adding the block you can edit it, then you'll have to use the option 'Design'. A popup opens and on the last tab "CSS" you can add your custom ID and CLASS to this DIV.

See the screenshots.

Good luck!

Thank you retoweb!
I believe my first step would be to create a block?http://www.concrete5.org/documentation/developers/blocks/creating-a... ?

You've got some great documentation about starting up with Concrete5.

If you want to use your own theme in Concrete5, check out this link:
http://www.concrete5.org/documentation/how-tos/make-a-theme/...

For more info about how C5 works:
check the movie on the homepage:http://www.concrete5.org/

Thanks for your help.

The link to the video is broken :-)

moved the page around, try again now.

Maybe to help clarify -
Where you were putting
<div id=“main_content” class=“editable”>Content goes here</div>

Instead you put
<?php
$a = new Area('Main Content');
$a->display($c);
?>

The content must be inserted via concrete5. The above code will give you an editable area on your page.. you can choose to put whatever kind of content you'd like.. ie image, form, text, html etc.

Hope this helps!
-Phil

Concrete5 is great for letting you create a theme in HTML from scratch, then "enhancing it" with some CMS features, like the block structure.

If you just want to add HTML content, but be able to edit it online, the Code Blocks add-on might be worth using. It has syntax highlighting, and integration with the file manager and sitemap to make it easy to add links when necessary. It comes with four blocks, one for HTML, one for CSS, one for Javascript and one for PHP.

You can create your own blocks, too, but it really depends on whether you want to create an editing interface so users can easily reuse a component you've developed, or if its easier to just write custom HTML.

You can also use custom templates for existing blocks. This means that you use the same editing options for that block, but you can completely customize the way it renders. I've done this before to drastically change blocks, like making a custom template for an Image block which set it in a big Flash movie. All I needed was an image and link, which the Image block supported, so I could make a custom template which put that into the Flash header.

At this stage, all i want to do is use C5 as an online content and image editor for HTML websites i design and build. I don't want templates or new themes.

To do this, i believe i need to create a >> BLOCK by doing this?
http://www.concrete5.org/documentation/developers/blocks/creating-a...

Once this is done, do i then add this into the area i need editable?
Instead you put
<?php
$a = new Area('Main Content');
$a->display($c);
?>

Do i need to create a new block and go through this process every time i create a new website?

You want to use your own design and html/css. Before you can use your own design in C5 you have to make a theme for this. How to do this?!

Make sure you've got all of your stuff in a folder, name this folder your theme name. In this folder you've got your HTML page (lets say index.html), your stylesheet in the /css folder, your images in the /img folder and javascript in your /js folder.
Change your index.html into default.php, and make sure you add the C5 code in it.
All of this is explained in this video: http://www.concrete5.org/documentation/how-tos/make-a-theme/...

After you did all the stuff they've explained in the video you have to move your theme folder to the /themes folder in your root.

Now you can add your theme in C5. You can easily change the default.php after adding a theme, so you don't need to have everything right at the first time.
Then you can add blocks in the divs you want.

Again, good luck! But do follow the instructions in the video.

You make this sound so easy! Is it reealy?