To create a website, you just need to grasp the 3+1 rule = 3 languages plus 1 database. You've probably all have heard of HTML some time in your life, but never took the time to see how a website is actually created. I'm going to discuss and give thorough coding examples of the three languages: HTML5, CSS3, and JavaScript. With that being said, these three languages are used as the foundation to create the website. Lastly, databases such as MySQL, are used to organize, store, and manage information once the website is created.
STRUCTURE: HTML5
HTML5 is the language used for embedding text or video into a website. For those who took ISM, we learned specific key tags in order to get the structure of the website we wanted. An example of some key tags are:
STYLE: CSS3
While HTML is responsible for the creation of the actual content of the website, CSS3 is utilized to design and style the website including visual effects and background color. Here is an example of how to set the background color of a page!
LOGIC: JAVASCRIPT
JavaScript is a language applied to HTML in order to make the website interactive. For example, when you're on a website and click on a button and a text box appears of information, that text box has always been there but it was in hidden mode. Once that user clicks on that button, JavaScript is used to reveal that hidden message. Check it out!
<html> <body> <h1>HTML is Fun</h1> <p>You always want to make sure you're closing your tags to keep the right format</p> </body> </html>
<html>
<head>
<style>
body {background-color: lightblue;}
</style>
</head>
<body>
<h1>This page now has a background!</h1>
</body>
</html>
<html> <head> <script src="js/script.js"> </script> </head> <body> <button type="button"><Click here!</button> <p id="hiddenmessage" style="display: none">You are going on a cruise!</p> </body> </html>
Zoe, great attention to detail on your blog! It is well organized and concise, but still informative. The paragraphs are not overwhelming in size and the examples photos next to each description add a nice sense of clarity and appeal. Also, your heading does a great job of attracting new readers to the blog.
Zoe,
As a visual learner, I really enjoyed reading this post! You didn’t only write about the three languages, but you showed them, and I think that’s a great approach. You also did a great job dividing the information (e.g. spacing, headings). Nice job!
What a great post! I loved the structure and layout you chose to provide us with this information. Besides being very appealing and creative, it was very informative and easy to understand. This shows how important it is to have a nice, clean design. Using correct headings, bold font, colors, backgrounds, and images can make a big difference!
Your blog post was very organized and easy to read.