03-28-2016, 12:43 AM
As an example, visit NotJustBrowsing and explore code behind this site by using Inspect Element (in Firefox) or Inspect (in Chrome) menu item in the popup menu.
notjustbrowsing_org_1.png (Size: 125.16 KB / Downloads: 916)
notjustbrowsing_org_2.png (Size: 16.18 KB / Downloads: 902)
Also use View Page Source (in Firefox) or View page source on main page to see the following at the top of source display page in element of the page source.
From this example page you can see that for each of the areas in this page, style information is placed in a different file. The benefit in doing so is that these files can be re-used in other websites with a slight modification of color information. After designing couple of separate layouts, a person can have sufficient re-usable style information. See similar websites (Knowte, AIMS) to get a feeling of style re-usability.
Once you have a separate styling code for a segment of your web page, it becomes easy to just add new contents without worrying about particular layout information for that segment of the page.
notjustbrowsing_org_1.png (Size: 125.16 KB / Downloads: 916)
notjustbrowsing_org_2.png (Size: 16.18 KB / Downloads: 902)
Also use View Page Source (in Firefox) or View page source on main page to see the following at the top of source display page in element of the page source.
From this example page you can see that for each of the areas in this page, style information is placed in a different file. The benefit in doing so is that these files can be re-used in other websites with a slight modification of color information. After designing couple of separate layouts, a person can have sufficient re-usable style information. See similar websites (Knowte, AIMS) to get a feeling of style re-usability.
Once you have a separate styling code for a segment of your web page, it becomes easy to just add new contents without worrying about particular layout information for that segment of the page.