DCKIM is the home of HTML Drafting

HTML Drafting is found only here at DCKIM. What is 'HTML Drafting' exactly? I can tell you what it isn't: This is not a text-editor.

Before I began writing this program, I was searching online, just trying to understand what HTML is and how it is normally written. All of the information that I found gave the same conclusions: HTML is normally written piece by piece inside of a 'text editor'... Sometimes there are a few other things that you can use to make it a little bit easier but, to put it in plain-English, it's insanely difficult to learn. Especially for a complete beginner.

All of the struggling that I was doing turned out to be for a good cause. To tell the story correctly: I worked so hard trying to learn HTML that I eventually gave up and started learning JavaScript. Thanks to GOD(SWT) that I was able to get through that troubling time, and finally, with HIS help, I have come out the other side. I have modelled the program after what you would normally expect to have in any ordinary graphical drawing program. (I used a key-binding set almost exactly the same as VI). Of course, HTML is very special and needs to have it's own special tool sets.


What makes HTML so special?

The most important and special thing about HTML is that it is universal, and every computer uses it.  Almost 100% of computers use HTML because almost 100% of computers have web browsers. PCs, Mobile-Phones, Tablet-Computers: They all need web browsers to be able to use the internetHTML is a very old technology, and the internet is based completely around it. It's like the glue that sticks everything together.

Browsers are not all exactly the same but, one thing that they all agree on is HTML. There is even an international standard for it! The next time you are scrolling through your favourite website, just think about how all (almost) of what you are seeing is just regular-old HTML. It's actually been around for a long time.

HTML is a multimedia mastermind.

The most interesting thing about HTML is that it acts like a catch-all net that is used to pull together all of the different work that you can do with your computer or mobile phone. Images, Video, Audio, Text, Animations, and all kinds of interactive and programmable stuff is brought together through the wonder that is HTML. It's like making a collage mixture where there are no rules and you can put anything you want into it.

That's why it's so much fun to make your own HTML. It's a lot like a 'mixed-media' drawing, just like in art class! The only thing that's different is that we are already working directly in the digital format that we need. If we finish out our work by bringing everything together into an HTML document, then we can publish it immediately onto the internet. HTML is the perfect thing to draw up projects of all kinds.

Having your own website is easy today.

I don't think that it has ever been easier to get your own website. It doesn't even cost anything! Today, you can get your very own website at a place like neocities.org. The tools you find there are simple and easy to use. It's as easy as dragging your files onto the website! The only thing you will need to find next is a program which makes it super-easy to draw HTML documents. Does anyone know where you can find one of those? Don't reach for the text editor too quickly now...

This Program is Very Easy to Learn.

How could it be so easy to learn HTML? Well, learning HTML is very important. If you want to learn to draw HTML, it's probably best if you learn about HTML, and how it works. Most of the work of learning this program will be simply learning what things are called in HTML. Good news! Most of the names for things in HTML are just regular, every-day English. That makes it a very easy language to learn.
The best advice I can give for someone who is just starting out: Just keep working at it, and soon you will be finished the hard part and working instead on the easy part. Then, once everything feels easy, try to challenge yourself by learning to add in some JavaScript programming. Hopefully the whole thing will become the 'fun-part', and you will enjoy writing your very own websiteHTML can be used for every-day tasks too, like note-taking.

HW HTML Drafting Program can be used for more than just HTML...

That's right, you are reading this correctly. This program can do some small-time image editing too! As you will see, this makes very good sense. If all of your imagery is cut up using the same design grid, then it always fits back together. So, it's really nice when you can drag an image into the background (alt + drag and drop). Then it's even better when you can cut that image out using the HTML rectangles (shift + double click). What could make that even more interesting? You can also stamp the images back down! (alt + double click)
Then "How do You Save the Images Back Out?": You can save the image from any rectangle by pressing 'SHIFT + 1' (on the top row numbers). So, then you can work on those little images in MS Paint and then drag the files back directly into place. That's exactly what I did to get the image of the DCKIM signage on Yonge Street looking so good. I also was able to keep the files smaller in size by separating them. One image actually has a higher level of detail than the other.
DCKIM HTML Drafting. This sign was placed on community sign-posting boards along Yonge Street, in North York, in Toronto in the summer of 2025. Large "DCKIM" above; Smaller "HTML Drafting" below. An open letter is dangling by strings on the right. It blows in the wind and the strings are twisted around. Below are many advertisements from the community.
A short letter of thanks is posted near the bottom of the community sign-posting board. It reads: "Dear Yonge Street, Looks like we did it! And now we've got drag-edges too! Well done 'Nerds'! -dckimGUY". It is dated: SEPTEMBER 2025.
A clickable link which reads: "DOWNLOAD HW HTML Drafting".
A clickable link which reads: "Visit the repository at GitHub".
A clickable link which reads: "Information Get Wiki @dckim.org".
A clickable link which reads: "HW PROJECT Full Features ONLINE".
A clickable link which reads: "Tutorial".
A clickable link which reads: "HDUB @neocities".
A clickable link which reads: "DCKIM On Yonge St.".
A clickable link which reads: "Find Additional Project Information ***HERE***".
A photograph of the street-scape, highlighting the prominent location of the DCKIM HTML Drafting sign, on the community posting board in the North York Community along Yonge Street in Toronto.
dckim.com Autumn 2025
This picture shows the sign of "The Famous OWL's Meat Shop" in North York, in Toronto.
DCKIM
It's all I know...
dckim.com Autumn 2025