What type o Extension is needed?

["hjfkdhuwi213232" <webforumsuser@xxxxxxxxxxxxxx>]

Hi Everyone - was wondering if someone can point me in the right direction. I 
am a coder but am trying to make a 'easy front end' for designers and so I 
immediatley thought of DW. The problem is that what I want to do does not jump 
out at me what technology to use for extending DW.

 I will explain what I want to achieve first:

 I would like to have a 'tag' with attributes that can be inserted into the 
Code view yet behave differently in the design view (in fact totally 
different). Perhaps an example. Lets say I make a tag called 

 <myLogo sizeX="200" sizeY="150"> 

 I would like that to be inserted into the Code View yet the Design View would 
have something like 

 <div class="myLogo" style="width: 200px; height: 150px">Logo</div> 

 So in essence the design view would allow the designer a representation of 
what would be there once the server has parsed the <myLogo> - and so they can 
do the styling. with normal css. This is not a real example - I am trying to 
simplify it a bit (A real one woudl be something like <mySearchResults> and it 
puts out a dummy search result for them to style) I guess I am trying to 
emulate a language in a way - I put in my tag and the design view spits out the 
html it would generate.

 What I have looked at so far in extending DW

 I was thinking that Tags would be the way to go - but it seems you can only 
return what is going to be in both the Design and Code window. There was a 
glimmer of hope with the component documentation as it seems to differentiate 
between the Code View and Design View with the 'getCodeViewDropCode()' API and 
the 'handleDesignViewDrop()' - But it is not immediately obvious that this is 
what I should use. Also i seems to know about different DOMS for boh Code and 
Design (allowing them to be sync'ed or not)

 I basically want to do two things I keep going back to inserting a table in DW 
where the Design View is able to have the little green sizing arrows and the 
display pushing and pulling of cells - all of which could be done in javascript 
and then repopulate the code view with updated code OR the other way around do 
something in the code and somehoe it repopulates the Design view.

 I believe I am looking for some hidden file that the Design view uses to 
render for the component. And leave the Code view alone

 I sure hope that makes some sense - I would really appreciate someone pointing 
me in the right direction here - as I am getting a little frustrated trying to 
find what I want to do

 Thanks

 Really appreciate any replies