Learn Web Coding Home Template Download

Last reviewed/updated: 16 Nov 2018 | Published: 18 Oct 2016 | Status: Active
Web browser support: Internet Explorer 10+, Edge 12+, Firefox 6+, Chrome 30+, Opera 17+

1. Introduction

Learn Web Coding (LWC) consists of LWC Home (learnwebcoding.com), LWC Blog (blog.learnwebcoding.com), and LWC Forums (forums.learnwebcoding.com). LWC Home, LWC Blog, and LWC Forums (LWC Home/Blog/Forums) are treated as three distinct web sites with the LWC Home home page serving as the LWC home page.

With the exception of specialty web pages, the LWC Home Template (learnwebcoding.com) is the starting point for every web page at LWC Home. The LWC Home Template is mobile first, responsive, and passes the Google Mobile-Friendly Test (search.google.com). The LWC Home Template consists of an original object-oriented PHP template system for creating a flexible and easy to maintain web site and web pages, original HTML and CSS conventions for consistently structuring and styling web page content, original object-oriented JavaScripts for breadcrumbs navigation and tools icon dropdown, a modified Bootstrap grid system and navbar, CSS compiled from Sass, valid HTML5, and valid CSS Level 3.

For an explanation of the LWC Home Template, see Learn Web Coding Home Template Explained (learnwebcoding.com).

1.1. Web Browser Support

Web browser support: IE10+, ED12+, FF6+, CH30+, OP17+.

1.2. PHP Support

PHP support: PHP 5.6.8+, 7+. PHP 5.6.7- not tested.

1.3. How To Download And Try On Your Web Server

To download and try on your web server:

  1. Download the source code zip file to your computer: lwc_home_template.zip (learnwebcoding.com) - Released: 21 Oct 2018. Size: 849,025 bytes. SHA-256 checksum: 03dd9647c604481a2eda3cb2c49e45d9eaadb6be66e13985d78a29413c688275.
  2. Extract the downloaded zip file. In this example, lwc_home_template.zip is extracted to the lwc_home_template folder: The contents of the extracted zip file.
  3. Copy the contents of the lwc_home_template folder, not the lwc_home_template folder itself, to the root of the web server.
  4. The LWC Home Template includes a PHP template system for creating a flexible and easy to maintain web site and web pages. The PHP template system uses pathless include_once statements. For the pathless include_once statements to work, the PHP interpretor must be instructed of the path to the PHP template system templates directory on the web server. This requires editing the include_path directive of the PHP initialization php.ini file. Otherwise, change the PHP template system include_once statements to absolute paths.

    The following instructs the PHP interpretor of the path to the PHP template system templates directory for a default installation of XAMPP 5.6.8+ on Windows with the LWC Home Template copied to the root of the XAMPP Apache HTTP Server per the above. In this setup, the root of the web server (i.e., the XAMPP Apache HTTP Server) is C:\xampp\htdocs\, and the PHP template system templates directory is C:\xampp\htdocs\templates\. If necessary, modify as appropriate for your setup. For additional information, see Apache Friends (apachefriends.org), PHP documentation | include (php.net), and PHP documentation | Description of core php.ini directives - include_path string (php.net).
    1. Copy and paste the php.ini file in place as php.ini.bak. For a default installation of XAMPP 5.6.8+, the php.ini file is located at C:\xampp\php\php.ini.
    2. Open the php.ini file in a text editor.
    3. Go to the Paths and Directories section. Change the following line:
      include_path=C:\xampp\php\PEAR
      To:
      include_path="C:\xampp\php\PEAR;C:\xampp\htdocs\templates"

      Notice:

      • The include_path directive is not commented out.
      • The include_path directive value is now correctly enclosed in quotation mark (") characters.
      • The following are appended to the end of the existing value; 1.) a semicolon (;) character, and 2.) the path to the PHP template system templates directory on the web server.
    4. Save the php.ini file.
    5. If the web server is started, stop and restart the web server.
    6. If it becomes necessary to undo the changes, delete the php.ini file and rename the php.ini.bak file to php.ini. If the web server is started, stop and restart the web server.
  5. Point your web browser to the index.php file on the root of the web server.
  6. The LWC Home Template home page appears.

1.4. Abbreviations

  • IE = Internet Explorer.
  • ED = Edge = EdgeHTML rendering engine (ED12+) and/or Edge browser (ED20+).
  • FF = Firefox.
  • CH = Chrome.
  • OP = Opera.

2. Resources And Additional Information