Page 257 - Web Applications (803) Class 12
P. 257

4.17 CSS TEMPLATES

                 A webpage design made with CSS (Cascading Style Sheets) is known as a CSS template. Web designers can
                 quickly organize and style all website pages at once with the help of cascading styles sheets.

                 You can use templates that are accessible online rather than creating dull and uninteresting websites. Popularly
                 known as CSS templates or XHTML/CSS templates, these designs appear good while adhering to certain
                 requirements. The websites that provide these templates are listed below:

                   https://www.free-css.com/free-css-templates
                   https://nicepage.com/css-templates

                   https://templatemo.com/page/1
                   https://mobirise.com/html-templates/free-html-css-templates/

                   https://colorlib.com/wp/templates/
                   http://www.oswd.org/

                 To use the CSS template, follow these steps:
                 Step 1:  Visit one of the websites mentioned above or use a search engine to search for CSS templates

                 Step 2:  Browse and choose a template. Most websites provide a complete site structure including web pages,
                         style sheets and images included in a compressed package.

                 Step 3:  Download the zipped files and unzip them into a folder.
                 Step 4:  Now, open the homepage. Home pages are often titled with names like index.htm, default.htm or
                         home.htm.

                 Customising the CSS Template

                 To make changes to the template as per your choice, just use a text editor. If it's too challenging, you can use
                 an HTML tool like MEW or Dreamweaver. There are several methods you can use to alter the CSS that controls
                 how your site looks:

                   by selecting various options from the Colors and Styles screen,
                   by adding CSS code to the Advanced part of the settings for specific layouts or placeholders, and

                   by adding CSS code to the CSS customization screen.





                                                                                  Advanced Features of Web-Design    255
   252   253   254   255   256   257   258   259   260   261   262