Guidelines of web server

Apache, PHP, MySQL


→ PHP & login systems

reference:
https://www.youtube.com/watch?v=agCCPonx2rE
https://www.youtube.com/watch?v=arqv2YVp_3E
How to Increase File Upload Size in PHP
Increase Media File Maximum Upload Size in WordPress Step by Step Guide

→ Apache symlink a.k.a. alias

reference:
http://httpd.apache.org/docs/2.4/en/urlmapping.html

→ 1. mapping URLs to filesystem locations

reference:
https://httpd.apache.org/docs/2.4/en/urlmapping.html
http://stackoverflow.com/questions/5570085/accessing-files-outside-the-document-root-with-apache

  2. alias 403 forbidden

reference:
http://stackoverflow.com/questions/11215283/alias-403-forbidden-with-apache
solution:
revise /etc/apache2/sites-enabled/000-default.conf
+ Alias /academic /var/lib/share/Academic
revise /etc/apache2/apache2.conf
+ <Directory /var/lib/share/Academic>
+        Options Indexes FollowSymLinks
+        AllowOverride None
+        Require all granted
+ </Directory>

→ Other Resources

# Name Category Reference Description
1 How to create a link to a directory tutorial create soft link for access to files outside www directory
2 Change Apache document root folder to secondary hard drive tutorial use another folder for website DocumentRoot
3 What is the LAMP Stack? tutorial install LAMP tutorial

→Workflow

# Name Description Code File
1 Installation [1] follow [1]
2 Set symlink [2]
sudo ln -s /home/trancemania/Sync/Website /var/www/trancemania.website
sudo ln -s /home/trancemania/Sync/Academic /var/www/Academic.link
sudo ln -s /home/trancemania/Share/Resource /var/www/Resource.link
sudo mkdir ~/.websymlink
3 Change root [3] , set alias redirect to other path modify /etc/apache2/sites-available/000-default.conf
sudo nano /etc/apache2/sites-available/000-default.conf

- DocumentRoot /var/www/html
+ DocumentRoot /var/www/trancemania.website
+ Alias /[alias1] /var/www
+ Alias /[alias2] /home/trancemania/.websymlink

sudo service apache2 restart
4 grant permission to Alias [4] modify /etc/apache2/apache2.conf
sudo nano /etc/apache2/apache2.conf

+ <Directory /home/trancemania/.websymlink>
+        Options Indexes FollowSymLinks
+        AllowOverride None
+        Require all granted
+ </Directory>

sudo service apache2 restart

Visual Studio


→ visual studio for web essentials environment settings, extensions and updates


→ import existing web site

reference:
https://www.youtube.com/watch?v=BpAJwLWl8qc
solution:
follow the way of the video except changing Existing Project... to Existing Web Site... at 00:37

Bootstrap & composition tricks


→ bootstrap navbar overlaps navigation anchors

reference:

http://stackoverflow.com/questions/1418838/html-making-a-link-lead-to-the-anchor-centered-in-the-middle-of-the-page
solution:
<a name="#">
revised to
<a id="#" style="position: relative; padding-top: 50px;">


→ override Bootstrap default <a> tag style of navigation anchor

reference:
http://stackoverflow.com/questions/22429881/how-to-unstyle-anchor-when-using-bootstrap
solution:
create new style sheet file (anchor.css) to override the Bootstrap one, and also the solution of bootstrap navbar overlaps navigation anchors can be add to this file.
.anchor-default {
    color: black;
    position: relative;
    padding-top: 50px;
}
.anchor-default:hover, 
.anchor-default:focus {
    color: black;
    text-decoration: none;
}

→ jumbotron background

reference:
http://stackoverflow.com/questions/20914711/bootstrap-3-jumbotron-background-image-effect

→ bootstrap social

reference:
Social buttons for Bootstrap
Bootstrap buttons
HTML title Attribute
pattern:
<a href="#" title="GitHub" class="btn btn-social-icon btn-lg btn-github"><span class="fa fa-github"></span></a>
remember including font-awesome.css

→ MathJax: MathML compatible in Chrome (math equation)

reference:
MathJax
instruction of MathJax
download
MathML notation sample
solution:
<script type="text/javascript" src="#MathJax.js?config=MML_HTMLorMML-full"></script>

→ different text alignment in the same line

reference:
How may I align text to the left and text to the right in the same line?
solution:
<p class="text-center">
        text to be aligned center
    <span style="float:right;">
        text to be aligned right
    </span>
</p>

→ center and percentage image

reference:
Center image using text-align center?
solution:
<img src="#" style="width: 75%; display: block; margin: 0 auto;">

DDNS & domain name


→ "This content cannot be displayed in a frame." when using domain forwarding

ASP.NET


→ introduction of asp.net and how to edit in Visual Studio

ASP.NET is a web forms page, or dynamic web site edit directly without HTML language skills.
reference:
https://msdn.microsoft.com/en-us/library/9z74w20y(v=vs.110).aspx