12-20-2015, 08:42 AM
Now that we have required template (skeleton), we will proceed with the preparations before adding actual contents.
In this part, we will identify particular spaces of our template with user friendly names. In our template we have seven spaces and we named them by "header", "top_menu", "slide_show", "latest_news", "links2contents", "main_content_area" and "footer".
In the following pictures code and its result can be seen. Addition of div tags at desired places in "index.html", definitions of those tags in "default.css" and result in browser. Names of the div areas in the second picture are superimposed on picture for clarity.
In this part, we will identify particular spaces of our template with user friendly names. In our template we have seven spaces and we named them by "header", "top_menu", "slide_show", "latest_news", "links2contents", "main_content_area" and "footer".
In the following pictures code and its result can be seen. Addition of div tags at desired places in "index.html", definitions of those tags in "default.css" and result in browser. Names of the div areas in the second picture are superimposed on picture for clarity.