Front End Web Development: Introduction! Three Layers of Web

Three Layers Of Web


    In Previous Post, I said There are Three Main Layers of Front End Web. We are going to learn about it now! Okay, lets move

The Three Main layers of Front End Web are: 

             ▪︎ Content Layer
             ▪︎ Style Layer
             ▪︎ Behavior Layer

That's it! Each layer has its responsibility to do their jobs. To make a clear understanding, 

   ▪︎ Content Layer  Deals with content ( text ) in a webpage
 
   ▪︎ Style Layer Deals with style ( design ) of a webpage 
   
   ▪︎ Behavior Layer Deals with Behavior ( Response ) of a webpage towards user.

Confused, right ?
.
     
Three Layers of Web


   You can see that in this image. As Written Above Each Layer Has their Responsibilities. Also Each layer has their responsible language!


   HTML ( Hyper Text Markup Language ) is Responsible for content layer

   CSS ( Cascading Style Sheets ) is responsible for Style layer

   Javascript  is responsible for Behavior layer

Although there are three parts, only HTML is enough to make a complete functionable Website!  We are going to learn about it from now! 

In our next post you are going to discuss more about HTML and after that we are going to make your own webpage!

Feel Free To Ask Your Questions in Comment Section Below!

See you all in next post! 
Till then, Take care!

Stay tuned ♡!

Comments

  1. Anonymous24 October 2020 at 03:34

    MAH GALACSEE ISSA PRO GENIUS
    AIM SO PROUD OF HIM :hapicri:

    ReplyDelete

Post a Comment

Popular posts from this blog

Introduction To Python

Image
 What is Python?      If you have some programmer friend or yourself is into to the programming field you have probably heard the language Python .   Python is a High-Level-Programming Language used for many cases, in this post, we will be seeing how to work with Python.  Installation and IDE    We must install python first to work with it. Installation is simple. You can get clear info on how to get python  here . Once you are done, Make sure you have atleast Python Version of 3.0 or greater. Because this guide follows it.    Once you are done installing Python, Now we need an IDE to work with it, an IDE is nothing but an Interageted Development Environment which makes your work smoother. To get a Clear understanding, Think of this   You need to mix somethings in a bowl, you can either use your hands itself or use a mixer, both is going to do the same job but mixer does it well and your effort will be less. Just like this...
Read more

HTML: Text Tags: Part 1

Image
Text Tags   If you have a question, what is a tag ? Read  this  post before you countinue.   Okay so let's get started. As I mentioned before there are dozens of tags in HTML5 Each has it's own purpose and usage. Text Tags are type of tags used to format text in a web page. Text Formatting includes styles like  Bold Italics Headings & Subheadings  Underlines Fonts Strikeout Etc      In This post we will see only some text tags. ( we will cover up everything later )   The best example to imply this text Formatting is a Newspaper! See the image below    In this image, you can see the difference of different header sizes. HTML5 Has 6 different heading tags based on size.  So there are tags Namely <h1> <h2> <h3> <h4> <h5> <h6> The biggest header tag is  <h1> And the smallest is  <h6> Also for simple text formatting like Bold & Italics  There is  <b...
Read more

HTML: Anatomy of Tags

Image
HTML Tags - Anatomy In our  previous  post, we made our First Web Page . That would gave you some understanding of Tags. Now let's see in detail about them. ( note: I assume that you have basic understanding of Tags in HTML if not read  this  post before you countinue) Attributes - Explained           As I said Tags are building blocks of HTML. It says how the content inside it should appear in webpage. To make it simple, Tags Navigate The Browser to how to display the content inside them. See this convo (may look funny but useful)  Browser: Okay, What type of file are you ? HTML File: See I have <html> tag.  Browser: so you are an HTML File. You are my Navigator. Okay, what text should I display is my title bar? HTML File: See Under My <head> tag, I have <title> Galax Coders </title>  Browser: Okay so, Galax Coders is the title right? HTML File: Yes Ofcourse! Browser: Okay, What content should I wr...
Read more