Dynamic website design with Drupal source code 7 - Part 1

Drupal is a free, very powerful, stable and powerful content management (CMS) system, built over 10 years ago. The stability and robustness of Drupal's core has made this code available to use from small blogs and websites to large collaborative social networks.

1. Design website with Adobe Dreamweaver CS5 software

With flexible structure, it helps programmers to expand their functions without restriction according to their needs. For example, you can assign additional properties to many objects, including posts, comments, users, and even assign attributes to tags. Another strength of Drupal is that it is very user-friendly to search engines, helping webmasters to work hard in their SEO process. In addition, the source code is optimized to improve performance to help save system resources.

Drupal 7 version offers a completely new administration interface with lots of improvements for website developers and content managers. It supports many different databases, from MySQL to PostgreSQL, SQLite, MS SQL Server, Oracle . and can even be expanded to support NoSQL formats. Besides such advantages, Drupal also has a minor drawback that is difficult to use for new users. In this series of articles, the author will introduce you to some of the most basic construction and design steps based on Drupal 7 source code.

1. Create localhost with XAMPP

Localhost is understood as a hosting that works right on your computer, with the default IP address of 127.0.0.1 and its domain name is http:/// localhost /. Localhost is used by website administrators to design websites and check code before putting it into operation on hosting. Currently there are many localhost software, this article will give some suggestions on how to create localhost with XAMPP software.

This tutorial will show you how to install XAMPP on Windows (Windows 7, Windows 8.x, Windows 10 32 bit or 64 bit) to use as the development environment for Drupal.

Note, XAMPP is not used as a web server, accessible from the Internet.

Install XAMPP as a development environment

Step 1 . Download XAMPP for Windows from the Apache Friends homepage and run the installer.

Dynamic website design with Drupal source code 7 - Part 1 Picture 1

Step 2 . You should install XAMPP outside the Program Files folder, for example: C: xampp or D: develxampp , not in folder C: Program Filesxampp or similar). The next steps assume you use C: xampp.

Step 3 . Check the XAMPP installation by opening the web browser and entering http:/// localhost / into the address bar, you will see the XAMPP welcome page appear.

Get the Drupal source code and create the database

Step 1 . Put Drupal source code inside C: xampphtdocsdrupal . This process depends on the version of Drupal you are installing. Do not run the actual Drupal installer, follow the next steps in this tutorial first.

Step 2 . You create the database using phpMyAdmin, access it by typing http:/// localhost / phpmyadmin / in the address bar or click on phpMyAdmin at the top right of the XAMPP page.

1. Click Databases .
2. If you want to use XAMPP to work with a local or remote Drupal site, you must first create an empty database, then use phpMyAdmin to import the dump database. Or create a new database: Under Create Database , type the name you want to use for the Drupal database (eg drupal8 or drupal7), do not use '-' or '_' or spaces in the name and only Use lowercase or numbers, then click Create .

Change some values ​​for the development system

The most common installation errors are the lack of available PHP memory and / or low PHP maximum execution time.

Step 1 . Backup C: xamppphpphp.ini by copying it to C: xamppphpphp.ini.ORIGINAL or some other name you can remember.

Step 2 . Change the following lines in C: xamppphpphp.ini :

1. max_execution_time = 600
2. max_input_time = 600
3. memory_limit = 512M
4. post_max_size = 64M
5. upload_max_filesize = 64M
6. mysql.connect_timeout = 600

Step 3 . Backup C: xamppmysqlbinmy.ini by copying it to C: xamppmysqlbinmy.ini or some other name you can remember.

Step 4 . Change the following lines in C: xamppmysqlbinmy.ini :

1. max_allowed_packet = 64M
2. innodb_flush_log_at_trx_commit = 2

Run the Drupal installer

Step 1 . Now restart Apache and MySQL in the XAMPP Control Panel by clicking on the Start button at the side.

Step 2 . To start configuring Drupal, run the Drupal installer by typing http:/// localhost / drupal / into your browser address bar (where "drupal" is the name of the folder you just created and copied /download).

Step 3 . Run the installer from the Drupal User Guide.

Note:

1) XAMPP should be used as a development server.

2) If you have placed the XAMPP folder directly into the root of the drive, you can copy it to the root of another drive, or connect the removable drive to another computer. If there is port 8080 (or 80, if not changed), 443 and 3306 are not used, you can start XAMPP without any problems and without any local configuration (for example: on a laptop or other USB drive or Windows computer). You only do this when you've never run C: xamppsetup_xampp.bat.

I wish you all success!

See more:

1. 12 stunning HTML5 templates that web designers should not ignore
2. Instructions for creating a website for beginners
3. Instructions for creating websites with WordPress from A to Z (Part 1)