tag:blogger.com,1999:blog-15150035887283625272024-03-10T10:47:52.197+08:00DevelopingSitesAdvanced HTML5, XHTML5 and CSS web tutorials, client-side scripting such as JavaScript, and server-side scripting such as PHP and RDMS such as SQL for database, with extra security guides, for building different types of a good and secure website.Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.comBlogger48125tag:blogger.com,1999:blog-1515003588728362527.post-7982778073357900882013-10-20T11:01:00.000+08:002013-11-16T18:15:41.755+08:00Installing WordPress (Software) Manually<div dir="ltr" style="text-align: left;" trbidi="on">
<p>The manual installation of <strong>WordPress</strong> <em>(Software)</em> that's instructed in this documentation is divided into five parts. But of course, you need to <a href="http://developingsites.blogspot.com/2013/10/get-domain-and-meet-system-requirements.html" target="_blank">get a domain name and find a suitable web host that meets the system requirements</a> first before proceeding to the installation. You can follow these guidelines to install WordPress to your website.</p>
<h3>Download and Extract the Software Package</h3>
<ol>
<li>Go to <a href="http://wordpress.org/download/" target="_blank">WordPress › Download WordPress</a>.</li>
<li>And click on such as the <em>“Download WordPress 3.6.1”</em> button for <em>version 3.6.1</em>, to download the software package.</li>
<li>Wait a minute while your computer is downloading such as the <em>"wordpress-3.6.1.zip"</em> file for the <em>version 3.6.1</em>. It may take 1 to 2 minutes, depends on the speed of your connection and if the server isn't busy.</li>
<li>Now <em>“Show in folder”</em> the newly downloaded <em>ZIP</em> file.</li>
<li>And <a href="http://developingsites.blogspot.com/2013/07/what-is-zip-file-and-how-to-extract-it.html" target="_blank"><em>‘Extract to "wordpress-3.6.1\"’</em></a> <i>(or to what version your WordPress is,)</i> that ZIP archive.</li>
</ol>
<p>Now you have the real contents of WordPress software if you've followed the instructions above.</p>
<h3>Create a Database and Its User</h3>
<ol>
<li>Log in to your control panel.</li>
<li>Note that you need to remember the values of the database name, username and the password you chose and the value of your database hostname if any which is usually be <em>"localhost"</em> in default.</li>
<li>And <a href="http://developingsites.blogspot.com/2013/07/creating-relational-database-on-c-panel.html" target="_blank">create a <strong>MySQL</strong> database and its user, and select all the privillages</a> for this user to complete the task.</li>
</ol>
<h3>Set Up <em>"wp-config.php"</em> File</h3>
<p>You can either rename and edit the <em>"wp-config-sample.php"</em> file yourself, or you can skip this section and let WordPress try to do this itself when you run the installation script. You just need to tell WordPress your database details later while <b>Running the Script</b> if you've skipped.</p>
<ol>
<li>On your computer, find the extracted file folder such as <em>"wordpress-3.6.1"</em> in my case, which is often in the <em>Downloads</em> folder of the user's home directory.</li>
<li>Open that folder, and under it, there you will see another folder named <em>"wordpress"</em>.</li>
<li>And open that folder named <em>"wordpress"</em>.</li>
<li>Now, you will see the <em>"wp-config-sample.php"</em> file.
<ol>
<li>Right click on this PHP file to <em>"Rename"</em> it.</li>
<li>And change the name of the <em>"wp-config-sample.php"</em> file to <em>"wp-config.php"</em>.</li>
</ol>
</li>
<li>Now, edit the renamed file <em>"wp-config.php"</em> with a <a href="http://developingsites.blogspot.com/2012/09/the-text-object-and-wysiwyg-html-editors.html" target="_blank">text editor</a>. And enter your database details under the section labeled:<br />
<code style="font-size: small;">// ** MySQL settings - You can get this info from your web host ** //</code>
<ol>
<li>Change the value <em>"database_name_here"</em> to the database name you created for WordPress.</li>
<li>Change the value <em>"username_here"</em> to the username of your database user you created.</li>
<li>Change the <em>"password_here"</em> to the password of your <em>DB</em> user that you chose.</li>
<li>Change the value <em>"localhost"</em> if only your MySQL hostname is different from that value.
<ul>
<li>You can <a href="http://developingsites.blogspot.com/2013/10/how-to-find-hostname-of-database-server.html" target="_blank">find the exact hostname of your MySQL server through <strong>phpMyAdmin</strong></a>.</li>
</ul>
</li>
<li>The database character set therein the file is <em>"utf8"</em> and normally should not be changed!</li>
<li>The database collation with the attribute of <code>DB_COLLATE</code> should normally be left blank!</li>
</ol>
And now focus under the section labeled:<br />
<code style="font-size: small;"> * Authentication Unique Keys and Salts.</code>
<ol>
<li>And run a web browser <i>(but don't close the text editor)</i> and go to: <a href="https://api.wordpress.org/secret-key/1.1/salt/" target="_blank">https://api.wordpress.org/secret-key/1.1/salt/</a></li>
<li>And <b>copy all the code</b> text therein the web page. It contains automated random secret key values.</li>
<li>And go back to your <em>"wp-config.php"</em> file-editing text editor.</li>
<li>And select from the beginning of the line with the code <code>define('AUTH_KEY',</code> to the end of the line started with the code <code>define('NONCE_SALT',</code></li>
<a name='more'></a> <li>And paste your copied text into the selected part.</li>
</ol>
And don't forget to save your edited <em>"wp-config.php"</em> file.</li>
</ol>
<p>You are now have your own <em>"wp-config.php"</em> file which is specify for your WordPress software.</p>
<h3>Upload the Files</h3>
<p>Now we will start uploading the software package with our <em>"wp-config.php"</em> file. And remember, the location of the document directory for your website in the filesystem on your web server will vary across hosting providers and operating systems. So, it's better to <a href="http://developingsites.blogspot.com/2013/10/how-to-find-root-web-directorys-location.html" target="_blank">find the location of your root web directory</a> first, to make it sure.</p>
<ol>
<li>
<ul>
<li>If you want to install the software in the root directory of your website. <em>(E.g. example.com)</em>
<ol>
<li>You should upload all the contents of the <em>"wordpress"</em> folder under the folder such as <em>"wordpress-3.6.1"</em> but not the folder itself!</li>
</ol>
</li>
<li>If you want to install in a subdirectory of your website. <em>(E.g. example.com/blog/)</em>
<ol>
<li>Rename the <em>"wordpress"</em> folder under the folder such as <em>"wordpress-3.6.1"</em>, to your desired name for an unexisting subdirectory of your website!</li>
<li>And you should upload the renamed folder and not the contents therein.</li>
</ol>
</li>
</ul>
</li>
<li>And the <em>“Remote site:”</em> where you should upload the software files or the software folder, would be the location of the document root for your website, for your hosted domain or subdomain, whatever you want.</li>
<li>And now <a href="http://developingsites.blogspot.com/2013/07/uploading-files-to-server-via-ftp-client.html" target="_blank">start uploading files/folder to your web server through an FTP client</a> such as <strong>FileZilla Client</strong>.</li>
</ol>
<p>Transferring WordPress software through FTP client may take 11 to 15 minutes before all the contents transferred successfully.</p>
<h3>Running the Script</h3>
<p>And if all the software contents has been transferred successfully, now it's time to run the script.</p>
<ol>
<li>
<ul>
<li>If you placed the WordPress files in your root web directory, you should visit such as: <em>example.com/wp-admin/install.php</em></li>
<li>If you placed the WordPress files in a subdirectory called <em>"/blog"</em>, you should visit such as: <em>example.com<b>/blog</b>/wp-admin/install.php</em></li>
</ul>
</li>
<li>If you skip to <b>Set Up <em>"wp-config.php"</em> File</b>, WordPress will tell you and offer to try to create and edit the file itself. It will ask you the following database details for your site and write them to a new <em>"wp-config.php"</em> file:
<a href="http://codex.wordpress.org/images/5/5a/install-step3.png"><img src="http://codex.wordpress.org/images/5/5a/install-step3.png" height="250" /></a></li>
<li>If you already have <em>"wp-config.php"</em> file, provide the following details on the <b>Information needed</b> section. You can always change the settings that you'll going to chose later.
<ol>
<li>Fill the title of your website in the <em>“Site Title”</em> row.</li>
<li>Fill the administrative username in the <em>"Username"</em> row.</li>
<li>Next is to input your secret <em>“Password, twice”</em>.</li>
<li>And the email of the administrator in <em>“Your E-mail”</em>.</li>
</ol>
<ul>
<li>Uncheck the <em>"Privacy"</em> only if you don't want to allow search engines to index your site!</li>
</ul>
And click the <em>“Install WordPress”</em> button below the form.</li>
<li>The next step 2 on the installation script is headed by the word <b>Success!</b>, which will list the <em>Username</em> you chose, the unseen <em>Password</em> and no other else.
<ul>
<li>There's also a <em>“Log In”</em> button therein this step.</li>
</ul>
</li>
</ol>
<p>And if you see the last step that's headed by the word <b>Success!</b>, the WordPress software is now successfully installed to your website.</p><span style="float: right; color: blue;" id="technorati">YY6M2FANFH9Z</span></div>Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com1tag:blogger.com,1999:blog-1515003588728362527.post-54946787175026017092013-10-14T18:41:00.000+08:002013-10-14T19:25:21.345+08:00How to Find the Root Web Directory's Location?<div dir="ltr" style="text-align: left;" trbidi="on">
<p>In this blog, you'll see how to find the location of the root directory for your specific domain that's hosted by your web hosting provider.</p>
<h3>On cPanel</h3>
<p>If you're using <strong>cPanel</strong>, you may see your <em>Home Directory</em> under the content <b>Stats</b> on the sidebar, but it may not the root directory of any of your hosted domains. But it could be the containing folder of the root directory for your domain.</p>
<ul>
<li>To find the root directory for your addon domain or even for your main domain that's listed at the row <em>Main Domain</em> of the content <b>Stats</b>.
<ol>
<li>When you click the <em>“File Manager”</em> on the cellbox <b>Files</b> and if you didn't mark to skip the follow up question yet.</li>
<li>There you will see the popup <i>File Manager Directory Selection</i>.
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif-_TaS140499AvCbUijODyLLpcKHwtpv5ApxReWkyDnr80B1BM0lx5hbsXzKQlm2PrwHLbOpO9tdgw_g75-qH7E43Dz8SpFLCyCi-nZOkTtYk3yGvY9jE0ND1czCLjizGTGi2mX6inb3O/s1600/cpanel_file_manager_directory_selection.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif-_TaS140499AvCbUijODyLLpcKHwtpv5ApxReWkyDnr80B1BM0lx5hbsXzKQlm2PrwHLbOpO9tdgw_g75-qH7E43Dz8SpFLCyCi-nZOkTtYk3yGvY9jE0ND1czCLjizGTGi2mX6inb3O/s1600/cpanel_file_manager_directory_selection.jpg" alt="Customized File Manager Directory Selection of cPanel" /></a></div></li>
<li>Select the option with the words <em>“Document Root for:”</em>.</li>
<li>And choose the hosted domain you want to see the location of its root directory.</li>
<li>And lastly, click the <em>"Go"</em> button below the popup area.</li>
<li>In <i>File Manager</i>, focus on the top left area of the application interface.
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlZCYR5xO9f9njz2S9lhs6cPNJV7v8ulcwPgiPFR2OVw7FwmZI1ucI4MQBNV28QRcmrgYRt7VB37Rb9udxFD1ujFKR4MWclrd4jvbBCCx27XIus8yNe7tglTEX1RYKJ2hsH4vMWYVof4WO/s1600/root_web_directory_on_cpanel_file_manager.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlZCYR5xO9f9njz2S9lhs6cPNJV7v8ulcwPgiPFR2OVw7FwmZI1ucI4MQBNV28QRcmrgYRt7VB37Rb9udxFD1ujFKR4MWclrd4jvbBCCx27XIus8yNe7tglTEX1RYKJ2hsH4vMWYVof4WO/s1600/root_web_directory_on_cpanel_file_manager.jpg" alt="The Location of Root Web Directory on the File Manager of cPanel" /></a></div></li>
<a name='more'></a> <li>And the value of the text box including the <em>"/"</em> slash on its left, is the location of the root directory for the domain you chose.</li>
</ol>
</li>
<li>The location of the root directory for an addon domain is more easier to find.
<ol>
<li>Remember that the value of every <em>“Document Root”</em> cell on the following video, is the location of the root directory for a specific additional domain.</li>
<li>This is the official video tutorial to learn about creating and managing add-on domains:
<iframe class="center" width="450px" height="323px" scrolling="no" src="https://www.cpanel.net/media/tutorials/addon_lo.htm" marginwidth="0" marginheight="0" frameborder="0"></iframe></li>
</ol>
</li>
</ul>
<h3>On Parallels Plesk Panel</h3>
<p>One of the popular control panels is called <strong>Parallels Plesk Panel</strong>. And here is how to find the root directory for a specific domain, with this control panel.</p>
<ol>
<li>On the <b>Websites & Domains</b> area of the home.</li>
<li>Click the <em>“Hosting Settings”</em> of the listed website you want to see the location of its root directory, on the list of hosted domains below that area.</li>
<li>And in the following area, the value of the field <em>Document root</em> is the root directory's location for the domain you chose.</li>
</ol>
<p>The document root for main domain on Parallels Plesk Panel may be <em>"/httpdocs"</em> in default.</p>
<h3>Location's Format in Default</h3>
<p>Most hosting companies will make the top directory of your web document root as <em>"/example.com"</em> if you register a domain named <em>"example.com"</em>. Like if you're using <strong>Hepsia Control Panel</strong> on such as the <a href="http://host.duoservers.com/" target="_blank">Standard host.duoservers.com</a> .</p>
<ol>
<li>For example, when you add the new domain <em>"control-panel-demo3-543974.net"</em>.</li>
<li>The location of the root for that domain will be look like <em>"/www/<b>control-panel-demo3-543974.net</b>"</em>.</li>
</ol>
<p>But remember, not all the locations of the root web directories on the filesystems of all web servers are in the same format! They will vary across hosting providers and operating systems.</p></div>Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com1tag:blogger.com,1999:blog-1515003588728362527.post-92163108863789938082013-10-14T11:37:00.000+08:002013-10-14T11:58:43.296+08:00How to Find the Hostname of a Database Server?<div dir="ltr" style="text-align: left;" trbidi="on">
<p>Some web software for a website needs the value of the hostname of a database server for it to be installed to a web server, such as <strong>WordPress</strong> <em>(software)</em> which needs <strong>MySQL</strong> database connection details. The MySQL database hostname will usually be <em>"localhost"</em> on most web hosting companies, but not always!</p>
<p>The name could be simply <em>"localhost"</em> if your database is local to your web server or to the server on your hosting provider. But if your database is external to your web server or to your hosting server, then you or your hosting provider would need to put the name of that database.<p>
<h3>Most Hosting Providers</h3>
<p>To be sure about your database hostname, here we will going to find the exact hostname of MySQL server through the application called <strong>phpMyAdmin</strong>, version <em>4.0.5</em>:</p>
<ol>
<li>First, log in to your control panel.</li>
<li>Find the PHP application <em>"phpMyAdmin"</em>:
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbhjnFJd_QVZm-gN2TDyOHEGm-3ll-0CXtf1m-cqXu2VPCxl8UeZTVbQ0284oUQKetcwDKb7iAvEADy8-9SX3ZaC2mMkBrKULXUeTftcYpRSeYdfQjRb-38DqyHloXn0a9qgwrXKIc7eKS/s1600/phpmyadmin_on_cpanel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbhjnFJd_QVZm-gN2TDyOHEGm-3ll-0CXtf1m-cqXu2VPCxl8UeZTVbQ0284oUQKetcwDKb7iAvEADy8-9SX3ZaC2mMkBrKULXUeTftcYpRSeYdfQjRb-38DqyHloXn0a9qgwrXKIc7eKS/s1600/phpmyadmin_on_cpanel.jpg" alt="The Application 'phpMyAdmin' on the Home of cPanel" /></a></div>
<ul>
<li>On the <b>Databases</b> heading section if you're using <strong>cPanel</strong>.</li>
<li>Or on the <b>Advanced Features</b> heading section if you're using <strong>DirectAdmin Web Control Panel</strong>.</li>
</ul>
And then click it to run that application.</li>
<li>And in <i>phpMyAdmin</i>, the value of the item <em>"Server"</em> on the top of the user interface, is your database hostname.
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6gBxOnDiEpsXzPtgKXvSqGcmnRweQTOOTlYPgkhkJ1g5cLE52WuNXRby8aV2d5Y0NME8gz80GKvCFxW63KZ1VLGvpv-NEt-DqL4CpC9hlV2vEabh9IU_qmkDnz3_Qw3b5NlS9U_0zMu5T/s1600/db_hostname_on_phpmyadmin_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6gBxOnDiEpsXzPtgKXvSqGcmnRweQTOOTlYPgkhkJ1g5cLE52WuNXRby8aV2d5Y0NME8gz80GKvCFxW63KZ1VLGvpv-NEt-DqL4CpC9hlV2vEabh9IU_qmkDnz3_Qw3b5NlS9U_0zMu5T/s525/db_hostname_on_phpmyadmin_4.jpg" alt="The Database Hostname on the Application Interface of phpMyAdmin Version 4.0.5" /></a></div>
<a name='more'></a> Which in the case on the image above, is <em>"localhost"</em>.</li>
</ol>
<h3>Some Hosting Companies</h3>
<p>On the control panels of some hosting providers, you could see the database hostname on such as <em>"Databases"</em> area like if you're using <strong>Parallels Plesk Panel</strong>:</p>
<ul>
<li>While adding a new database.
<ol>
<li>In the <em>"Databases"</em> area on the <b>Websites & Domains</b> heading section.</li>
<li>When you <em>“Add New Database”</em>.</li>
</ol>
</li>
<li>Or in the databases area.
<ol>
<li>Just click the <em>"Databases"</em> on the <b>Websites & Domains</b> heading section.</li>
<li>And when you already have created database therein the list.</li>
</ol>
</li>
</ul>
<p>There you will see the field <em>Database server</em> and the value of it is your DB hostname, which is <em>“Local MySQL server”</em> in default.</p>
<h3>On Hepsia Control Panel</h3>
<p>If you're using <strong>Hepsia Control Panel</strong>, the hostname of your MySQL Server can be seen by the following:</p>
<ul>
<li>In the <em>Home</em>, at the list <em>MySQL Server</em> of the <b>System info</b> heading section.</li>
<li>Or click on <em>“MySQL Databases”</em> under the <b>Databases</b> drop-down menu. And it may now seen as the value of <em>MySQL Server</em>.</li>
<li>Or in the application named <em>"MySQL"</em> on the <b>General</b> heading section, and it's printed at the <em>MySQL Server</em> on MySQL Databases.</li>
</ul>
<p>And the hostname on Hepsia is just <em>"localhost"</em>.</p>
<p>If you couldn't find your database hostname by following such as the guidelines above, I recommend you to contact your technical support or search the online documentation of your web hosting provider about your database hostname to make it sure.</p></div>Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com1tag:blogger.com,1999:blog-1515003588728362527.post-2626128473856240852013-10-09T15:54:00.000+08:002013-10-09T16:46:02.964+08:00Automated Installation Using an Installer<div dir="ltr" style="text-align: left;" trbidi="on">
<p>An auto installer also known as <strong>scripts installer</strong>, is used to automate the installation of the software. For you to know more about it, visit <a href="http://developingsites.blogspot.com/2013/10/what-is-web-application-auto-installer.html">What is a Web Application Auto-Installer?</a></p>
<p style="font-size: large; padding: 0 10%; text-align: center;"><b>Requirement:</b> Your server hosting account must have the specific auto installer that you will going to use!</p>
<p>Note that we already have blogs how to automate the installation of the software that you want to install to your website by using:</p>
<table class="center" style="width: 80%; text-align: center; font-size: medium;">
<tr>
<td><a href="http://developingsites.blogspot.com/2013/10/automated-installation-using-softaculous.html">Softaculous Auto Installer</a></td>
<td><a href="http://developingsites.blogspot.com/2013/10/automated-installation-using-fantastico.html">Fantastico De Luxe</a></td>
</tr>
</table>
<p>If the web application installer on your control panel is different from the scripts installers that are linked above, then you can still view them to see how it works. Actually it's really easy to use an auto installer, you can even use it without any instructions but if you still need it, as I said you can view the links above and you can also check the following simple guidelines below for using a simple auto installer:</p>
<ol>
<li>Log in to your control panel that have the specific scripts installer that you'll going to use.</li>
<li>Find the <em>“Auto Installer”</em> application on your logged control panel. It may be found on the <b>Website</b> section of the applications and may have a name such as <em>“Auto Installer”</em> or any.</li>
<li>Inside the web application installer, find the exact name of the software you may wish to install to your website, and click it.</li>
<li>Now you may see some information about the software that you've chosen. You will going to install it and when you're now on the installation form, fill out that form such as these:
<ol>
<li>Choose what folder do you want to <em>“Install To”</em>. For example if you want to install in only <em>"example.com"</em> then leave it empty, and if you want to install to <em>"example.com/wordpress"</em> then fill the word <em>"wordpress"</em> therein the field.</li>
<li>Fill your personal username in the <em>“Administrator username”</em> field.</li>
<li>Fill a strong password in the <em>“Administrator password”</em> field.</li>
<li>There may be another fields which was not listed here. And if there are another fields, you need to fill out all the required fields therein the form!</li>
</ol>
And last, click on such as <em>“Install <span style="opacity: 0.7;">{Software Name}</span>”</em> to continue. <i>(Note that the <span style="opacity: 0.7;">{Software Name}</span> is our term on the name of the software you chose.)</i>
<a name='more'></a> <ul>
<li>And if there's another part of the installation form that you need to fill out after the previous form, just simply fill out those and continue.
<ul>
<li>And if there's an error message that's printed on the screen, just read it and try to understand the problem for you to be able to fix the specific problem on your installation by yourself if it's possible.</li>
</ul>
</li>
</ul>
</li>
<li>Some installer will pop up a message such as <q>Directory content will be overwritten. Do you wish to continue?</q>
<ul>
<li>Click <em>"OK"</em> if you want the software package to overwritten the targeted folder if it exist! <i>(Note that some autoinstaller may warn you about overwritten the targeted folder even that folder does not exist.)</li>
<li>Or click the <em>"Cancel"</em> button to cancel the automated installation.</i>
<ul>
<li>The fastest solution if there are important files in the targeted folder:
<ol>
<li>Change the location to an unexisting directory where you want to install the software.</li>
<li>And now click on such as <em>“Install <span style="opacity: 0.7;">{Software Name}</span>”</em> below the form again.</li>
</ol>
</li>
<li>Or move the existing folder first manually before processing the automated installation.</li>
<li>Or move or save your important files thein the existing folder first before processing the installation.</li>
</ul>
</li>
</ul>
</li>
<li>And then wait a few seconds while the <q>Software is now being installed.</q></li>
<li>If such as a progress bar reaches <em>100%</em> and the <b>Software installed</b> to your web server, you can now <em>“View result”</em>.</li>
<li>Now that the software has successfully installed, some simple auto installer will print the installation details. It's better to get a copy of those details, such as Software name, Version, Installation URL, Admin Login URL, Admin username, Admin password, Database Name, Database Username and Database Password.</li>
<li>And now you can also see some of the details and actions on your <em>Currently Installed Software</em> about the specific web application.</li>
<li>If you haven't encounter any error then it is now finished. The software that you chose lately has now installed to your website!</li>
</ol>
<p>Even the instructions on the links and the simple guidelines above are different for your scripts installer, you can still get an idea how it works by reading them. Just a simple understanding would make you automatically install the software that you want using any auto installer.</p></div>Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-31152989594588190122013-10-08T18:45:00.000+08:002013-10-08T19:28:44.534+08:00Automated Installation Using Fantastico<div dir="ltr" style="text-align: left;" trbidi="on">
<p><i>Fantastico De Luxe</i> is an auto installer for <strong>cPanel</strong> servers. For more information about Fantastico De Luxe, please visit <a href="http://developingsites.blogspot.com/2013/10/what-is-web-application-auto-installer.html">What is a Web Application Auto-Installer?</a> To be able to use this autoinstaller, your web server hosting must have it! Asking how to use Fantastico De Luxe? Here we will going to automate the installation of the software that you want, by using Fantastico De Luxe:</p>
<ol>
<li>Log in to your cPanel server hosting account.</li>
<li>Run the application named <i>“Fantastico De Luxe”</i> under the <b>Software/Services</b> <em>(heading)</em> section.
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNPEDnIco4eobgr39YVrV6DAm4Oej5RLIXCr3V5fYIPGNZ0gXjUc7G2iB9Y31vHBKim_8coGZK9YjHtumryirK1NBbmwS9IP6Il8t4X2FAlI7vLHx91_XmYcPGGq190jIos9Ikl3p3c7rc/s1600/fantastico_de_luxe_on_host-ed_cpanel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNPEDnIco4eobgr39YVrV6DAm4Oej5RLIXCr3V5fYIPGNZ0gXjUc7G2iB9Y31vHBKim_8coGZK9YjHtumryirK1NBbmwS9IP6Il8t4X2FAlI7vLHx91_XmYcPGGq190jIos9Ikl3p3c7rc/s1600/fantastico_de_luxe_on_host-ed_cpanel.jpg" alt="Fantastico De Luxe on Host-ed.net cPanel" /></a></div></li>
<li>Make sure that you haven't reached your database limit for a new database.</li>
<li>Choose and click the software that you want to install <i>(which in my case is <strong>WordPress</strong>)</i>, on any of the items <em>(scripts)</em> that are listed on the left.</li>
<li>Now you will see the disk space required and the disk space available on your server. Make sure you meet the required space.</li>
<li>Click the link <u><b>New Installation</b></u>.</li>
<li>In the part <b>Install</b> <em>{SOFTWARE}</em> <b>(1/3)</b>:<br />
<div style="font-style: italic; font-size: small; text-align: center; margin: auto 15%;">(Remember that in this blog, the <span style="opacity: 0.5;">{SOFTWARE}</span> means the name of the software that you've chosen.)</div>
<ol>
<li><b>Installation location</b>
<ol>
<li>Choose in the <em>“Install on domain”</em> selection what domain name do you want to install the software.</li>
<li>Fill up the <em>“Install in directory”</em> if you're going to install the software on a directory of your domain <em>(e.g. "example.com/<b>UNEXIST</b>/")</em>. The directory should not exist, it will be automatically created. Just leave it empty to install in the root directory <em>(e.g. "example.com")</em>.</li>
</ol>
</li>
<a name='more'></a> <li><b>Admin access data</b>
<ol>
<li>Input your personal username in the <em>"Administrator-username"</em> field.</li>
<li>Input a strong password in the <em>"Password"</em> field. <i>(<b>Note:</b> The secret password that you will input is not going to be masked, BE CAREFUL!)</i></li>
</ol>
</li>
<li><b>Base configuration</b>
<ol>
<li>Fill your nickname in <em>“Admin nickname”</em>.</li>
<li>Fill the administrative email for your website, in <em>“Admin e-mail”</em>.</li>
<li>Next is to fill your website name in <em>“Site name”</em>.</li>
<li>And fill the <em>"Description"</em> of your site.</li>
</ol>
</li>
</ol>
And last is to click the <span style="font-size: large;">Install</span> <em>{SOFTWARE}</em> button.</li>
<li>In the part <b>Install</b> <em>{SOFTWARE}</em> <b>(2/3)</b>, the specific MySQL database and MySQL user such as <b>example_wrdp1</b>, will be created and used for the installation. And Fantastico will print where you chose to install the software. The access URL will be such as <em>"example.com"</em> if you have left the <em>“Install in directory”</em> field empty and will be such as <em>"example.com/wordpress"</em> if you <em>Install in directory "wordpress"</em>.
<ol>
<li>Just click on <em>“Finish installation”</em> to continue.</li>
<li>And wait till it proceed to the next part. It may take a few seconds or a minute.</li>
</ol>
</li>
<li>In <b>Install</b> <em>{Software}</em> <b>(3/3)</b>, some files such as <em>"/home/example/public_html/wordpress/wp-config.php"</em> and <em>"/home/example/public_html/wordpress/data.sql"</em> will be automatically configured. Your username and password will be printed on the screen. So, BE CAREFUL! Those are the <em>"Administrator-username"</em> and the <em>"Password"</em> that you have been filled before. And you will also see the URL of the admin area of your newly installed web application.
<ul>
<li>You can <em>“Send E-mail”</em> the details of the installation to a specific email address if you want.</li>
<li>You can also <span style="font-size: large;">Back to</span> <em>{SOFTWARE}</em> <span style="font-size: large;">overview</span> where you can now see your current installations of the specific software.</li>
</ul>
</li>
</ol>
<p>If you've completed all the parts above without encountering any error, the specific software that you've been chosen before clicking the link <u><b>New Installation</b></u>, has now successfully installed to your website!</p></div>Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-37012018772767665192013-10-08T13:53:00.000+08:002013-10-08T15:00:20.471+08:00Automated Installation Using Softaculous<div dir="ltr" style="text-align: left;" trbidi="on">
<p>Most leading Control Panels like <strong>cPanel</strong>, <strong>Plesk</strong>, <strong>DirectAdmin</strong>, <strong>InterWorx</strong> and <strong>H-Sphere</strong> have <i>Softaculous Auto Installer</i>. For more information about Softaculous, please visit <a href="http://developingsites.blogspot.com/2013/10/what-is-web-application-auto-installer.html">What is a Web Application Auto-Installer?</a> To use Softaculous Auto Installer, your web server hosting must have it! Here are the instructions how to automatically install the software that you want, to your website by using Softaculous:</p>
<ol>
<li>Log in to the control panel of your hosting account.</li>
<li>Click the application named <em>"Softaculous"</em> on the section such as <b>Software/Services</b> heading for cPanel user.
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK_hSKV9qxylgYdSTI47LAO520Znwfo-lgBYly6fE-6bFcYxB8ULFcgHZYr1v3bRsixAW4vZwmBB69SXnJhkfrG635aavOQPwy5ip9mLq1HMHnPJZGfb4OD5N6al8FFk-mkaDJRzDydrKC/s1600/softaculous_on_heliohost_cpanel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK_hSKV9qxylgYdSTI47LAO520Znwfo-lgBYly6fE-6bFcYxB8ULFcgHZYr1v3bRsixAW4vZwmBB69SXnJhkfrG635aavOQPwy5ip9mLq1HMHnPJZGfb4OD5N6al8FFk-mkaDJRzDydrKC/s1600/softaculous_on_heliohost_cpanel.jpg" alt="Softaculous on HelioHost cPanel" /></a></div></li>
<li>Find the exact name of the software you may wish to install. <i>(For this time we choose <strong>WordPress</strong>.)</i></li>
<li>Check the <b>Space Required</b> and make sure you have enough space and can able to add another database.</li>
<li>And click <b>Install</b> for automated installation of the software that you've chosen.</li>
<li>And fill out the following form:
<ol>
<li><b>Software Setup</b>
<ol>
<li><em>“Choose Protocol”</em> that you have wanted. If your site has SSL, I suggest to choose the HTTPS protocol.</li>
<li><em>“Choose Domain”</em> where you want to install the software.</li>
<li>The directory is relative to your domain and should not exist! For exmple, to install <em>“In Directory”</em> at <em>"example.com/unexist/"</em>, just type <em>"unexist"</em>. Leave it empty to install only in <em>"example.com"</em>.</li>
<li>Type the <em>“Database Name”</em> that you want to be created for the automated installation.</li>
</ol>
</li>
<li><b>Database Settings</b>
<ol>
<li>I suggest to leave the <em>“Table Prefix”</em> in its default. It will be the prefix of every table name on the database that will be created, such as <em>"<b>wp_</b>users"</em>, <em>"<b>wp_</b>posts"</em> and <em>"<b>wp_</b>comments"</em> if you have <em>"wp_"</em> as your table prefix.</li>
</ol>
</li>
<li><b>Site Settings</b>
<ol>
<li>Fill the title of your website in <em>“Site Name”</em>.</li>
<li>Fill the description of your website in <em>“Site Description”</em>.</li>
<li><em>“Enable Multisite <i>(WPMU)</i>”</em> option for your <i>WordPress</i> blog if you want but your server must support Apache <i>mod_rewrite</i> to use this feature.</li>
</ol>
</li>
<li><b>Admin Account</b>
<ol>
<li>Fill your personal username in <em>“Admin Username”</em>.</li>
<li>Fill a strong password in <em>“Admin Password”</em>.</li>
<li>Fill the email of the original administrator, in <em>“Admin Email”</em>.</li>
</ol>
</li>
<li><b>Choose Language</b>
<ol>
<li><em>“Select Language”</em> depends on your dialect and on the language of your site.</li>
</ol>
</li>
<li><b>Select Plugins</b>
<ol>
<li>Checking <em>“Limit Login Attempts”</em> will installed and activated the specific plugin that will limit the login attempts, with your installation.</li>
</ol>
</li>
</ol>
<ul>
<li>If you want more advanced then you would surely fill out <b>Advanced Options</b> also.
<ol>
<li>If you don't want to receive an email notification for updates available for the installation, then <em>“Disable Update Notifications”</em>.</li>
<li>Check <em>“Auto Upgrade”</em> if you want the installation to be automatically upgraded to the latest version when a new version is available.</li>
<li>Choose the frequency for <em>“Automated backups”</em> to perform, if you want Softaculous to automates the backups via <em>CRON</em> as per the frequency you select.
<a name='more'></a> <ul>
<li>If you enabled <em>Automated backups</em>, you will be allow to limit the <em>“Backup Rotation”</em>. If the backup rotation limit is reached, Softaculous will delete the oldest backup for the installation and create a new backup. The backups will utilize your space so choose the backup rotation as per the space available on your server.</li>
</ul>
</li>
</ol>
</li>
<li>You can <q>Email installation details to :</q> the e-mail you've inputted in the text field below the form if you want.</li>
</ul>
And last, click the <em>"Install"</em> button below the form to start the automated installation of the software that you've chosen.</li>
<li>Do not leave the installing process till the progress bar reaches <em>100%</em>! It may take 3 or 4 minutes if there's no error exist.
<ol>
<li>First, Softaculous is <q>Checking the submitted data</q>, and if an error exist the Installation cannot proceed. The data that you've submitted may not right or the files are already exist in the target folder.
<ul>
<li>If the files already exist, the solutions are nested below:
<ol>
<li>In the <b>Install</b> area where you'll be redirected if the files exist, there will be a new <em>“Overwrite Files”</em> check box that you need to check.</li>
<li>And now click the <em>"Install"</em> button below the form again.</li>
</ol>
</li>
<li>Or you can choose another folder by filling the folder name that you want <em>“In Directory”</em> field.</li>
<li>The hardest solution is to delete or to move all those existing files in the target folder manually.</li>
</ul>
</li>
<li>Second, it's <q>Propagating the database</q> and if this fail, you will be redirected to the <b>Install</b> area again.
<ul>
<li>You need to fix the specific error about database to make the installation work:
<ul>
<li>If the error is because of temporary database connection, it's the system fault temporarily and not yours.</li>
<li>If the error is about the unavailability for a new database to be created, then go to your database management system <em>(DBMS)</em> and delete the unused database or upgrade your database limitation.</li>
<li>And if it's about the database disk space, then you need to get more database disk space by upgrading your database storage.</li>
</ul>
</li>
<li>If you get an error while <q>Propagating the database</q>, you will now need to follow this guide:
<ol>
<li>If you now press the <em>"Install"</em> button below the form again, see the following <em>no# 2</em> guide.</li>
<li>You will be redirected to the <b>Install</b> area again and see that the files are already exist because of the previous failed installation. The area where you've redirected is with a new <em>“Overwrite Files”</em> check box under the <b>Software Setup</b> section now.</li>
<li>You need to check that box to escape the error about the files that were created because of the failed installation.</li>
<li>And click on <em>"Install"</em> below the form to restart the installing process again.</li>
</ol>
</li>
</ul>
</li>
</ol>
</li>
<li>You need to wait till the <q>Checking the submitted data</q>, <q>Propagating the database</q> and the <q>Plugin Installation</q> if the <em>Limit Login Attempts</em> plugin was checked, till the progress by Softaculous have competed!</li>
<li>If the software was installed successfully, the screen will print where URL the specific software has installed and will tell you the administrative URL such as <em>"http://www.example.com/wp-admin/"</em>.
<ul>
<li>You can now <u><b>Return to Overview</b></u> the specific software that you've chosen, where you can see your <b>Current Installations</b>.</li>
</ul>
</li>
</ol>
<p>If you've completed all the instructions above without any error, the specific software that you've been chosen before has now installed to your website!</p></div>Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-74660061351709139052013-10-07T16:23:00.001+08:002013-10-07T16:35:09.783+08:00What is a Web Application Auto-Installer?<div dir="ltr" style="text-align: left;" trbidi="on">
<p>An auto installer <i>(also known as web application installer or scripts installer,)</i> automates the installation of web applications such as <strong>WordPress</strong>, <strong>Joomla!</strong> and <strong>Drupal</strong>, to a website or on a server hosting account. Of course there are many auto-installers around the Web and the well-known among those are listed below:</p>
<ul>
<li><strong>Softaculous</strong> is having 312 great scripts, 1115 PHP Classes and still adding more. It is widely used in the Web Hosting industry and it has helped millions of users to install applications by the click of a button in just ONE STEP. Their Auto Installer easily integrates into leading Control Panels like cPanel, Plesk, DirectAdmin, InterWorx and H-Sphere.</li>
<li><strong>Fantastico De Luxe</strong> is an autoinstaller for cPanel servers with more than 10.000 installations. It provides more than one million end users the ability to quickly install dozens of the leading open source content management systems into their web space.</li>
<a name='more'></a> <li><strong>Installatron</strong> is a one-click web application installer that provides the simplest way and enables weblogs, photo galleries, online forums, shops and other top web applications to be instantly installed and effortlessly manage top web applications.</li>
<li><strong>Elefante Installer</strong> was created to facilitate all people who would like to have a website of their own as much as possible and to let them get it with only a few clicks of the mouse without having to acquire specific additional server administration, computer programming and web designing knowledge. It allows easy installation of weblog, online forum, wiki, calendar, CMS, e-commerce and photo gallery scripts.</li>
</ul>
<p>On my next blog, you will see how to use a web application auto-installer to automate the installation of a software on your server hosting account!</p></div>Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-39083089090996561702013-10-06T01:49:00.000+08:002013-10-06T03:20:28.166+08:00Get a Domain and Meet the System Requirements<div dir="ltr" style="text-align: left;" trbidi="on">
<p>Here are the complete instructions how to ready the things such as domain name and web host or server, that are needed before installing web software such as <strong>WordPress</strong>, on a website or on a hosting account or before developing an <a href="http://developingsites.blogspot.com/2012/09/build-easy-basic-and-advanced-websites.html" target="_blank">advanced website</a>:</p>
<h4>Get a Domain Name</h4>
<ol>
<li>Create an account on a <a href="http://developingsites.blogspot.com/2012/09/a-domain-name-registrar-and-registration.html" target="_blank">domain name registrar</a> or on a web hosting provider that have domain name registration service.</li>
<li>Choosing the right domain name for your website isn't that easy. I require you to spend time or even days for just searching an available domain name that matches your business name. Because when it's purchased, there is no way to rename it. But you can still get another domain name if you want!</li>
<li>Register your chosen <a href="http://developingsites.blogspot.com/2012/09/a-free-or-paid-domain-name-and-subdomain.html" target="_blank">domain name</a> through your domain provider. It's also possible for an unavailable domain name to buy it somewhere, such as by contacting the domain owner or through the link to buy that domain on the page with the URL of the domain if it's for sale.</li>
</ol>
<h4>Check the System Requirements</h4>
<p>Your web <em>(hosting)</em> server must meets the system requirements of the software that you're planning to install or to develop. If you're going to develop a web application, your server need to support a database management system <em>(DBMS)</em>.</p>
<ul>
<li>You can check the <strong>WordPress</strong> requirements at <a href="http://wordpress.org/about/requirements/" target="_blank">WordPress › About » Requirements</a>. Your web server must supports the minimum requirements for this software, PHP version 5.2.4 or greater and MySQL version 5.0 or greater.</li>
<li>The hosting requirements of <strong>Joomla!</strong> for <i>JVersion 3.1</i> can be seen at <a href="http://docs.joomla.org/J3.1:Installing_Joomla#tab=Requirements" target="_blank">J3.1 Installing Joomla - Joomla! Documentation</a>, its language is PHP 5.3.1+ and it supports databases MySQL 5.1+, MSSQL 10.50.1600.1+ and PostgreSQL 8.3.18+ and web servers Apache 2.x+, Nginx 1.0 and Microsoft IIS 7. And at <a href="http://docs.joomla.org/J2.5:Installing_Joomla#tab=Intro" target="_blank">J2.5 Installing Joomla - Joomla! Documentation</a> for <i>JVersion 2.5</i>, it required PHP v. 5.2+, MySQL 5.04+ and Apache 1.3.</li>
<li>The system requirements of <strong>Drupal</strong> can be seen at <a href="https://drupal.org/requirements" target="_blank">System requirements | drupal.org</a>. Drupal 6 required PHP 4.4.0+ and MySQL 4.1+ or PostgreSQL 7.1. Drupal 7 required PHP 5.2.5+ and MySQL 5.0.15 or higher with PDO, or PostgreSQL 8.3 or higher with PDO, or SQLite 3.3.7+. Drupal 8 required PHP 5.3.10+.</li>
<li>The system requirements for other web software can be seen on the requirements of their online documentation or on the requirements' section of their <em>readme.html</em> documentation inside the extracted software package.</li>
</ul>
<p>A proper web server must <a href="http://developingsites.blogspot.com/2012/12/what-is-web-hosting-with-mysql-database.html" target="_blank">supports a relational database management system</a> <em>(RDBMS)</em> such as MySQL and a server-side <a href="http://developingsites.blogspot.com/2013/03/forms-and-meanings-programming-languages.html" target="_blank">scripting language</a> such as <i>PHP: Hypertext Preprocessor</i>.</p>
<h4>Find a Suitable Web Host</h4>
<ol>
<li>Now find a <a href="http://developingsites.blogspot.com/2012/09/a-web-hosting-service-provider-and-site.html" target="_blank">web host</a> that allow you to create a hosting account that meets the system requirements. The standard Internet hosting provider is <a href="http://host.duoservers.com/" target="_blank">host.duoservers.com</a>.</li>
<a name='more'></a> <li>Then create a hosting account that meets the requirements of the system. Remember if your web server didn't meets the minimum requirements, the system of the software that you're planning to build would not work!</li>
</ol>
<a href="http://developingsites.blogspot.com/2012/09/how-to-point-domain-to-dns-of-web-host.html" target="_blank"><h4>Point the Domain Name Server</h4></a>
<ol>
<li>Log in to your web hosting account:
<ul>
<li>Check the <b>Name Servers</b> <em>(NSes)</em> of your web host. It could be in the <b>FAQ</b> of the web hosting site. In <strong>Hepsia Control Panel</strong>, it is seen in the <i>“Hosted Domains”</i> area that's linked on <b>My Domains</b> drop-down list or in the <em>“Site Management”</em> under the <b>General</b> top-heading section.</li>
<li>Or check the <b>IP Address</b><em>(es)</em> if it's available on your account and if you will going to point the subdomain<em>(s)</em> of your domain name to other server, but this is the hard way. In <strong>cPanel</strong> the IP is seen at the <b>"Stats"</b> element or sidebar when you <i>“expand stats”</i>. An IP will be used on a domain registrar that have <em>DNS Service</em> or on a web hosting account that have such as the application <i>“Advanced DNS Zone Editor”</i> of cPanel. You can also register to a domain name server <em>(DNS)</em> service such as <strong>CloudFlare</strong> if your domain provider doesn't have that service!</li>
</ul>
</li>
<li>Now login to your domain name provider:
<ul>
<li>In <b>Domain Panel</b>, <em>Registered Domains</em> or in <em>Domain Registration</em>, modify or edit the DNS settings or <em>Name Servers</em> of your domain, and on the <em>Custom DNS</em> or on the Manage <em>(Domain)</em> Name Servers <em>(Manage DNS)</em>, point or change the <b>Host Names</b>, <em>Name Servers</em> or the <em><b>NS</b>es</em> to the Name Servers of your web host.</li>
<li>If you will going to point your subdomains to other server, modify the DNS records of your domain... In some domain name provider the records can be found on <b>DNS Management</b>. And on the <em>DNS Service</em> or Manage DNS:
<ol>
<li>Add a new type <em>"<b>A</b>"</em> record and input the domain name that you want to be hosted by your web host, in the <em>Host Name</em> field and point the <b>IP</b> <em>Address</em> or the <em>Value</em> to the IP of your web hosting account.</li>
<li>And add another type <em>"A"</em> record for your non-naked domain name <em>(e.g. www.example.com)</em> if you also want it to be hosted and point it to the IP of your web server.</li>
<li>If your host have more than one IP, then add another new <em>"A"</em> records with the domain name and the non-naked domain name and point them to the other IP of your hosting account, and so on and so forth, and save changes! In Hepsia, you can see the link to the <b>Custom DNS Records</b> area by clicking the <i>“DNS Records”</i> on <b>My Domains</b> drop-down list.</li>
</ol>
</li>
</ul>
</li>
</ol>
<p>If you finish pointing the DNS, wait until it propagate. The estimated time of DNS to propagate is 1 minute to 72 hours. If it's not propagate within 72 hours, then contact your domain name provider and your web host about this issue. If your website DNS information is being propagated, you are now ready to build your advanced website! Go find some good web software and install it on the web server of your hosting account, or develop your own website..</p></div>Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-36477065083447563382012-09-27T23:27:00.000+08:002013-08-29T15:22:33.155+08:00Text, Object and WYSIWYG Website Builders<div dir="ltr" style="text-align:left;" trbidi="on">
<p>A website builder is a web application that can use to create web pages easily without any manual code editing of any language related to web development technologies. An HTML editor and website design software or web development application is also called as an off-line web builder, that's why there have two kinds of website builders. The first kind is the <strong>online website builders</strong> an online proprietary tool that provided by web hosting companies, and the second is the off-line web builders a software which runs on a computer to create pages off-line and which can then upload and publish these pages on any web host. The online website builders are popularly and often called as a website builder than the HTML editors. Therefore, if someone tells you about web builder, just refer it to the online web builders and not to the HTML editors which has its own title.</p>
<p>Website builders are <i>(too)</i> different from web hosting services, they are online tools for web developers which often provided by web hosting companies. Actually, if a web builder is not yet installed on a web host, it is a software in the beginning which is needed to be installed on a host to be an online tool that can be use for building a website. A software of web builder has an own software developer, but some web hosts developed their own online builder instead of providing the builder that they've not develop. Many web builders have both HTML and object tools. HTML tools are divided into those that have a <strong>text mode</strong> which allow manual text editing of the HTML source code and those that only have a WYSIWYG <i>(what you get is what you see)</i> mode. The <strong>object mode</strong> allow the web developers to manage the objects or gadgets on their site, such as the header's image, title, and slogan, the news on the sidebar, and the content on the footer.</p>
<a name='more'></a><p>Many of the website builders that provided by web hosting companies, on the Internet, have a WYSIWYG mode on their HTML tools, and that mode often has its partner, the text mode that allow the user to edit the HTML source code of the content that the WYSIWYG mode have made. There's also an object mode where you can manage the objects of your site, for example you want to change the logo on the header of your site, you will need to go to the header's object and edit the logo, you can do that because the builder often have an object mode. That mode is also a part of a WYSIWYG web builder, but it doesn't mean that a WYSIWYG mode and an object mode are both the same. Most object modes of web builders have a <strong>drag and drop interface</strong> where you can add, remove, and edit gadgets, and rearrange these gadgets on your site by just a <i>“click and drag”</i>. <strong>WYSIWYG website builders</strong> are online tools with a sure WYSIWYG mode on HTML tools for creating web pages, and because that builder specify a kind of builders, means that there's a website builder without a WYSIWYG mode.</p>
<p>Some web hosting providers with a site builder introduce their features as easy <strong>website building tools</strong> with a drag and drop interface which is easy-to-use that can build a website in just minutes. Just remember that a website builder is different from web hosting service, and it is often refer to online website builders than to the off-line web builders which has their own title, that called HTML editors.</p></div>Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-60262410069928067812013-07-21T17:49:00.000+08:002013-07-21T19:35:19.397+08:00How to Install and to Update an IDE for Web?<div dir="ltr" style="text-align: left;" trbidi="on">
<p>Why should a web developer write code using an integrated development environment <em>(IDE)</em> for web development? Simply because of its tools and features such as intelli-sense, short for <em>“intelligent sense”</em>, which attempts to speed up the process of coding web applications by reduction in misunderstandings, typos and other mistakes that programmers commonly make.</p>
<h3>Installing an IDE</h3>
<p>Here, you will see the instructions for installing an integrated development environment, and the specific IDE that we'll going to install as our example is a freeware, <strong>Microsoft Visual Studio Express 2012 for Web</strong>. You can install <i>“Visual Studio Express 2012 for Web - English”</i> at <a href="http://www.microsoft.com/web/gallery/install.aspx?appid=VWD11AzurePack" target="_blank">Windows Web App Gallery - Install an App</a>.</p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcqSnakHxJcT82OBDvgLjkXHNm3UP9fLo8IpQVj5xa1AuDKxxP95pDyqHz7xaZMkyGq1jwxNdmfWXZWtmRTE9Bo1WfYpm0n6hNgatRvb6jt0NRxFLJR6pgigCwet1M2_xF3dAbhBfuIyE3/s1600/VWD11AzurePack_fail.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcqSnakHxJcT82OBDvgLjkXHNm3UP9fLo8IpQVj5xa1AuDKxxP95pDyqHz7xaZMkyGq1jwxNdmfWXZWtmRTE9Bo1WfYpm0n6hNgatRvb6jt0NRxFLJR6pgigCwet1M2_xF3dAbhBfuIyE3/s400/VWD11AzurePack_fail.png" alt="Web Platform Installer 4.5 Fail to Install Visual Studio Express 2012 for Web - English" /></a></div>
<p>Keep note, some people are reporting that the <strong>Microsoft Web Platform Installer</strong> <em>(WPI)</em> is broken. Mostly if you'll going to install Visual Studio Express 2012 for Web on the computer which was allowed its other user to log in automatically after starting it without entering user name and password, because installing this VS Express will require to reboot your computer, therefore, after restarting, you'll be logged with a different user. Or if you didn't leave the <i>“Windows Web App Gallery - Install an App”</i> page open until the WPI starts. Now, if it fail with such details that's shown on the image above, please follow these steps:</p>
<ol>
<li>Internet connection required! Download <i>“Microsoft Visual Studio Express 2012 for Web”</i> from <a href="http://www.microsoft.com/en-us/download/details.aspx?id=30669" target="_blank">Download Microsoft Visual Studio Express 2012 for Web from Official Microsoft Download Center</a>.</li>
<a name='more'></a> <li>You will be downloaded a setup program which named <em>"vns_full.exe"</em> if the language that you've chosen is English. You can also use this program after installing Visual Studio Express to <em>"Repair"</em> and to <em>"Uninstall"</em> it.</li>
<li>Find and <em>"Open"</em> this new downloaded setup, and <em>"Run"</em> it.</li>
<li>Agree to the License' terms and conditions of <i>“VS Express for Web”</i>, and <em>"INSTALL"</em> the software.</li>
<li>Press <em>"Yes"</em> if your computer system ask you such <q>Do you want to allow the following program to make changes to this computer?</q></li>
<li>And wait until all the specified components have been acquired and applied on your computer. The estimated time of installing in broadband connection is 3 hours. It depends on your Internet connection.</li>
<li>Reboot <em>(or restart)</em> your computer if the install process require to restart it.</li>
<li>And after restarting, keep waiting if the installation is still in process.</li>
<li>After acquiring and applying, the setup would become <q>Setup Successful!</q> You can now <em>"LAUNCH"</em> your integrated development environment.</li>
</ol><br />
<h3>Updating an IDE</h3>
<p>These instructions below will guide us how to install a <i>“Visual Studio 2012 Update”</i> to VS Express for Web, that would give us a basic understanding how to update an integrated development environment:</p>
<ol>
<li>Internet required.. Download the latest Visual Studio 2012 Update on the <b>Additional software</b> section of <a href="http://www.microsoft.com/visualstudio/eng/downloads#d-visual-studio-2012-update" target="_blank">Download _ Microsoft Visual Studio 2012</a>.</li>
<li>You will be downloaded the update setup program that can also <em>"Repair"</em> and <em>"Uninstall"</em> the update if it's already installed.</li>
<li><em>"Open"</em> this newly downloaded setup program and <em>"Run"</em> it.</li>
<li>Agree to the License' terms and conditions, and click on <em>"INSTALL"</em>.</li>
<li>If your PC warns you such like if <q>Do you want to allow the following program to make changes to this computer?</q> Just allow it by pressing <em>"Yes"</em>.</li>
<li>The setup is now installing the software components. The estimated time of acquiring these is 33 minutes and of applying is 35 minutes, by using broadband connection.</li>
<li>Reboot your computer when the update setup require to restart it.</li>
<li>And if the setup is still in process after restarting, just keep patience until its end.</li>
<li>If all the specified components have been installed successfully, you can now <em>"LAUNCH"</em> the new updated IDE.</li>
</ol></div>Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-12338907204461471922013-07-19T17:25:00.001+08:002013-07-19T18:03:25.401+08:00Types of Web Development Applications<div dir="ltr" style="text-align: left;" trbidi="on">
<p>There are types of software applications for web development that's used by web developers or even web designers for developing or designing websites. Many of those types with their so-called classes, are listed below.</p>
<h3>Text Editors:</h3>
<p>Some text editors are simple, while others offer broad and complex functions that's used for writing source code and programming.</p>
<ul>
<li>A <b>text editor</b> is a type of program used for editing text files. Some regular text editors such as <strong>Windows Notepad</strong> <em>(software)</em> can save as HTML and Cascading Style Sheet <em>(CSS)</em> documents simply by using file extensions such as <em>".html"</em>, <em>".htm"</em> and <em>".css"</em>. There are also text editors designed for use from a command line interface <em>(CLI)</em> and in a graphical user interface <em>(GUI)</em> such as <strong>Vim</strong>.</li>
<li>A <b>source code editor</b> such as <strong>Sublime Text</strong>, is a text editor program designed specifically for editing source code of computer programs by programmers, and can able to edit any code, whether it's CSS document or PHP file unlike some HTML editors. There are programmers that likes to use this kind of text editor and not to use an integrated development environment for a reason.</li>
</ul><br />
<h3>HTML Editors:</h3>
<p>There are various forms of HTML editors such as text, object and WYSIWYG editors. For more information about HTML editors, please visit <a href="http://developingsites.blogspot.com/2012/09/the-text-object-and-wysiwyg-html-editors.html" target="_blank">The <em>“Text, Object and WYSIWYG”</em> HTML Editors</a>.</p>
<ul>
<li><b>Text editor</b> is one of the types of HTML editors as it can act like a basic HTML editor that can able to edit HTML documents, mostly if it can save files with file extensions such as <em>".html"</em> and <em>".htm"</em>.</li>
<li>An <b>HTML</b> <em>(hyper-text markup language)</em> <b>editor</b> is a web design program for creating web pages. Some HTML editors couldn't edit the file other than HTML document that end in <em>".htm"</em> or <em>".html"</em> and designed not for program's source code but for writing HTML code.</li>
<li><b>Object editors</b> are web page-creation tools that functions like <strong>Blogger</strong> <i>Layout</i> object editor. You couldn't see on the interface what you get but you'll see the objects of your website, that can be drag and drop in order to rearrange their positions or orders.</li>
<li><b>WYSIWYG</b> <em>(what you see is what you get)</em> <b>HTML editors</b> provides an editing interface which resembles how the web page will be displayed in a web browser. Despite of their nice interface, they could only build static websites, in contrast to dynamic sites.</li>
<a name='more'></a> <li>A <b>WYSIWYM</b> <em>(what you see is what you mean)</em> <b>editor</b> is an alternative paradigm to WYSIWYG editor. Instead of displaying the format and presentation of the web page, WYSIWYM preserves the intended meaning of each element, such as headings, sections, and paragraphs. These meanings are labeled as such in the editing program.</li>
</ul><br />
<h3>Specialized Editors:</h3>
<p>These are the other types of specialized software applications that are not listed above.</p>
<ul>
<li><b>Website builders</b> are tools that allow the construction of websites without manual code editing. Their interface and functions are like a WYSIWYG editor, but most of them couldn't create web pages with an external style sheet. Some on-line WYSIWYG HTML editors are called <i>“website builders”</i>.</li>
<li>An <b>integrated development environment</b> <em>(IDE)</em> for web development is a software that provides comprehensive facilities to web developers, such as <strong>Visual Studio Express for Web</strong> which is now the best free alternative to <strong>Microsoft FrontPage</strong> and <strong>Expression Web</strong>. It's a set of web development tools that save time, normally consists of a source code editor and build automation tools. That's why there's a software engineer that said, <q>If you just want to make a sandwich <i>(referring for a website)</i> you don't need the entire supermarket <i>(referring the tools of an IDE)</i>.</q></li>
</ul><br />
<h3>Other Tools:</h3>
<p>These are the different types of software programs that can produce an item which can then be use on a website, such as graphics, rich Internet applications and videos.</p>
<ul>
<li>Some <b>raster graphics editors</b> that allows users to paint and edit pictures interactively on the computer screen, can also used to create a web layout and save it as HTML files by using file extensions such as <em>".html"</em>. Yet, they're still useful for making graphics such as logos, icons and thumbnails of a website.</li>
<li><b>Multimedia authoring tools</b> are used to create content for a media player, such as multimedia, executing rich Internet applications <em>(RIAs)</em>, and streaming video and audio.</li>
<li>A <b>3D computer graphics software</b> such as <strong>Blender</strong> <em>(software)</em> can be used for creating animated films and 3D computer-generated imagery.</li>
</ul></div>Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com1tag:blogger.com,1999:blog-1515003588728362527.post-13961959762068203532013-07-09T14:20:00.001+08:002013-07-19T15:58:49.217+08:00Creating a Relational Database on C-Panel<div dir="ltr" style="text-align: left;" trbidi="on">
<p>There are many kinds of relational databases, such a MySQL database of <strong>MySQL</strong> a relational database management system <em>(RDBMS)</em> and a PostgreSQL database of <strong>PostgreSQL</strong> an object-relational database <em>(ORD)</em>.</p>
<h3>Creating a MySQL Database</h3>
Some web hosting control panels have a <em>MySQL Database Wizard</em> application that will guide you step by step on the creation of a MySQL database. Here are the steps to create and manage a MySQL database through this wizard app. for <strong>cPanel</strong> user. In the <b>Home</b> of your control panel:<br />
<iframe class="center" width="450px" height="323px" scrolling="no" src="https://www.cpanel.net/media/tutorials/mysqlwizard_lo.htm" marginwidth="0" marginheight="0" frameborder="0"></iframe><br />
This is a guide to creating and modifying MySQL database<em>(s)</em> in cPanel, through the <em>“MySQL® Databases”</em> application:<br />
<iframe class="center" width="450px" height="343px" scrolling="no" src="https://www.cpanel.net/media/tutorials/addmysql_lo.htm" marginwidth="0" marginheight="0" frameborder="0"></iframe><br />
<a name='more'></a>These are the seven steps to create a MySQL database and user manually on the web hosting control panels other than cPanel:
<ol>
<li>In the <b>Home</b> of your control panel, on the <b>Databases</b>, <b>Software / Services</b> or <b>Website Manager</b> <em>(heading)</em> section, click on <em>“MySQL Databases”</em>, <em>"MySQL"</em> or <em>“MySQL Manager”</em>.</li>
<li>Fill the <em>MySQL Database Name</em> field. There are free web hosting accounts that their MySQL Database Name and MySQL Database Username are merged in one which titled as <em>MySQL Database Name/Username</em>. If your hosting account have the same MySQL Database Name and Username, fill that field and jump to the <b>Step 4</b>.</li>
<li>Fill the MySQL <em>Username</em> field. <i>(Database have a user, and can have more than one user, each with their own specific privileges.)</i></li>
<li>Fill the <em>Password</em> <i>(for MySQL user)</i> field. If your hosting account have merged <em>MySQL Database Name/Username</em>, fill the <em>Database Password</em> field.</li>
<li>Enter <em>Password</em> again to Confirm Password. <i>(Almost all such password field for registering have a password verification field which will required to enter your password again therein.)</i></li>
<li>Then click to the <em>“Create Database”</em> button.</li>
<li>Now your MySQL database and its user as you, are now created!</li>
</ol>
<h3>Creating a PostgreSQL Database</h3>
There are web hosting control panels that have another wizard application to creating and managing PostgreSQL database, which called <em>PostgreSQL Database Wizard</em>. And actually, there are similarities of creating PostgreSQL database through this wizard app. and creating MySQL database through <em>MySQL Database Wizard</em>. So, you could use the guide of the step by step wizard to create and manage MySQL database<em>(s)</em> as the steps to create a PostgreSQL database in cPanel through <em>“PostgreSQL Database Wizard”</em>.
<p>You can also use the guide above for creating and modifying MySQL database<em>(s)</em> in cPanel through the <em>“MySQL® Databases”</em> application, as the steps to creating and modifying PostgreSQL database<em>(s)</em> in cPanel through <em>“PostgreSQL Databases”</em>. Even the seven steps above to create a MySQL database manually on the control panels other than cPanel, can be use as the steps for manually creating a PostgreSQL database on the other web hosts.</p></div>Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-88041979419614406122013-07-14T20:57:00.000+08:002013-07-19T15:54:04.119+08:00How to Change File Permissions or CHMOD?<div dir="ltr" style="text-align: left;" trbidi="on">
<p><b>CHMOD</b> and <b>Change File Permissions</b> are used to change the access of a file to file system objects including files and directories. The name CHMOD stands for or is an abbreviation of <i>change mode</i>. Here is a great video for learning how to change file permissions or to CHMOD a file:</p>
<iframe class="center" width="560" height="315" src="//www.youtube.com/embed/mbwjUWrNbTI?rel=0" frameborder="0" allowfullscreen></iframe>
<a name='more'></a><p>If you didn't know how to connect an FTP client such open source software <strong>FileZilla Client</strong>, to the FTP server of your web hosting account, then you should try to visit <a href="http://developingsites.blogspot.com/2013/07/connecting-to-ftp-server-with-ftp-client.html" target="_blank">Connecting to the Remote Server of Your Hosting Account Using an FTP Client</a>.</p></div>Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-48772575462732064642013-07-16T16:46:00.000+08:002013-07-16T18:09:33.161+08:00How to Install a Software on Your Website?<div dir="ltr" style="text-align: left;" trbidi="on">
<p>There are ways for installing a software such Content Management System <em>(CMS)</em>, on the server of your web hosting account. If you have no idea what a software is, please take a look at the <a href="http://developingsites.blogspot.com/2012/12/types-of-web-hosts-and-website-software.html" target="_blank">Types of Web Hosts and Website Software</a>.</p>
<h3>Manual Installation:</h3>
The list below will give you an understanding how to manually install a software, considering that the software that we'll trying to install is an open source CMS called <strong>Pligg</strong> <i>(specifically Version 1.2.2)</i>, which replicates some of <strong>Digg</strong>'s features and back-end:
<ul>
<li>Your domain name on a <a href="http://developingsites.blogspot.com/2012/09/a-domain-name-registrar-and-registration.html" target="_blank">Domain Name Registrar or Registration Service</a> must be prepared.</li>
<li>Check the required web hosting features of the software that you'll going to use. Most requirements are written on the software's official site. In fact, the <q>Requirements to Run Pligg</q> are written at <a href="http://pligg.com/download/" target="_blank">Download Pligg Content Management System _ Pligg CMS</a>. And follow the right one among these following actions depend on your situation what you have done first:
<table class="tworows">
<tr>
<td>Find a web hosting service that's fully supports the requirements, and <a href="http://developingsites.blogspot.com/2012/09/how-to-point-domain-to-dns-of-web-host.html" target="_blank">point your domain name to the DNS your of web host</a>.</td>
<td>If you already have a web host, your account must supports the requirements. Or upgrade your plan or find another web host if it's not supported.</td>
</tr>
</table>
</li>
<li>Download the latest version of the software that you've wanted. For example, the latest Pligg from <a href="http://pligg.com/download/" target="_blank">Download Pligg Content Management System _ Pligg CMS</a>. The estimated time of downloading it is just 1 minute. Some site required you to register an account first before they allow you to download their product.</li>
<li>Unzip the downloaded package if it's zipped by following the guide <a href="http://developingsites.blogspot.com/2013/07/what-is-zip-file-and-how-to-extract-it.html" target="_blank">How to Extract a .ZIP file</a>. Some online installing instructions have a step to unzip their package.</li>
<li>And read the <b>ReadMe</b> document which is often named as <em>readme.html</em> on the down one folder of the extracted folder, where the software components such <em>index.php</em> is located. Other software package have a top text document such <em>“Pligg README.txt”</em> for Pligg, on the folder of the extracted package, that will tell you where to find the <b>ReadMe</b> document.</li>
<li>In the <b>Installation</b> section of <em>“Pligg CMS 1.2.2/pligg/readme.html”</em>, you will be instructed to do such kind of things:
<ol>
<li>Create a MySQL database. If you are unfamiliar with how to create a MySQL database, please... <i>(visit <a href="http://developingsites.blogspot.com/2013/07/creating-relational-database-on-c-panel.html" target="_blank">Creating and Managing a Relational Database on Web Hosting Control Panel</a>.)</i></li>
<li>Rename the <em>/languages/lang_english.conf.default</em> file to <em>"lang_english.conf"</em>. Same instructions apply to any other <em>lang_<b>LANGUAGE</b>.conf.default</em> file that you might use that are located in the <em>/languages</em> directory. <i><span style="font-size: x-small;">(The software components in <em>“\Pligg CMS 1.2.2”</em> are located at <em>\pligg</em> directory. If renaming an extension warns you by your system with a new window <em>Rename</em>, <q>If you change a file name extension, the file might become unusable. Are you sure you want to change it?</q> Just allow it every time it appear by pressing <em>"Yes"</em>.)</span></i></li>
<li>Rename the file <em>approvedips.txt.default</em> to <em>"approvedips.txt"</em>.</li>
<li>Rename the file <em>bannedips.txt.default</em> to <em>"bannedips.txt"</em>.</li>
<li>Rename the file <em>settings.php.default</em> to <em>"settings.php"</em>.</li>
<li>Rename the file <em>local-antispam.txt.default</em> to <em>"local-antispam.txt"</em>.</li>
<li>Rename the <em>/libs/dbconnect.php.default</em> file to <em>"dbconnect.php"</em>.</li>
<li>Now upload the component files of the software to your web hosting server. <i>(The best way to upload a huge amount of files is through an FTP client. Please visit <a href="http://developingsites.blogspot.com/2013/07/uploading-files-to-server-via-ftp-client.html" target="_blank">Uploading Files with an FTP Client</a>.)</i></li>
<a name='more'></a> <li><i>CHMOD</i> 755 the following directories and files. And if you experience any errors, try 777. <i>(<a href="http://developingsites.blogspot.com/2013/07/how-to-change-file-permissions-or-chmod.html" target="_blank">Click here for <em>CHMOD</em> or <em>“Change File Permissions”</em> guidelines</a>.)</i>
<ul>
<li><em>/admin/backup/</em></li>
<li><em>/avatars/groups_uploaded/</em></li>
<li><em>/avatars/user_uploaded/</em></li>
<li><em>/cache/</em></li>
<li><em>/cache/admin_c/</em></li>
<li><em>/cache/templates_c/</em></li>
<li><em>/languages/</em> <span style="font-size: x-small;">And all of the files contained in this folder should be <i>CHMOD</i> 777</span></li>
<li><em>approvedips.txt</em></li>
<li><em>bannedips.txt</em></li>
<li><em>local-antispam.txt</em></li>
</ul>
</li>
<li><i>CHMOD</i> 666 the following files.
<ul>
<li><em>/libs/dbconnect.php</em></li>
<li><em>settings.php</em></li>
</ul>
</li>
<li>Go to <em>/install/index.php</em> in your web browser. If you're redirecting to <em>readme.html</em>, click on the <em>"Install"</em> link at the top of the online <b>ReadMe</b> page.
<ul>
<li>Select a language from the list. <i><span style="font-size: x-small;">(After this, you'll be on the <b>Step 1</b> page with an installing instructions again, you can review them if they're all done and click <em>"Next"</em>.)</span></i></li>
<li><i><span style="font-size: x-small;">(This is in <b>Step 2</b>,)</span></i> Fill out your <em>Database Name</em>, <em>Database Username</em>, <em>Database Password</em>, <em>Database Server</em> and your desired <em>Table Prefix</em>. And click on <em>“Check Settings”</em>. <i><span style="font-size: x-small;">(After that, is the checking <b>Step 3</b>, and if <q>There were no errors, continue onto the next step...</q> by clicking <em>"Next"</em>.)</span></i></li>
<li><i><span style="font-size: x-small;">(In <b>Step 4</b>,)</span></i> After <q>Tables were created successfully!</q>, create an admin account.</li>
</ul>
</li>
<li><i><span style="font-size: x-small;">(In <b>Step 5</b>,)</span></i> Delete your <em>/install</em> directory from your server if you've successfully installed Pligg.</li>
<li><i>CHMOD</i> the <em>/libs/dbconnect.php</em> file back to 644.</li>
<li>Go to the online <em>/index.php</em> page.</li>
<li>Log in to the admin account using the credentials generated during the install process.</li>
<li>Go to the admin panel at <em>"/admin/admin_index.php"</em>.</li>
<li>Now configure your Pligg site at <em>/admin/admin_config.php</em> to what you want. Use the Modify <em>"Language"</em> page to change your site's name... <i><span style="font-size: x-small;">(This is the end of the online steps.)</span></i></li>
</ol>
</li>
<li>Then, the software which is Pligg as our example, is now successfully installed on your website! You just need to configure and edit it on what you wish..</li>
</ul>
Did you see, we follow the installation that the software have given to us. So, the <b>ReadMe</b> document such <em>readme.html</em> is important on every software package that you might need to find to read as the guides of proper installation of the software that you've wanted to install. But of course, there are online installation guides, and some instant <b>Installing</b> instructions after you uploaded the software contents to your server.
<p><h3>Installation with an Auto Installer:</h3>
And the easiest way to install a software for website, is by using an instant/auto installer, which helps users to install a software in minutes with just a few clicks. Their user can install a software, available on their script library, without having to download, to change and to upload any files. So, if your web hosting account has an auto installer <em>(application)</em>, such <strong>Softaculous</strong> and <strong>Fantastico</strong>, you can use it to make the installation easy and fast! You can upgrade your hosting plan or find a different web hosting service if they doesn't have an instant installer.</p></div>
Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-56682637887985674642013-07-14T17:35:00.000+08:002013-07-14T18:19:03.891+08:00Uploading Files to a Server via an FTP Client<div dir="ltr" style="text-align: left;" trbidi="on">
This is the guideline to upload contents from your computer to the server of your web hosting account with an FTP client. The specific FTP client that I'll going to use is <strong>FileZilla Client</strong> <em>(3.7.1)</em>, and the specific files that I'm going to transfer are all the files in the <em>"pligg"</em> folder of the unzipped package of <strong>Pligg CMS 1.2.2</strong> as our example:
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf4bLZ4p39OHncJqtO9xuYDMyDr3I0NvkAxCJBf0LGmjuHahpa4d3v0WMsMDM6mv4pkidLSshpg5I89kpaX9Oxy8pNhAWjRSn6mpC2klZ-G7slP21jM88aLUgxMlfVcwYUrRGtXhcr72id/s1600/uploading_with_filezilla.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf4bLZ4p39OHncJqtO9xuYDMyDr3I0NvkAxCJBf0LGmjuHahpa4d3v0WMsMDM6mv4pkidLSshpg5I89kpaX9Oxy8pNhAWjRSn6mpC2klZ-G7slP21jM88aLUgxMlfVcwYUrRGtXhcr72id/s555/uploading_with_filezilla.png" alt="Step and option elements of FileZilla's window layout for uploading" /></a></div>
<ul>
<li>First, you need to connect your FTP client to the FTP server of your web hosting account by <a href="http://developingsites.blogspot.com/2013/07/connecting-to-ftp-server-with-ftp-client.html" target="_blank">these instructions</a>.</li>
<li>And do the specific action below depend on the connection option that you've been chosen, when <q>Status: Directory listing successful</q> be shown on the <i>message log</i>, mostly in FileZilla Client:
<table class="tworows">
<tr>
<td>When the Manual Settings or the details of your FTP user that you've been chosen have the exact path of the Document Root of your domain, just make sure the <em>“Remote site:”</em> <b>(1)</b> of the <i>remote pane</i> <b>(1 & A)</b> is just as single <em>"/"</em> slash.</td>
<td>But when the Manual Settings or the FTP details have the Path of the parent folder of your domain's document root, you need to browse and set the current address of the <em>“Remote site:”</em> <b>(1)</b> which is <em>"/"</em> in default, to the folder of your domain, for example as <em>"/example.com"</em>.</td>
</tr>
</table>
Just be patient and wait the FTP client <em>(software)</em> while it's directory listing every time you select a new different <em>“Remote site:”</em> <b>(1)</b>.</li>
<li>And browse the <em>Local site:</em> <b>(2)</b> of the <i>local pane</i> <b>(2 to 3)</b> and set it to the address of the folder containing all the files that you're going to upload, which in this case on my computer is: <em>C:\Users\NAME\Downloads\Pligg CMS 1.2.2\pligg</em><br />
<sub>(Note: You can do this step first before connecting to a server for avoiding <q>Error: Connection closed by server</q>.)</sub></li>
<a name='more'></a> <li>Now select all the contents that you're going to transfer, in the local folder's files <b>(3)</b> of the <i>local pane</i> <b>(2 to 3)</b> below the <em>“Local site:”</em> section <b>(2)</b>, by left clicking on any file followed by <i>“Ctrl + A”</i> to select them all <i>(if you'll upload all the contents therein)</i>, and right click on any selected content and choose <em>"Upload"</em> <b>(3)</b>.</li>
<li>If <q>Error: Connection closed by server</q>, your FTP client will attempt to establish a new connection. The estimated time of uploading 69 files and 12 directories in the total size of 4,680,668 bytes, is between 21 to 27 minutes. Just wait until all the queued files successfully transferred.
<ul>
<li>If the <i>“Target file already exists”</i>, you can choose the <q>Overwrite if different size or source newer</q> radio button. You can also check for the <q>Always use this action</q> box and its child boxes if you want, and then click <em>"OK"</em>.</li>
<li>You can also pause the transferring by unchecking the <em>“Process queue”</em> item a.k.a. <q>Toggles processing of the transfer queue</q>, canceling the current operation by pressing the <em>"Cancel"</em> <em>(current operation)</em> item and more actions on the <i>toolbar</i> at the top of the layout.</li>
</ul>
</li>
<li>When there's no failed transfer nor queued file on the <i>transfer queue</i> <b>(4)</b>, you have successfully transferred all the stuffs that you have been queued to upload.
<ul>
<li>If there's a failed transfers on the <i>transfer queue</i> <b>(4)</b>, left click on the <em>“Failed transfers”</em> and right click on any failed transfer and <em>“Reset and requeue...”</em> all the failed transfers for your server. And then right click to any queued file and click <em>“Process Queue”</em>.</li>
<li>But if the <i>message log</i> displays such <q>Response: 550 spellChecker.js.gz: Forbidden filename</q>, your web hosting account didn't allow to upload such kind of filename with that file extension. If the file that you couldn't upload is not used by the system of a specific software in default though, then you shouldn't have a problem using that software without this file. But I would recommend to find a web host or make your hosting account allowed you to upload such kind of file for avoiding some bug in the future.</li>
<li>If you're willing to delete the files that you've already transferred, just select those files on the remote folder's files <b>(A)</b> of the <i>remote pane</i> <b>(1 & A)</b> and right click on any selected file, then choose <em>"Delete"</em>. And wait until they're all deleted.</li>
</ul>
</li>
</ul>
<p>And that's it! Now you know how to upload contents from your PC to the FTP server of your web hosting account using an FTP client.</p></div>
Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-4459805047452992962013-07-14T00:57:00.000+08:002013-07-14T13:15:15.608+08:00Connecting to an FTP Server with an FTP Client<div dir="ltr" style="text-align: left;" trbidi="on">
The first thing to do if you want to use an FTP client <em>(software)</em> is to connect it to the FTP server of your web hosting account. If you don't know what an FTP client is, please visit <a href="http://developingsites.blogspot.com/2013/05/whats-best-way-to-upload-files-to-server.html" target="_blank">What's the Best Way to Upload Files to a Server</a>. Here are the instructions how to connect to an FTP server and the FTP client that I'm using is <strong>FileZilla Client</strong>:
<ul>
<li>Make sure you have an Internet and run a web browser to check the Manual Settings or the details of your FTP account. For <strong>cPanel</strong> user, follow these instructions to find the Manual Settings. But even a different web hosting control panel that's quite similar to cPanel can follow this but maybe with a different action as just example:
<ol>
<li>Go to and login to your cPanel.</li>
<li>Click on <em>“FTP Accounts”</em> which is located in the <b>Files</b> <em>(heading)</em> section.</li>
<li>There may configurations that you can use for your FTP client and these are the better two:
<table class="tworows">
<tr>
<td>In the <b>FTP Accounts</b> section, look for the row with the exact <b>PATH</b> of the Document Root of your Addon Domain or Subdomain and click the <em>“Configure FTP Client”</em> action on that row. And if there's no exact FTP Path, you can just <b>Add FTP Account</b> with the Directory of your domain's root and <em>“Configure...”</em> that new FTP account.</td>
<td>Or in the <b>Special FTP Accounts</b> section, you can seek the row with the <b>PATH</b> of the parent directory of the Document Root of your domain. For example if your domain's root is <em>"/home/USER/public_html"</em>, the parent of that root is <em>"/home/USER"</em>. And after that, click the <em>“Configure FTP Client”</em> action on that row.</td>
</tr>
</table>
</li>
<li>These are the two specific results for those 2 specific actions on the previous step:
<table class="tworows">
<tr>
<td>And now, you will see the Manual Settings with the path of your domain or subdomain name for your FTP client.</td>
<td>The Manual Settings that you'll see in the second configuration have a PATH of the parent folder of your domain's document root.</td>
</tr>
</table>
</li>
</ol>
Here is another way to find the details of your FTP user for other kind of control panel, or if this isn't the exact way to find those details in your c-panel, just use a logic, at least to get some tips:
<ol>
<li>Go to and login to your web hosting control panel.</li>
<li>If you didn't redirect to the <b>Home</b> of your control panel but to the other page such <b>Special Offers</b> after logging in your web hosting account, just find a way to the control panel's home, you can try to click on <em>"Home"</em>.</li>
<li>In the <b>Website Manager</b> <em>(heading)</em> section of the <b>Home</b> of your c-panel, click on <em>“FTP Manager”</em>.</li>
<li>Then find a compatible user on the <em>FTP users in your account</em> for your domain or subdomain:
<a name='more'></a> <table class="tworows">
<tr>
<td>Check the details of the row with the exact <b>FTP Path</b> as the Path of your Domain Name or Subdomain Name. If there's no exact path, you can first <em>“Create FTP Account”</em> with the FTP Path as your domain's path, then check the row of that new FTP account.</td>
<td>Or check the details of the row with the <b>FTP Path</b> of the folder that contains the folder with the Path of your Domain Name or Subdomain Name. For example if your domain's path is <em>"/home/www/example.com"</em>, the FTP Path that contains the folder with your domain's path is <em>"/home/www"</em>.</td>
</tr>
</table>
</li>
</ol>
And don't close this web browser with the specific web page 'cause it will guide you on the next steps.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaOCbIuHop8i24GWBnr5ACagaulQDPvk2VI-esIeiGvbyN1YW8C0IDwmWl3OaSVtPC9q16TB7JXR-nsDeW-rZ_Viwq6JTlRh7YIw-zcNyb3tQQmINAtQyJrOs1nznb9pPB3wFFctAwRB47/s1600/connecting_filezilla.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaOCbIuHop8i24GWBnr5ACagaulQDPvk2VI-esIeiGvbyN1YW8C0IDwmWl3OaSVtPC9q16TB7JXR-nsDeW-rZ_Viwq6JTlRh7YIw-zcNyb3tQQmINAtQyJrOs1nznb9pPB3wFFctAwRB47/s555/connecting_filezilla.png" alt="Connecting FileZilla Client to an FTP Server" /></a></div>
<ul>
<li>Open another program FTP client, which in this tutorial is FileZilla Client. Just make sure that there's no other thing on the front of the application interface such welcome note, you can just do a specific action to remove it. If you don't have an FTP client yet, here are the <a href="http://developingsites.blogspot.com/2013/05/9-steps-to-install-ftp-client-on-windows.html" target="_blank">9 Steps to Install an FTP Client on Windows</a>.</li>
<li>Next, do the following on the <i>quick connect bar</i> <b>(1 to 4)</b> of your FTP client <em>(software)</em> to connect it on your hosting server with the help of the Manual Settings or the details of your FTP account:
<ol>
<li>Write your <em>FTP Server</em> or FTP hostname in the <em>Host</em> field <b>(1)</b>.</li>
<li>Write your <em>FTP Username</em> in the <em>Username</em> field <b>(2)</b>.</li>
<li>Write your secret password of that FTP Account in the <em>Password</em> field <b>(3)</b>.</li>
<li>You may leave the <em>Port</em> field <b>(A)</b> empty unless your Manual Settings or FTP account's details specifies a certain <em>FTP Server Port</em> to use.</li>
</ol>
And then, click on <em>"Quickconnect"</em> <b>(4)</b> to start connecting your FTP client.</li>
<li>Your FTP client is now connecting to your web hosting server. And when the <i>message log</i> <b>(5)</b> displays a message such <q>Response: 530 Login incorrect.</q>, the incorrect detail that you've inputted maybe the password. You can change some Manual Settings or FTP details on the <b>FTP Accounts</b> or <b>FTP Manager</b> in your control panel. And when the <i>message log</i> <b>(5)</b> displays such <q>Status: Directory listing successful</q>, your FTP client is successfully connected.</li>
</ul>
<p>In FileZilla, once you've been connected to your FTP server, when you open the FTP client again, there is the connection history that will appear after clicking the <em>“down arrow”</em> button on the side of the <em>"Quickconnect"</em> button <b>(4)</b>. It can be use to connect to the history, just click on <em>“down arrow”</em> <b>(4)</b> and click on <em>[your username]</em>@<em>[your host]</em> to connect to your server without typing some details of your FTP account again.</p></div>
Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-21858057585301371932012-09-11T15:47:00.010+08:002013-07-09T15:00:10.298+08:00How to Point a Domain to the DNS of a Web Host?<div dir="ltr" style="text-align:left;" trbidi="on">
<p>If you have a domain name and a web hosting provider, and want to know how to configure the Domain Name Server which is abbreviated as DNS. This tutorial will teach you how to do that work, which is easy for an experienced web developer but a hard for a beginner. You should point your domain to the DNS of your web hosting account to have your domain working with your web hosting system. First of all, after registering your web host account with your domain name, has you ever see a name server which abbreviated as NS and an IP address or A record? A web host will surly give you such details after the registration of your domain name. However, if you did not see them, go to the <b>"Domain Manager"</b> on the <b>"Control Panel"</b> of your web hosting provider. The <strong>domain manager</strong> helps you administer the domain names in your web hosting account. You can add new domain names there to host them in your web host, or delete existing ones if you don't need them anymore, and all of the DNS resources of your web hosting account are all listed there, including the NS, A record, and mail exchanger record also known as MX record. Now, if you still didn't see what you are looking for? Try to find the DNS by yourself in your web host account or in their Frequently Asked Question<i>(s)</i> which is also known as FAQ. But if you still didn't find it, you can contact their support about their NS and A records for your domain. There are two ways to host your domain name with your web hosting provider. The easy way is to run the name server of your web host, just go to the <b>"Domain Settings"</b> of your domain in your domain name provider, use the <b>"Custom DNS"</b> and point the NS records to the NS of your web hosting account! A <strong>DNS name server</strong> on a web host are often with primary which looks like <i>ns1.webhost.com</i> and with secondary like <i>ns2.webhost.com</i> and some web hosts has more than two NS, it is a server that stores the DNS records for a domain name, such as A records and MX records. After that, it usually takes 24 to 48 hours defend on your domain name provider before the propagation be complete. The domain manager of your web host will tell if the DNS is still not propagated or if your domain is properly configured to work with their system! If it's now working, your web host will have a full control to your domain name.</p><a name='more'></a>
<p>The hard way is to use the domain name server service manually but it is so useful and more advanced, because you can host your website with another full-featured hosting such as web host, application-specific web hosting such as blog software, and web application such Google Apps including Gmail. To use that service, just go to the <b>"Domain Settings"</b> of your domain name, use the <b>"DNS Service"</b> and point the A record with the hostname of your <i>domain.com</i> to the IP address or A record which is looks like <i>00.111.22.333</i> of your hosting account. In the mean time you can also designate your <i>www.domain.com</i> and <i>sub.domain.com</i> to go to a separate IP address of any host. An <strong>A record</strong> is used to point Internet traffic to an IP address. After that, wait until it works but if you still waiting over than 48 hours, you should better check the configuration that you've made. And if it works, your domain name and/or subdomain that you've pointed will now in control by the account<i>(s)</i> of the host<i>(s)</i> who own the IP address<i>(es)</i> where you've pointed your domain name and/or subdomain. If you also want to receive your e-mails from the mail server of your web host, you can also specify that through the MX record when you set up the mail server of your web hosting provider, only if they have that feature! A <strong>MX record</strong> is a type of resource record that specifying how e-mail should be routed with the Simple Mail Transfer Protocol. For example in your domain name's <b>"Domain Settings"</b>, create a field with a type of MX record and point it to the MX which is looks like <i>mail.webhost.com</i> and to the priority if it has, that your hosting account have given to you. If your host have more than one MX, simply then create more MX record fields. And if your domain name provider doesn't have a MX priority's field, then ignore the MX priority, and if your web host doesn't has it, simply just keep the default value of the MX record's priority. And wait until it works but if it's not done within 48 hours, it maybe have a problem on your configuration or server, you should contact the support of the server that you've using about their MX record. And if it works, you can now use the web mail of your web host and create an e-mail address under your domain name, like <i>mail@domain.com</i> a awesome, custom email address!</p>
</div>Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-4038546148578501582012-09-24T13:49:00.000+08:002013-07-08T15:44:28.003+08:00How to Use a Content Delivery Network (CDN)?<div dir="ltr" style="text-align:left;" trbidi="on"><p>Actually, it is not hard for a web developer which have experienced configuring the domain name server <i>(also known as DNS)</i> settings of their domain name on their registration service or registrar. If you only knew how to configure the DNS settings and how it works, you will have no problem using CDN, unless if the network itself have a problem, because it's really quite easy. But there are many different ways how to use this technology with your website and this is the instruction how to point your DNS to your content delivery server. Configuring your DNS name server is the often way to makes the CDN that you've chosen connected with your website. If you wanna try to use a CDN even thought you doesn't have a site, then forget about it because there's no chance of it. CDN has build to improved the performance of a site and weblog of webmasters and bloggers. If it's not possible to configure the DNS settings of your domain name or subdomain, then you have no way to configure your DNS but to contact your domain name or subdomain provider to manually change it.</p><ul><li>First of all, of course you will need to <strong>sign up on the content delivery network</strong> that you have wanted to serve the content of your website. There are many types of this technology, and the two popular are a free CDN and a traditional commercial CDN.</li>
<li>The second is, the content deliver network that you've chosen will show you a link or a text field where you can <strong>add your website</strong>. Remember that the domain name of your site that you've wanted to be with CDN must allowing you to edit its DNS settings.</li>
<li>After adding your website or weblog, your content delivery provider will do <strong>checking the DNS resource records</strong> and/or the configuration of your DNS name server for a second. You should need to wait for a while.</li>
<li>After the automated checking of your DNS resource records, your content delivery provider will now giving you <strong>new DNS records for your website</strong>. You will now need to configured your DNS settings and point them to those new DNS records.</li>
<li>This is that hardest part, by pointing your DNS to your content delivery server. Basically your delivery provider will giving you two <strong>DNS records for your website</strong>, the <i>(IP)</i> <b>A</b>ddress record and the CNAME <i>(or canonical name)</i> record. The A record is look likes <i>000.111.222.333</i> an IP address and the CNAME record is likes <i>cname.of.cdn.com</i> a subdomain that your delivery provider have own. If you have a subdomain, your CDN will gives you a resource record for that subdomain, it can also be the previous CNAME or other than that.</li>
<a name='more'></a>
<li><strong>Configure your DNS settings</strong>, change and point the A record of your naked <i>domainname.com</i> to the new A record <i>(which is look likes 000.111.222.333)</i> that they've given to you, and you also need to point your <i><b>www.</b>domainname.com</i> to their <i>cname.of.cdn.com</i> and then, don't forget to save it! If you have a subdomain, you must also point them with a CNAME record that your CDN have given to you.</li>
<li>And now after the step by step <i>(simple)</i> instruction, <strong>it is now finish</strong> when your content delivery provider have mentioned you that your configuration was successful. Your CDN is now ready to replicate the static content of your website on their server to serve it to your visitors, and their network is now your new DNS name server!</li>
</ul><p>See how to point your domain name server to your content delivery provider? It's so quite easy. But there are other ways to use a content distribution network which is not often used by the other delivery networks.</p><ul><li>If your CDN allowed you to create a subdomain which will be used to deliver your static content, they'll always give you a CNAME record for that subdomain where to point of. The best subdomain name for your CDN is <i><b>cdn.</b>domain.com</i> and that is the most popular name for a CDN-hosted subdomain.</li>
<li>If the way of your delivery provider for you to use their network is only the installation of a plug-in, then download the plug-in and upload it to the application where it suitable. But of course, you should check the plug-in first if it's authenticated and trusted by the people and not some just a bad stuff that can harm your site.</li>
<li>If ever a CDN requires you to use a rewrite engine, that kind of network is a low tech and they're giving you a lot of work, because you will need to study for it first, <i>(another study,)</i> and manually program your website by yourself.</li>
</ul><p>I hope you've learn how to setup your domain name server to point it to your content delivery server. If you have any question relating to this topic, feel free to drop a comment.</p></div>Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-18746499313483096762012-12-30T21:29:00.000+08:002013-07-08T15:42:53.679+08:00What is a Web Hosting with MySQL Database?<div dir="ltr" style="text-align: left;" trbidi="on"><p>The best standard web hosting services for an expert web programmer are a web host that have featuring relational database management system <i>(RDBMS)</i>, such as MySQL. The SQL phrase stands for <strong>Structured Query Language</strong>, this is a query language <i>(as you can see on its title,)</i> for managing RDBMS, specially used with a programming language. The RDBMS on a web host is a type of a database management system <i>(DBMS)</i> that capable and build to store data, such login and profile information, in tables and to store the relationship among those tables in table<i>(s)</i> also. MySQL <i>(sometimes pronounced as “My Sequel”,)</i> is the world's most used RDBMS for today, that runs as a server providing multiple user access to database<i>(s)</i>.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh81F7UKmbS_Gj5KuBNokC0nvME4SDc4hmk-GkDtyuQ2mVZ0zB0KlN7hIi2oL2TLciQsbsC92UaFcwwF3nNe5U2R1ZZBAf_mtMG7KVyer3TdFs65X__FYgSPtQtSDxuz5Z6cizMVi0QXcjq/s1600/database_members.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="90" width="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh81F7UKmbS_Gj5KuBNokC0nvME4SDc4hmk-GkDtyuQ2mVZ0zB0KlN7hIi2oL2TLciQsbsC92UaFcwwF3nNe5U2R1ZZBAf_mtMG7KVyer3TdFs65X__FYgSPtQtSDxuz5Z6cizMVi0QXcjq/s320/database_members.jpg" alt="Sample of Members of Database" /></a><br />
<small>Sample of Members' Table of Database</small></div><p>Almost all of the web developers who programs such web application, uses a web hosting with <b>MyS</b>e<b>q</b>ue<b>l</b>, as MySQL is the most popular relational database management system. Because without the help of RDBMS, where do program store the users' information on the web application like social networking site? Mostly the sensitive details as username and password. The best way to store those data is to use MySQL as a database of a web application. All website software packages needs to be installed, while web software applications are already installed on application-specific web hosting services, such as blogware also known as blog host and social network hosting service.</p><a name='more'></a><p>But not just that, almost all website software packages also, <i>“such as <strong>phpBB</strong> an Internet forum software package,”</i> has required to be installed into a web hosting server that provides at least one MySQL database. Therefore, if you tried to installed this kind of software even do they required to be installed only into a web host with MySQL database, the installation that you're going to do, will not be completed. You can upload their program for file manager, but you have no way to do what they've required about database. Therefore, the installation will not going to succeed, for their required program or system for database is missing. That's the importance of <strong>relational database management system</strong>! Thus, MySQL database is needed when you want to build a web application, even you don't want to use a web software package.</p></div>Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-91385715824481553512013-05-23T15:27:00.000+08:002013-07-06T14:47:19.463+08:009 Steps to Install an FTP Client on Windows<div dir="ltr" style="text-align: left;" trbidi="on">
In this tutorial you will see the 9 steps to learn how to install an FTP client <em>(software)</em> on your Personal Computer running Windows. The format of our installation guidelines is minimized in the best way to make the steps straight, for your better reading but it's still understandable and effectively working. These are the 9 steps how to install an FTP client on Windows PC. The FTP client program that we will use as the example of our installation is FileZilla Client:
<ul>
<li><b>Step 1:</b> The first thing you would need to do is to download the FileZilla Client at this link: <a href="https://filezilla-project.org/download.php?type=client" target="_blank">FileZilla - Client Download</a> <i>(Internet connection required!)</i></li>
<li><b>Step 2:</b> Open the downloaded setup <em>(program)</em> which named looks like <em>FileZilla_3.6.0.2_win32-setup</em> <i>(that's the name of FileZilla Client 3.6.0.2 Setup,)</i> and run it.</li>
<li><b>Step 3:</b> If the system ask you like this, <i>“Do you want to allow the following program (from an unknown publisher) to make changes to this computer?”</i> Just allow it by pressing the <em>"Yes"</em> button.</li>
<li><b>Step 4:</b> And accept the terms of agreement of the FileZilla Client program, by just clicking the <i>“I Agree”</i> button.</li>
<li><b>Step 5:</b> Select whether you wish to make the software available to all users but you must have administrator privileges to do this or to just yourself, and click the <em>"Next"</em> button.</li>
<a name='more'></a> <li><b>Step 6:</b> Check the components that you want to install and uncheck those you don't want to install. Or just make them defaults by keeping all the checkboxes unchanged. And select <em>"Next"</em> to continue.</li>
<li><b>Step 7:</b> Now you will see the destination folder where the setup shall install the FileZilla client which is in version <em>3.6.0.2</em> on our installation, you can either select other folder as the destination if you wish. And click <em>"Next"</em> to continue.</li>
<li><b>Step 8:</b> Select the <em>“Start Menu”</em> folder or enter a specific name to create a new folder in which you would like to create the program's shortcuts. You can also check the <i>“Do not create shortcuts”</i> button if you don't want to create shortcuts. And click <em>"Install"</em>. It will just take a few seconds...</li>
<li><b>Step 9:</b> Your computer must be restarted in order to complete the installation of FileZilla Client <i>(3.6.0.2, the version in our example)</i>. So, therefore you can choose if you want to <i>“Reboot now”</i> <i>(or restart in literal)</i> your PC or you want to do it later by choosing the <i>“I want to manually reboot later”</i> radio button, and click <em>"Finish"</em>. But there's a chance that the installation would be completed even without requiring to reboot your computer.</li>
</ul>
That's it, the installation of FileZilla client an FTP client, is completed! The first time I install FileZilla client require me to reboot the computer in order to complete the installation. But the second time I install it after uninstalling it doesn't require me to restart the computer.</div>
Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-83523531617457978532012-09-05T05:06:00.001+08:002013-07-06T14:47:19.462+08:00Build an Easy, Basic, and Advanced Websites<div dir="ltr" style="text-align:left;" trbidi="on">
<p>If you want to make your own website but you have no any single idea how to build it? Then, the first thing you must need to know is the domain name of a site, like <em><b>yahoo</b>.com</em> or <em><b>google</b>.com.ph</em> which is under of a paid top-level domain such <em>.com</em> or <em>.com.ph</em> that's not free. But there are many web hosting services with <strong>online WYSIWYG website builder</strong> for an easy user around the Web. Some of them are without a cost and offer to register a subdomain under their domain name for free, and the web address of your site would be look like <em><b>subdomain</b>.example.com</em> but almost all of those free web hosts are automatically forced their advertisements or automatically attached a links to their homepage, to all of the web pages of their free clients. But it's okay and acceptable for a beginner, because you can use that kind of service to create a full packaged easy website in just a few minutes!</p>
<p>Now, if you have an idea in developing an easy website by using website builder, a basic website is with a real top-level domain on a domain name registrar or is in a free subdomain of a domain that isn't an official hierarchy such <em>.cu.cc</em> which can also be called as a domain name on a free domain name registration service. Just get a domain name or a subdomain name and create a web hosting account with your <em>(sub)</em>domain name on a web host with website builder, and REVIEW all the name server records or the address records which you will going to see at the end of the creation of your account, and study how does <strong>Domain Name Server</strong> work and set up your domain name in the domain name settings on your registration service, and place your name servers on the NS records in the <i>“Custom DNS”</i>, or point the <em>"A"</em> record<em>(s)</em> in the <i>“DNS Service”</i> to your Address record<em>(s)</em> with your domain name as a hostname, and create another <em>"A"</em> record<em>(s)</em> to point them to the <em>"A"</em> record<em>(s)</em> of your domain name server again but with the prefix of <em>www.</em> before your naked domain name as another host name. And wait a hour or a day, depend on the speed of the servers of your domain and your web host. And after that, your domain name and your web hosting account with website builder is connected, you can now publish a web page using your hosting account but the difference is, you are now using the domain name that you've chosen! And also, it's better for you to get an idea how the resource records in DNS works. Like what's a CNAME or Canonical Name record, who specifies that the domain name is an alias of another <i>(canonical)</i> domain name, and an MX record which stands for Mail Exchanger record who specifies a mail server responsible for accepting email messages.</p>
<a name='more'></a><p>And now, if you want to build an advanced website such web application, then use web hosting service with your domain name or subdomain but instead of using a website builder, now you will need to study the different kinds of languages for <strong>web development</strong>, such as Hyper-Text Markup Language <em>(HTML)</em> and Cascading Style Sheets <em>(CSS)</em> or with JavaScript, to learn how to design a web template and to develop a static webpage, if you only want to build an advanced site with just static web pages. But you must study to learn such <i>“PHP: Hypertext Preprocessor”</i> <em>(PHP)</em>, Structured Query Language <em>(SQL)</em> and relational databases if you want to build a dynamic site like social networking site or Internet forum, and learn how to develop a server-side script like <i>“verifying email address”</i> and <i>"login"</i> scripts. Or you could even install a software or a script like social networking software, to your website if you want to make the development of a networking site easily after you've learned some scripting languages such PHP, for you to make yourself knowledgeable! Or Internet forum software for installing an online forum or whatever software that you wish depend on the type of the site that you're planning to build. Or create databases and develop your own intermediate server-side scripts that you've wanted, but it takes a lot of time, your patience and perseverance are needed! Remember that there are other languages for web development technologies which are not mentioned here, and if other kind of language is needed on the type of the site that you've wanted to develop? Then, you will probably need to study for it!</p>
</div>Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-76758155591783337112013-06-30T17:21:00.001+08:002013-07-06T14:47:19.460+08:00What is and How to Install a File Archiver?<div dir="ltr" style="text-align: left;" trbidi="on">
<p>A file archiver is a computer program that can compress a number of files or folders together into one archive file with a file extension such <em>.zip</em>, etc... And can then extract this archive file into one folder. Most software packages in big sizes are compressed to make the downloading of those packages quick. Archive files are basically needed to decompress before you can fully use the files therein, because they're compressed and not in their physical sizes.</p>
These are the straight steps to install a file archiver on your computer. The specific operating system of my computer that I'm using where I will install a file archiver is Microsoft Windows. But even your computer has a different operating system, these steps can still give you some guides to install a file archiver. My recommended file archiver is no other than an open source, <strong>7-Zip</strong> and that is the program that I will document how to install:
<ol>
<li>Go to the <a href="http://www.7-zip.org/download.html" target="_blank">Download page of 7-Zip</a>. And make sure you have an Internet connection.</li>
<li>In that page, download the file appropriate for your platform. And after this, <q>Your download will start shortly...</q></li>
<a name='more'></a> <li>And wait a few seconds till the downloading file become successfully transferred. The estimated time for downloading 7-Zip setup wizard is just 1 minute.</li>
<li>After the download would be completed, open the newly downloaded file which named like <em>"7z920"</em> with a file extension depend on your platform.</li>
<li>Then you may be asked if <q>Do you want to allow the following program from an unknown publisher to make changes to this (your) computer?</q> Just allow it by pressing <em>"Yes"</em>.</li>
<li>Then you can click <em>"Browse..."</em> and select a specific Destination Folder if you want, but you can also make the destination folder default. And click <em>"Install"</em> to start the installation.</li>
<li>Wait a second before the program 7-Zip would be installed on your computer, and then Completing the 7-Zip Setup Wizard by clicking <em>"Finish"</em>.</li>
</ol>
<p>And that's it! A free file archiver, 7-Zip is now installed on your computer. This computer program can extract <em>.ZIP</em> files, RAR files, etc...</p></div>
Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-44815416181761334612013-07-01T15:10:00.000+08:002013-07-06T14:47:19.456+08:00What is a .ZIP file and How to Extract It?<div dir="ltr" style="text-align: left;" trbidi="on">
<p>A <em>.ZIP</em> file is an archive file containing one or more files or folders that have been compressed. The file size of compressed file is much lower than the size when it's not yet compress. <em>.ZIP</em> files generally use the file extensions <em>".zip"</em> or <em>".ZIP"</em> and can be decompress or unzip by a specific file archiver. Almost all software packages that can be download on the Internet are compressed, mostly in zip <i>(file format)</i>. There are ways to compress zip file, and the standard way to do it is by using a file archiver.</p>
Now we will use a file archiver to unzip a zip file. My recommended file archiver to extract a zip file is no other than an open source, <strong>7-Zip</strong>. And here is the 7 steps to do it using 7-Zip:
<ol>
<li>The first thing you need to know is your computer must have file archiver program installed on it. For example a file archiver at this time is 7-Zip, and the guidelines of this program's installation is written in <a href="http://developingsites.blogspot.com/2013/06/what-is-and-how-to-install-file-archiver.html" target="_blank">What is and How to Install a File Archiver?</a></li>
<li>When the file archiver installed on your computer, just right click on the zip file that you wish to be extracted or in other term, to unzip.</li>
<li>Click or just point your mouse cursor to the <em>"7-Zip"</em> option on the options that would appeared after doing the previous step.</li>
<li>Then now click <em>"Extract file..."</em> on the bar at the side of the <em>"7-Zip"</em> option that will appear after the previous step.</li>
<li>Now you will see a new window titled <b>Extract</b>. There you will see the <em>“Extract to:”</em> text field filled with the path name of a folder where the extracted files of the zip file will be placed later. You can even browse that field and change the pathname to a different folder if you want. Yet, you can also configure the <em>“Path mode”</em>, <em>“Overwrite mode”</em> and fill the <em>“Password”</em> field if you wish. There is a <em>"Help"</em> button if you didn't knew those options. And click <em>"OK"</em>.</li>
<li>In this time the zip file is now <em>Extracting...</em> or unzipping, in just a second!</li>
<a name='more'></a> <li>After the extracting would be completed, the zip file is now unzipped and the path location of the unzipped folder is the pathname of the <em>“Extract to:”</em> text field that you have been chosen in the step 5.</li>
</ol><br />
Here is the extra guides to extract a zip file using a shareware file archiver, <strong>WinRAR</strong>:<br />
<div style="font-size: small; font-style: italic">Reminder, this file archiver isn't free. This program's recommendation is <q>After a 40 day trial period you must either register it or remove it from your computer.</q></div>
<ol>
<li>First, if you doesn't have WinRAR, download it at <a href="http://www.rarlab.com/download.htm" target="_blank">WinRAR archiver, a powerful tool to process RAR and ZIP files</a> but this program is shareware and not open source. Or else you would need to jump to the step 3 of this instruction.</li>
<li>Install this computer program on your computer. You can follow the Installation of a file archiver 7-Zip that's linked on the step 1 of our previous instruction, because their installations may possibly have a similarity.</li>
<li>After installing WinRAR, right click to the zip file that you want to unzip.</li>
<li>Follow up by clicking the <b>Extract to</b> <em>[zip file name]</em><b>\</b>. For example, the name of the file that you want to unzip is <em>"example"</em>, the option that you need to click is <em>“Extract to example\”</em></li>
<li>And in a second, a new folder will then appear on the folder where your zip file located. This new folder is the folder of the unzipped file, that folder name is as <em>"example"</em> if the name of the zip file is <em>"example"</em>.</li>
</ol>
<p>Note that there are many options that can be use to extract a zip file using a file archiver, other than the options that we've been used on the two instructions above. Actually, you can also directly <em>“Extract to...”</em> the zip file using the 7-Zip program as what we did on the second instruction using WinRAR. And the WinRAR program can also do what we did using 7-Zip with a slightly different of functionality. Just explore the other options and ways to unzip a file if you want! But remember, the standard way of unzipping files is by using file archiver.</p></div>
Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-26917295240867146102013-06-26T19:42:00.000+08:002013-07-06T14:47:19.452+08:00Learn How to Update FileZilla (FTP) Client<div dir="ltr" style="text-align: left;" trbidi="on">
Here we will going to update FileZilla Client an FTP client. For more information about FTP client, please read <a href="http://developingsites.blogspot.com/2013/05/whats-best-way-to-upload-files-to-server.html" target="_blank">The Best Way to Upload Files from Your Computer to a Web Server</a>. The specific version of FileZilla client that we'll going to update as the example of the set of steps below is version <em>"3.6.0.2"</em>:
<ol>
<li>First, open your FileZilla client to run it.</li>
<li>The guides where to find the nested <i>“Check for updates...”</i> button are listed bellow:
<ul>
<li>Click <em>"Help"</em> on the top of the FileZilla interface layout.</li>
<li>Then click the nested <i>“Check for updates...”</i> button.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ0LCYO_5gCwsyrS1HB1y9u5b_6KSBTec6ToP9YzdZnQx39TxUtdvOXdqBP0bgy1nqCeDw2lxdmSp7RKvyE-0lI4qt4x53S0CGfUlyepqVj4EDvtXCxs8_hyJzNhWdhyThzxZUofo_54Xh/s1600/filezilla_help_check-for-updates.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Check for updates on the Help menu of FileZilla client" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ0LCYO_5gCwsyrS1HB1y9u5b_6KSBTec6ToP9YzdZnQx39TxUtdvOXdqBP0bgy1nqCeDw2lxdmSp7RKvyE-0lI4qt4x53S0CGfUlyepqVj4EDvtXCxs8_hyJzNhWdhyThzxZUofo_54Xh/s525/filezilla_help_check-for-updates.jpg" /></a></div></li>
<li>After that, you can choose an advanced option if you wish:
<ul>
<li>When you check the <i>“Check for beta versions of FileZilla”</i> box, you will get notified if <q>Do you really want to check for beta versions? Unless you want to test new features, keep using stable versions.</q> If you want to accept it, then just press the <em>"Yes"</em> button.</li>
<li>And I didn't recommend to <i>“Check for nightly builds of FileZilla”</i>. Actually, after checking that box, you'll get alerted with this quote: <q>Warning, use nightly builds at your own risk. No support is given for nightly builds. Nightly builds may not work as expected and might even damage your system. Do you really want to check for nightly builds?</q></li>
</ul>
Therefore, do not check for nightly builds! And then, click <em>“Next >”</em> to continue.</li>
<li>And wait a few seconds while the system is checking for available updates... <i>(Note: This action requires Internet connection.)</i></li>
<li>After that, the newer version with a text-box noted of new features, will then appear if there's new available version! Just click the <em>“Next >”</em> button to download the new version.</li>
<li>Now, you will be asked to <i>“Select download location for package”</i> with an editable filename of a setup in <em>.exe</em> file extension. You can just and it's better to make the <em>“File name:”</em> default which is looks like <em>"FileZilla_3.7.0.1_win32-setup"</em> or <em>"FileZilla_3.7.1_win32-setup"</em>, and click <em>"Save"</em>.</li>
<li>The system will now download the newer version in a minute! The estimated time is 1 to 3 minutes before an estimated total of 4,811,793 bytes <i>(for version 3.7.0,1)</i> become successfully transferred.</li>
<li>And after that, click <em>"Finish"</em> to close FileZilla client and to start the reinstallation.</li>
<li>Your computer system may now ask you if <q>Do you want to allow the following program (from an unknown publisher) to make changes to this computer?</q> Just press <em>"Yes"</em> to allow it.</li>
<li>The FileZilla Client Setup will automatically uninstall the previous version of your FileZilla, and then after the uninstallation would be completed, it will followed by the installment of the new version.</li>
<a name='more'></a> <li>And after that, the new version is now installed on your computer. You can uncheck the <em>“Start FileZilla Now”</em> box if you don't want to start the new version of FileZilla at the time after clicking the <em>"Finish"</em> button.</li>
<li>When the first time you open the newly installed version, you will be greeted with <b>What's new</b>, <b>Documentation</b> and <b>Getting help</b> references.</li>
</ol><br />
The alternative way to update FileZilla Client is also documented below:
<ul>
<li>To check for available FileZilla client's updates in alternative way, you must manually check their latest stable version on their website. First, to see the version of your FileZilla, open it, click the <em>"Help"</em> button on the menubar at the top of the application interface which is also needed to click to find the <i>“Check for updates...”</i> button in our previous set of steps, but in this time you need to click the <em>"About..."</em> button.</li>
<li>After that, you will see the current version of your FileZilla on the very top of the body of the alerted pop up. Just click <em>"OK"</em> to exit.</li>
<li>Compare your version to the latest stable version at <a href="http://filezilla-project.org/download.php?type=client" target="_blank">FileZilla - Client Download</a> the official web page for downloading FileZilla client. <i>(Note: You now need an Internet connection.)</i></li>
<li>If your version is outdated, then you may now download <q>The latest stable version of FileZilla Client</q>! Select the file appropriate for your platform on the web page where you see the stable version.</li>
<li>After selecting, just wait a second because <q>Your download will start in 5 seconds...</q></li>
<li>You may get asked if you would like to save the setup file of the new version. For example if the new version is 3.7.0.1, the filename would be look like <b>FileZilla_3.7.0.1_win32-setup.exe</b>. Just allow the system to save the file.</li>
<li>And wait an estimated time of 1 to 3 minutes before the downloading of the setup would be successfully transferred.</li>
<li>Now find the new downloaded setup program on your computer and open it.</li>
<li>And then go to the step 9 of our previous instruction and follow the other steps after it till the end of those steps.</li>
</ul><br />
Another way to update FileZilla! Sometimes, the FileZilla's new version does automatically appear on the top of the application interface, because occasionally the FileZilla program automatically checks for updates when you've an Internet connection. And by following that guide the updating steps would be look like the following:
<ul>
<li>If the text <q>New version available!</q> appeared on the top of the app interface, which is close to the <em>"Help"</em> button that was shown in the previous image, just click the clickable <em>“New version available!”</em> button.</li>
<li>Then click the new version that will appear after that. For example, if the new version is 3.7.1, then the text of the button that will appear that you need to click would be look like <em>“Version 3.7.1”</em>.</li>
<li>And then go to the step 4 of our previous instruction at the top, followed by the other steps after it until your updates would be completed.</li>
</ul><br />
I hope that you straightly understand how to update FileZilla Client, an FTP client software.</div>
Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0tag:blogger.com,1999:blog-1515003588728362527.post-83682379513952985462013-05-15T16:37:00.000+08:002013-06-30T13:48:37.129+08:00What's the Best Way to Upload Files to a Server?<div dir="ltr" style="text-align: left;" trbidi="on">
There are two common ways to transfer the contents of your website from your computer to the server of your web hosting account, and those common ways are listed below:<br />
<ol>
<li>To upload files from your computer using the <b>File Manager</b> inside the control panel of your web hosting account. There are many different kinds of file managers. Some hosting account have more than one file manager, yet there's still an account with just one kind of file manager.</li>
<li>To upload contents using any <b>FTP client</b>, such FileZilla or Core FTP for Windows, or Cyberduck for Mac. FTP stands for File Transfer Protocol, and an FTP client is a software application that can connect to your FTP server if you have it, by your authentication and can transfer files.</li>
</ol>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic_CMj_6ndABBtD8uDcj_F9ItJKqSXof_ag1TqmCRqEH4f1irWKNrGVOoFRDHTj3BBX1OFMkeAHp0jN4jMqU51Rm-E9oSGZUWg2-t2zbeRIpfRDmhE-VhD072cdLP03SXsb4a6rxaiWhWl/s1600/cpanel_apps_for_uploading_files.jpg" imageanchor="1"><img alt="cPanel Applications for Uploading Files" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic_CMj_6ndABBtD8uDcj_F9ItJKqSXof_ag1TqmCRqEH4f1irWKNrGVOoFRDHTj3BBX1OFMkeAHp0jN4jMqU51Rm-E9oSGZUWg2-t2zbeRIpfRDmhE-VhD072cdLP03SXsb4a6rxaiWhWl/s320/cpanel_apps_for_uploading_files.jpg" /></a><br />
But there's still other than those ways to upload a file to your web server, like to upload using Web Disk application. <b>Web Disk</b> is an alternative to FTP for transferring files, but it's slightly slower and more complicated to setup. However, it is much more reliable and does not require any additional software <i>(such FTP client,)</i> on most operating systems.</div>
<br />
<div>
The most known way for uploading files specially for a beginner, is no other than direct uploading via File Manager, in fact it's the first way of uploading that a beginner would be learned in the beginning. The advantages of this transferring way are:<br />
<ol>
<li>You doesn't need to open another software, like FTP application such FileZilla client.</li>
<a name='more'></a>
<li>In File Manager, you can edit the file that has been transferred to your web server instantly.</li>
<li>If you will just upload one file or two, three, four or a few files.</li>
</ol>
The disadvantages about this way of file uploading are listed below:<br />
<ul>
<li>It's takes a lot of work to upload too many contents from your computer by difficultly selecting all those contents one by one.</li>
<li>Uploading a content thru a file manager is often have file size limits than using an FTP client.</li>
</ul>
</div>
<div>
The best way to upload files from your computer to your web server is by using an FTP client <i>(software)</i>. But you must have an FTP account first, where you will need to connect your FTP client. And the advantages of this transferring way are:<br />
<ol>
<li>Easy to upload files, specially if the files are too many and have big sizes.</li>
<li>Almost all HTML <i>(Hyper-Text Markup Language)</i> editors and Integrated Development Environments <i>(IDEs)</i> for Web supports File Transfer Protocol.</li>
</ol>
The contrariwise disadvantages about this way of file uploading are listed below:<br />
<ul>
<li>If you will open an FTP client <i>(software)</i> and connect it to your FTP server just to upload a few files. <i>(But it depends on the case.)</i></li>
<li>Some common FTP clients allow you to edit the file that has been transferred to your web server but the file that's in editing will just synchronized from your web server to your computer and back to the server, caused your transferred-file editing to be slow.</li>
</ul>
If you want to know what's the best FTP client, then the most recommended FTP software by most web hosting companies is FileZilla client. You can download that FTP client software freely at <a href="http://filezilla-project.org/download.php?type=client" target="_blank">“FileZilla - Client Download”</a> and the guidelines for installing it is documented at <a href="http://developingsites.blogspot.com/2013/05/9-steps-to-install-ftp-client-on-windows.html" target="_blank">9 Steps to Install an FTP Client on Windows</a>.</div>
</div>
Freelancehttp://www.blogger.com/profile/15171368934479713762noreply@blogger.com0