Several Issues about Responsive Web Pages and HTTPS

Several Issues about Responsive Web Pages and HTTPS

1. Texts and images are not aligned to HTML5 animations viewed on phones

They are aligned on computer monitors.

Cause: width of text and images are '100%', but that of the animation is '1140px'.

Solution: After I changed width into '100%' and height into 'auto' in -

(1) 'animation_container' div;

(2) canvas;

(3) 'dom_overlay_container' div,

the text and images have become aligned to the html5 animation now.

(Got help from 'Cypher- Entrepreneur')

2. There is a link on the image banner, but when viewed in browser, there is no link.

Cause: '>' is missing in <div> of <div><a href=""><img ...></a></div>

Solution: Inserted the missing '>', then the link on the image banner works now.

Note: (1) Better use 'Sublime Text' software to edit code files.

        (2) Better use https://www.aliciaramirez.com/closing-tags-checker/ to check if any closed tag is missing. 

(Got help from 'Cypher- Entrepreneur')

3. Website completely normal visited outside of our company LAN network, but can not open at all in LAN

Cause: IP of CloudFlare has changed.

Handling: The IP on our LAN DNS server which is mapped to our website domain was 104.28.30.95, which is an IP of CloudFlare.

Since we can not open our website at all, I changed IP on our LAN DNS into 64.91.250.231, which is the IP when we ftp and upload our website files. After the change, we can open our website, but (1) it is http, not https, 'not secure' shows. (2) none of our html5 animations show up, and some of the images do not show.

Pinging website domain name from out of LAN, IP addresses are (1) 172.67.133.250 (2) 104.21.25.97. Pinging website domain name from within LAN, IP is 64.91.250.231, of course.

Solution: changed the IP on LAN DSN from 64.91.250.231. The problem is gone. Website becomes normal viewed whether from out of LAN, or in LAN.

