HTML CSS JavaScript

HTML, CSS and JavaScript, three core concept of web design

Web Design is the Process of creating Static pages of website. This is a process comes after graphic design process. In graphic design is process of illustration of website as a picture and web design is a process of creating those illustration into static web pages. There are many skills that Designer need to be a web designer in those skills there are 3 core concept that every web designer should know about them. This article pay attention to those 3 core concept.

HTML CSS JavaScript
HTML CSS JavaScript are the 3 main core of the web design.

HTML, Hyper Text Markup Language

As describe in its name HTML has 3 properties. Those properties are Hyper Text, Markup and to be a Language. To have a close view of this language, explanation of each properties help to understand it.

1-      Language

HTML is a display Language. Is a language because it has grammar and has syntax. HTML elements describe as a tag. Tag has a syntax.

Tag syntax declare in the bottom block.

<Element Attribute=”Value” … > Text Content </Element>

This language represent display elements in website. The word display means that those element use to display data. Although XML represent to store and transport data, HTML represent to display data. This language it doesn’t have any programmatic feature.

2- Hyper Text

HTML is a plain text. You can use just a simple notepad to write a HTML and designed to be both human- and machine-readable. The lack of programmatic feature in its nature make it easy to use. In other hand this language use interpreter to show the result so, any text processor can be a tools for write HTML.

3- Markup

To be a markup means any word its use as a data in website surrounds by HTML tag. Markup is a feature that help this language usable for Search Engine Optimization. Each word or sentences in documents describe an element by the markup language. So search engine can interpret those word and understand their feature.

In one word HTML is a display of data. HTML process display data to the information. For instance paragraph represent as p tag or image represent as a img tag. This separation of concept transform those data to information.

CSS, Cascading Style Sheet

CSS (style sheet language) used for describing the presentation and style of each HTML tag written in a web document known as HTML. Each element of HTML needs to have style for Visual identity. The main user of website are human and human needs visualization to understand better. As an Example HTML without CSS are the bone without skin.

CSS language need rule for its work. As W3C describe CSS rule, each rule has syntax.

CSS rule syntax declare in the bottom block.

Selector { property:value; property:value; … }

JavaScript

The two language describes as HTML, CSS have purpose of display data and design those data. HTML is a container of data and CSS has a design purpose for those data that HTML contain them. Both of them don’t have programmatic ability. In this situation we need third language to add some programmatic ability to the web pages. That’s why web designer need JavaScript as a client side program language. Some of JavaScript purpose describe in below.

1- Add animating feature to web pages.

Slider, Gallery Show, Media Player and … are the elements that need calculation. Although CSS version 3 add some animating feature, in many case it’s not enough. JavaScript keep its place in animation of web design even CSS growth more than this.

2- Create web application

Some web application need process in client side process. For example web application that represent game, online calculator, online roll dice and so many online service.

3- Form validation

Forms are the main part of each website that get users data for comments, send email or many other interaction. Validating these form need program that manipulate data. For Instance Email validation or phone number validators.

The purpose of JavaScript is more than these three things. Of course these three are more common and very necessary for creating web pages but we can’t mention those as all purpose. In one sentence any process need programmatic calculation in client side need JavaScript.

Now it’s obvious why these three languages are the main core of web design. HTML is a core language because of data Container and transformation of data to information. CSS return those element to the visual style and customize design and last but not least JavaScript add programmatic feature to those elements.

1 Comment

Leave a Comment

Ali Hafezi