How to deploy HTML webpages from IIS? - html

I have developed some webpages and all the web pages are working fine, Now I need to deploy in my localhost. How can I do this?
I tried by creating a virtual directory and copied the HTML pages, CSS, JS and images in the virtual directory but this is not working, It shows
Internet Explorer cannot display the webpage
My default webpage name is 'index.html'

You need to point your IIS virtual directory to the physical location of your sites files. This can be anywhere on your machine.
It is common for a website to physically live in disk:\inetpu\websites\ under its own directory.
A virtual directory is just that, it doesn't physically exist on your machine.
You should then be able to browse to your site as follows:
http://localhost/virtualdirectory/index.html

Related

How to test HTML/CSS files from PC on mobile device

Here's the situation:
I have a folder on my PC containing a single HTML file, a CSS file, and an images folder. I've been testing it through the browser on my PC, but I wanted to run the same files off my Android to test on mobile. I zipped the entire folder, emailed it to myself, and then downloaded it and unzipped it on my Android. When I click on the HTML file I can open the page on the mobile browser, but it appears that the CSS file is not loading at all, despite all of the files still being in the same folder together on my phone. Is there an obvious problem I'm missing?
If the issue is coming from your phone and not the file, try to upload it on a free web host, like byethost, and open it directly trought internet.
You'll need to get your files into a web server.
If you don't have an external site you can use, you can still do it with a local web server. Depending on your OS, options for a local web server include IIS, Apache (via XAMPP on Windows), or even debug mode from an IDE like Visual Studio.
Next, get a tunnelling service like ngrok or localtunnel. When you run it, it will give you a temporary external website address that redirects to your local web server. You can then use your mobile device to test.

How can I force Chrome to open index.html file while browsing a local directory?

I am trying to implement an internal website on my company's shared hard drive.
Everything is going well except that I would like Chrome to open index.html file by default on root folder, exactly how it would do it on a remote web server. Any ideas, folks ?
What we do have as for now :
You have to run a webserver. By default, chrome will not serve any file, you have to open them on chrome properly.
So, since you're using WordPress, I suggest you to run xampp, or anything similar. To run on internal local network you have to configure windows to allow incoming connections from your machine IP address

Folder Structure for domain and subdomains

Hi I have been learning how to design a website and it went ok but i tested it on localhost and everything is working as it should but i have been having some trouble with functionality when i have uploaded my files to my hosting provider Arvixe.
I've been trying to learn how to structure my website properly in the domain folders but i can't work out how it should be properly organised.
I have a Parent website, and subdomains that need to go together so for example -
Parentwebsite.com
Subdomain1.Parentwebsite.com
Subdomain2.Parentwebsite.com
Subdomain3.Parentwebsite.com
On my locahost test server i just created the websites individually and put them under the htdocs folder in XAMPP. However the folder structure for the Arvixe hosting is a lot different - it currently looks like this:
http://imgur.com/brqSp9W
Am i laying out my folders correctly?
And also if i have PHP scripts for the website are they better suited to go into their own folder inside public html? Or they better suited to go directly into the public html folder?
Thanks in advance for any help :)
Your web host is using cPanel and it has typical directory structure which is quite different compared to your Local XAMPP environment.
Here's how cPanel stores the website files.
/home/cPanel-user/public_html ==> Main domain
/home/cPanel-user/public_html/addon-domain-directory ==> Addon domain
/home/cPanel-user/public_html/subdomain-directory ==> Sub-domain
To make your website accessible via web, upload your web content files to
/home/cPanel-user/public_html directory.
When you add a addon domain from cPanel, its web files will be stored at;
/home/cPanel-user/public_html/addon-domain-directory
When you add subdomain, its web files will be stored at;
/home/cPanel-user/public_html/subdomain-directory

Access a shared local folder with html

On our network, I want to share a folder where I will store my data such as images and videos.
I want host our html in the cloud and reference the assets locally.
I have shared a folder called test and the pathway is:
<img src="//JOHNATHAN-PC/chevron_test/images/star.jpg" />
Anyone on their ipads will just navigate to the website and view the assets like a normal webpage so long as they are on the local network.
It was working with the syntax above and after a power failure it stopped.
I am using windows 7.
My DNS name wasn't being registered on our server. Simpler answer was actually from ceejayoz. Using a static IP and a webserver I was able to access the shared folder.

mobile/phone emulator for html files on hard drive?

I have a website built on my hard drive that is not yet on the web. I'd like to check how to displays on various mobile devices prior to uploading to the web. I have downloaded a few emulators, but they seem to only "point" to a website and I cannot make them display a html file on my hard drive. Any help or pointers? I'm new to website development and learning while helping a friend.
Run website on your hard disk:
To run a website on your computer you need to have a web server, You should download one of these
mamp, xampp, wamp.
Then put your website on the web server software root folder.
Mobile Version:
Adobe Dreamweaver has a further for web designer who wants to see websites with mobile
http://www.htmlgoodies.com/beyond/webmaster/toolbox/how-to-build-a-native-mobile-application-in-dreamweaver-cs5.5.html
The adobe mobile simulator works like mobile and you don't need to upload your website and just test it with adobe Dreamweaver mobile simulator
Other mobile version:
If you are going to do it with your browser firefox you can press ctrl+shift+m
Hey if your phone and the computer with the harddrive are in the same wifi network, I would do it like this:
Install XAMPP. It is a very easy to-use, preconfigured webserver for development. After installing it, create a folder for your website (example: "mywebsite") in the "htdocs" folder in the xampp installation folder.
Open Xampp and start the apache webserver. Now, when you enter "localhost/mywebsite" as a URL in your browser, you will see the content of the folder. If you enter "localhost/mywebsite/mysite.html" you will see the "mysite.html" file rendered as a website.
Now as long as your apache sever is running, you should be able to access the site from any device within your network, without further configurations (like port forwarding or DynDNS).
Edit: Now as I reread your question I see that you don't want to test the site with real devices but with emulators. Well, I hope it is still helpful.