(Got help from 'Benjamin Gao)

4. On home page of website, there are two html5 animations. The first animation shows up fine, but the second one does not show.

If I remove the first animation, then the second animation shows.

Cause: </iframe> for the second animation is missing.

Solution: Added </iframe>. The second animation shows.

5. The distance between the two animations is too far away.

Cause: 'vh' in 'min-height:98vh' cause the distance.

Solution: Removed 'min-height:98vh'. The space in vertical direction disappeared. But there is a big blank space horizontally.

Using responsive iframe solved the problem of the problem of big blank space horizontally.

(Got help from 'Cypher Entrepreneur') 

Can not open a website from within LAN, or 'not secure' shows when visiting

Can not open a website from within LAN, or 'not secure' shows when visiting

Symptom: Can not open a website from within LAN, or 'not secure' shows when visiting, but opening the website fine off LAN. 

Solution: Off LAN, ping the website address, get an IP.

Substitute the IP on LAN DNS server.

Right-click the server name under 'DNS'. Click 'Clear cache'. 

On your workstation on LAN, run 'ipconfig /flushdns'.

You will be able to open the website within LAN.

How can I find out if a specific program is installed?

How can I find out if a specific program is installed?

scp [source file] [username]@[destination server]:.

scp cool_stuff.txt sanjeev@example.com:.

 Remember not to miss the colon and full stop at the end.

https://superuser.com/questions/850740/how-to-upload-local-file-to-server-through-linux-terminal

Installing an SSL Certificate in Windows Server 2008 (IIS 7.0)

https://www.sslshopper.com/article-installing-an-ssl-certificate-in-windows-server-2008-iis-7.0.html

Windows Server 2008 includes Internet Information Services (IIS) 7.0. This new version makes several big changes in the way that SSL certificates are generated, making it much easier than previous versions of IIS. In addition to the new method of requesting and installing SSL certificates, IIS 7 includes the ability to:

• Request more than one SSL certificate at a time
• Import, export, and renew SSL certificates easily in IIS
• Quickly create a self-signed certificate for testing

This article will walk you through the process of ordering an SSL certificate from a commercial certificate authority and installing it on an IIS 7 Windows Server 2008 machine. The process will also work for later versions such as Windows Server 2016 and IIS 8 and IIS 10 with some small modifications.

Create the Certificate Signing Request

The first step in ordering an SSL certificate is generating a Certificate Signing Request. This is very easy to do in IIS7 using the following instructions. Click here to hide or show the images

1. Click on the Start menu, go to Administrative Tools, and click on Internet Information Services (IIS) Manager.
   
2. Click on the name of the server in the Connections column on the left. Double-click on Server Certificates.
   
3. In the Actions column on the right, click on Create Certificate Request...
   
4. Enter all of the following information about your company and the domain you are securing and then click Next.
   

   Name	Explanation	Examples
   Common Name	The fully qualified domain name (FQDN) of your server. This must match exactly what you type in your web browser or you will receive a name mismatch error.	*.google.com mail.google.com
   Organization	The legal name of your organization. This should not be abbreviated and should include suffixes such as Inc, Corp, or LLC.	Google Inc.
   Organizational Unit	The division of your organization handling the certificate. (Most CAs don't validate this field)	IT Web
   City/Locality	The city where your organization is located.	Mountain View
   State/province	The state/region where your organization is located. This shouldn't be abbreviated.	California
   Country/Region	The two-letter ISO code for the country where your organization is location.	US GB

5. Leave the default Cryptographic Service Provider. Increase the Bit length to 2048 bit or higher. Click Next.
   
6. Click the button with the three dots and enter a location and filename where you want to save the CSR file. Click Finish.
   

Once you have generated a CSR you can use it to order the certificate from a certificate authority. If you don't already have a favorite, you can compare SSL features from each provider using our SSL Wizard or by comparing cheap SSL certificates, Wildcard Certificates, or EV certificates. Once you paste the contents of the CSR and complete the ordering process, your order is validated, and you will receive the SSL certificate file.

Install the Certificate

To install your newly acquired SSL certificate in IIS 7, first copy the file somewhere on the server and then follow these instructions:

1. Click on the Start menu, go to Administrative Tools, and click on Internet Information Services (IIS) Manager.
2. Click on the name of the server in the Connections column on the left. Double-click on Server Certificates.
   
3. In the Actions column on the right, click on Complete Certificate Request...
   
4. Click the button with the three dots and select the server certificate that you received from the certificate authority. If the certificate doesn't have a .cer file extension, select to view all types. Enter any friendly name you want so you can keep track of the certificate on this server. Click OK.
   
5. If successful, you will see your newly installed certificate in the list. If you receive an error stating that the request or private key cannot be found, make sure you are using the correct certificate and that you are installing it to the same server that you generated the CSR on. If you are sure of those two things, you may just need to create a new Certificate Request and reissue/replace the certificate. Contact your certificate authority if you have problems with this.
   

Bind the Certificate to a website

1. In the Connections column on the left, expand the sites folder and click on the website that you want to bind the certificate to. Click on Bindings...in the right column.
   
2. Click on the Add...button.
   
3. Change the Type to https and then select the SSL certificate that you just installed. Click OK.
   
4. You will now see the binding for port 443 listed. Click Close.
   

Install any Intermediate Certificates

Most SSL providers issue server certificates off of an Intermediate certificate so you will need to install this Intermediate certificate to the server as well or your visitors will receive a Certificate Not Trusted Error. You can install each Intermediate certificate (sometimes there is more than one) using these instructions:

1. Download the intermediate certificate to a folder on the server.
2. Double click the certificate to open the certificate details.
3. At the bottom of the General tab, click the Install Certificate button to start the certificate import wizard. Click Next.
   
4. Select Place all certificates in the following store and click Browse.
   
5. Check the Show physical stores checkbox, then expand the Intermediate Certification Authorities folder, select the Local Computer folder beneath it. Click OK. Click Next, then Finishto finish installing the intermediate certificate.
   

You may need to restart IIS so that it starts giving out the new certificate. You can verify that the certificate is installed correctly by visiting the site in your web browser using https instead of http or using our SSL Checker.