Software Example: Visual Studio Code

-

 

(Flaticon.com, 2022)




In this post, I will briefly show you how to use Visual Studio Code to display an HTML (HyperText Markup Language) file with a linked CSS (Cascading Style Sheets) file in the browser.


This is how Visual Studio Code looks like right after launching.



The first step we will take is to download extension to VS Code tool called "Live Server". Which will allow us to immediately check the results of our work with the code.







The next step will be to create a folder on the desktop with our project to which we will first add the HTML file and then the CSS file.








The HTML file will represent the skeleton of our website, to which we will attach the css file with website styles using one line of code in the ''head'' section. Next, in the ''body'' section, we will place a container for this presentation, and in it a small paragraph with the text "Welcome to my site".





In the CSS file, we will define the style of our website, for example, it will be the color of the font and the background of our website.


To run the extension called live server, we have to go to the tab with the HTML code and right-click on the workspace and select the "open with live server" option. Then the browser with our html file and styles will automatically start, in this way we are able to keep track of our coding progress.






Comments

Post a Comment

Popular posts from this blog

Software and Hardware skills

-
Image
(Athena, 2019) This post will cover my experiences with software and hardware throughout my life. When I was 8 then I had used for the first time computer. I remember today when my dad came home with a mysterious metal box, the computer he brought back then was called a Commodore. Computers in those days looked completely different and games were run using "Datasette". In that moment,  my mind began to wonder how these devices worked. I was fascinated by the whole procedure of starting programs and games, and I wondered how it is possible that these programs exist and what they are.  Over the years, technology has developed so fast, and I was fascinated by computers and software all the time. This curiosity led me to write my first program when I was 14, it was a simple calculator created in an integrated development environment (IDE) - Microsoft Visual Studio. Of course, during my adventure with computer technology, I used a lot of software such as music processing and editi...
Read more