This post is about how I used Visual Studio Code to code the main instructions for a website.
Visual Studio Code is a software that allows users to create their own website from scratch, through a coding script. That is to say, writing down in the computer's language the main instructions to build the website (eg: where to place images, where to place the headings, title and texts, what size should these visual elements have in the page, what colours should the website have and so on).
To do this, these instructions must be written in a certain language, to be sure that the computer understands how to set the webpage and how to load it correctly on the Internet . In this case I used HTML language, so all the script has been written according to HTML's language rules and syntax. HTML uses tags to indicate to their computer what are the various elements that will appear in the website where and how they should be placed in the page and their relationship to other visuals of the website. Tags are basically specific words written between 2 angle brackets (like <html>, <head>, <title>, <br>, <p>, <img>), that open a certain part of the website, like the tile of the page, the body, an image, and indicate to the computer what needs to be placed in that specific point and how it will appear. All tags open a specific part of the website, and most of them must be closed at the end repeating the tag and adding a "/" (for example </html>, </head>, </p> and so on).
All the elements of a website have their own tags which indicate what type of element that is, where and how it should be placed in a page, what colour it should be and so on.
Tags also allow us to change and vary all the visual characteristics of the elements of a website, including its size, contour, alignment, font and much more.
In this case, the website is designed to display the suite of 9 graphic icons previously designed in flat design style.
After learning the basics of HTML language and uploading images and text to the website, I also uploaded a short sound for each icon. (All sounds have been downloaded from royalty free sounds libraries and have been edited using Reaper DAW).
Comments