Class Session Notes


Index > CuteMarkEd

Session I: 04 February 2017


Introduction

Have you ever wanted to create your own web site, but you don't know how to write the code necessary to power that web site? Or, how about a distraction-free word processor with all the same basic formatting functionalities of Microsoft Word or LibreOffice Writer? Well, look no further. We have begun learning a new way to design a simple web site or write stories, at that is CuteMarkEd. CuteMarkEd is a markdown editor that allows you to create a web site without having to write HTML tags (such as <h1>My Header</h1>), but uses a more intuitive way to stylize your text.


If you don't have CuteMarkEd, don't worry. You can download it for free from PortableApps.com. Also, feel free to copy and paste any code examples on this page into your code editor to try it out.


Markdown

HTML is the standard language of the web. This web site is designed from scratch using HTML5 as the basic design framework. However, this site was not created in CuteMarkEd, and CuteMarkEd is not developed for the purpose of creating a site like this one. However, it may be desirable to be able to write a story using more intuitive markdown symbols, emphasizing text using **double asterisks** rather than <b>bold tags</b>. You can even make headers using an #Octothorpe (not a Twitter hashtag in this context) rather than <h1>header tags</h1>, which also makes this markdown language simpler than HTML.


Notwithstanding, CuteMarkEd is still a web editor, albeit a simplified one. The output file is still generated in HTML, and it will be interpreted and displayed by a web browser as such. The beauty of this is that you can create a fully functional web site without any real knowledge of how to create one using standard languages and tools like HTML, CSS, and JavaScript—if you so wish, you could even use it as an alternative to your default word processor.


Code Example

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5

It was a *cold* day here at Lincoln Land Community College. CompCADEMY students had a chance to _learn_ something new.

The **CompCADEMY** class had a great time learning how to write in MarkDown syntax.

Let's add an image.
![CompCADEMY](file:///E:/Documents/Pictures/compcademy-logo.png "CompCADEMY logo")

![](file:///E:/Documents/Pictures/compcademy.png)

| This is a table. | You can put stuff in here. |
|--|--|
| Simple table definitions | Easy to use |

~~This is an example of text that is struck out.~~

Preview


Limitations

As powerful as CuteMarkEd can be, it certainly has its limitations. For instance, out of the box the app only allows you to choose from a small selection of different CSS formatting themes, and it doesn't support resizing of images.


Questions?

If you have any questions, please send us an email at compcademy@outlook.com.