The simplest things are the hardest especially if you’re assigned to explain HTML and CSS to your 70-year-old mother. But I have hope, a couple of years ago I introduced her to social media and now she’s more updated with what’s happening with our families and friends here and abroad. As a retired teacher, she never ceases to amaze me, she loves Spotify, her wearables and HBO Go. And I told myself, this should be easy considering that she’s not intimated with technology and she loves to learn new things, the only challenge is that she’s nontechnical so my best bet in this assignment is to correlate the thing the she loves most at home—baking.
As a former teacher I learned that I have to find simplified ways to understand pre-existing skills set and apply those skills and experiences to any particular situation in a different context. My mum is an excellent baker and it is from this point where I will attempt to extrapolate her kitchen skills and help her understand webpages and their basic tools on how to create them: HTML and CSS.
Understanding web pages is like learning how to bake. And admiring beautiful webpages are like ogling at pastries, pies, cookies, cakes, tarts and whatnots in your favorite bakeshop. Both baking and, learning how to make web pages engages a series of methods, instructions and styles. Baking as it is, involves a lot of science, from wanting to make something delectable, following instructions or to simply just experiment new ingredients and cooking methods. The last but not the least is whether you’re confident enough to share it, sell it or just keep that secret recipe to yourself. Say for example if we compare and analyzed, HTML (Hypertext Markup Language) a programming language for describing web documents or web pages and bread making. Each ingredient on a bread or a cookie dough plays complementing roles; flour provides the base, milk or water for moisture; baking powder and baking soda chemical leavening agents provides airiness; butter for flavor and texture and eggs to hold everything together.
It’s various number of steps are methodical and it does feels like you work in lab where temperature, humidity and force are controlled, although most of the time my mum simply says, “It’s all about following simple steps and understanding how mixing dry and wet ingredients, getting the right consistency, form and texture.” Well, there is some truth on that, and understanding webpages basic structure of (Hypertext Markup Language) and CSS (Cascading Style Sheet) are really not that complicated. Always remember that HTML and CSS are the core languages for building web pages and web based applications
HTML uses tags to help you add paragraphs, headers, pictures and bullets and other pieces of structure of a web page. Simply put, it’ll help you write something on a website.
The basic structure of an HTML document looks like this:
In baking, it’s important to follow instructions especially in mixing dry ingredients in the right order. Each dry element absorbs water, the greater the volume of the dry ingredient the more it needs water, if you put the wrong ingredients first the chances of your batter to clump is higher. Like this basic rule in baking, coding using HTML follows a basic structure and specific instructions on what to use or else your website will not work.
HTML specific use is basically to publish online documents, retrieve online information, design forms for searching information, ordering products, and making reservations. Therefore, HTML dictates the content and structure of a webpage. CSS modifies the designs and displays of the HTML elements, it’s what makes a website look and feel amazing. In CSS, you have the ability to change the font size, designs color and lay-out and positioning on the webpage. It’s pretty much like staring at a simple sugar cookie (HTML only website) and comparing it to a chocolate ganache-stuffed chocolate cookie (HTML and CSS website). You can use CSS in a HTML file but cannot use HTML in a CSS style sheet. Similarly, you can’t make chocolate chip cookies(CSS) without (HTML) a cookie dough.
Stack Overflow |
Contact and Address
Midtown West, Manhattan, New York
Phone: +1 (646) 499 6252
Lets get in touch.
LinkedIn messages works for me