Web Coding

Web Coding

web coding

Adding basic web coding to your skills is one of the best returns on your investment of time and attention. I began my career as a designer and illustrator before I had much concept of the Web. As my career advanced and I learned about the Internet, I realized that the more I could control online, the better my prospects were.

Creativity is all about control

I don't mean control as in dominating others. When you learn a skill, you need to learn each medium. If you are drawing, the subtle control of pencils on paper is critical. If you are learning to paint illustrations or paintings, the strokes of color and your ability to lay down areas of color the way you want is the ticket to success.

When you're preparing content or graphics for the web, you can do what the multitudes to, type the code into a WYSIWYG editor, or hand your materials over to an IT person. Either of those ways, you're at the mercy of the tastes of others.

The better you understand how HTML, CSS and other kinds of web programming works, the easier it is to execute your will. If I want to make the first word in this sentence red, I have the tools to do it. It isn't hard, there are just a lot of possible combinations.

Don't be intimidated. HTML is markup language, that means the text has markings or symbols that tell it what to do. If you want a paragraph, you put <p> to start the paragraph and then </p> to close it. The open and close tags, surround the code.

the best web code resource

The best resource I know for learning web code is w3schools.com. The months when my understanding of web code developed the most, I used that website during my lunch hour. I went to the Learn HTML page and worked my way down, one lesson at a time. Then I moved to the other topics like HTML5 and CSS.

Don't I need a server or a website or something?

Not for just learning. All you need is a plain text editing tool like Notepad on a PC or textEdit on the mac. You could even to it in Word, but make sure you remove formatting by creating a plain text document.

Then you start creating the code as it demonstrates in the lessons. You save the file on your computer, but change the extension from .txt to .html. Open your favorite browser, like Chrome, Safari, Firefox, Edge or if you don't know what that means, it might be that big blue 'e' that you click on to go to the web. You may be an Internet Explorer person. We'll work on that later, it will work fine for learning. When you open the html file in the browser, the tags and other markup code disappears and you see it follow them as instructions.

Once you know some of these tools, you can go crazy, like make a

box

around any word you please. Try doing that with the little formatting tools at the top of your editor.

>> Give it a try or let us know where you are in the understanding of web programming.

Photo credit: public domain via wikimedia.

Comments

Great article and point about the step by step approach. It's not hard. online editors can be fun if you're first starting out as well.

Add new comment

This is to help verify that you are a real person commenting. Your address will not be displayed on the site. It is only for our records. This will also not cause you to be opted-in to creativity show emails. To sign up for updates, please click on the opt-in graphic at the top of the right column.
Image CAPTCHA