Lets start watching this short video
People like you and me get into programming because we love the challenge, we are excited by computers and want to build a career creating web sites, mobile apps or desktop programs. But even if the people don’t want to become a programmer for a living, it’s still worth for them to spend their time learning how to program.
I mean this in all seriousness: if computers are at all a part of our life, then learning to program is going to improve our life. Learning to program can make you more productive, efficient and effective.
Basic Elements of Web Development.
HTML is a computer language devised to allow website creation.
These websites can then be viewed by anyone else connected to the Internet. It is relatively easy to learn, with the basics being accessible to most people in one sitting; and quite powerful in what it allows you to create. It is constantly undergoing revision and evolution to meet the demands and requirements of the growing Internet audience under the direction of the » W3C, the organization charged with designing and maintaining the language.
The definition of HTML is Hypertext Markup Language.
CSS is a style language that defines layout of HTML documents. For example, CSS covers fonts, colours, margins, lines, height, width, background images, advanced positions and many other things. Just wait and see!
HTML can be misused to add layout to websites. But CSS offers more options and is more accurate and sophisticated. CSS is supported by all browsers today.
What is the difference between CSS and HTML?
HTML is used to structure content. CSS is used for formatting structured content.
Okay, it sounds a bit technical and confusing. But please continue reading. It will all make sense to you soon.
Back in the good old days when Madonna was a virgin and a guy called TED Berners Lee invented the World Wide Web, the language HTML was only used to add structure to text. An author could mark his text by stating “this is a headline” or “this is a paragraph” using HTML tags such as
As the Web gained popularity, designers started looking for possibilities to add layout to online documents. To meet this demand, the browser producers (at that time Netscape and Microsoft) invented new HTML tags such as for example
<font> which differed from the original HTML tags by defining layout – and not structure.
This also led to a situation where original structure tags such as <table> were increasingly being misused to layout pages instead of adding structure to text. Many new layout tags such as <blink> were only supported by one type of browser. “You need browser X to view this page” became a common disclaimer on web sites.
CSS was invented to remedy this situation by providing web designers with sophisticated layout opportunities supported by all browsers. At the same time, separation of the presentation style of documents from the content of documents, makes site maintenance a lot easier.
Which benefits will CSS give me?
CSS was a revolution in the world of web design. The concrete benefits of CSS include:
- control layout of many documents from one single style sheet;
- more precise control of layout;
- apply different layout to different media-types (screen, print, etc.); numerous advanced and sophisticated techniques.
The following exercise is required for the completion of the program:
Watch next video:
Click on KHAN ACADEMY logo and follow the tutorials list named :
“Hour of Drawing with Code”
Once you’ve finished doing this, please return to this website and continue with the next homework.