making an html file accessible outside of ubuntu using apache2 - html

I am new to Ubuntu and am trying to create a html file that I can access outside of Ubuntu using apache2. I am using ubuntu (12.04) within a vmware player. I have installed apache2 and created a html document using text editor, which I can open it using a browser within ubunutu, but when I try to open in my regular browser - windows 8, it cannot find the file. I know that it is finding apache2, cause when I type the ip address in the windows browser it says It works! so the problem is I do not know how to save/convert the html file i have created in the text editor so that i can open it in my windows browser. Can someone please instruct me on how to do this? thanks.

Put your file in /var/www/
save it as index.html

If you dont name the file "index" apache will show you a listing of all the files in "/var/www".
You will need to get use to using a "command line", this is how the things your getting into are done.
Example:
sudo mv index.html /var/www
This command will move index.html to /var/www
Here are some vids that will point you in the right direction
Introduction to Servers:
http://www.youtube.com/watch?feature=player_detailpage&v=CDxaRfwzFrs
Basic Linux Tasks:
http://www.youtube.com/watch?feature=player_detailpage&v=OnSUX2otYos

Related

How do I set the root directory for links while editing offline?

I'm making a website that I used to edit directly online on Neocities, but due to some problems, I'm looking to switch my editing to local offline. But I can't make my links point correctly to their targets, such as the favicon or my css files because locally, "/" doesn't point to the root.
Is there any program that allows me to set a folder as the root directory so these links can point properly? I'm currently trying Notepad++ but I haven't found a way to do so.
I know I could put the full path as "C:\folder\folder\file.css" for examle, but that would mean I'd have to edit the html of every single of my many pages and then re-edit them when I upload them online, and that's very undesirable. I need a way to preview the html locally without changing any paths, so my favicon link, for example, which currently is href="/favicon.png" can stay unchanged on all the pages. I could remove the "/" but then it wouldn't work for any pages within subfolders, and there's a lot of those in my project.
It's possible that I'm just missing some simple detail but I'm really just very much a beginner to making websites in general.
You can run a local web server to serve the contents of your root directory at a domain like http://localhost:8080. So rather than opening index.html in the browser you visit that URL instead.
There are a bunch of simple web servers you can use - my favourite for purposes like this is the NPM package http-server. It requires Node to be installed.
Install node
Install http-server by executing npm install -g http-server in your Terminal
Run the http-server by navigate to the website root folder and run http-server in your Terminal
http-server will produce an output that will tell you where to access the site.
Starting up http-server, serving ./
http-server version: 14.1.0
Available on:
http://127.0.0.1:8080
http://localhost:8080
Hit CTRL-C to stop the server

PhpStorm setting the Document Root

PhpStorm 2020.1
Windows 10
Apache installed with XAMPP.
I am trying to get PhpStorm's built in server to recognize a document root. PhpStorm keeps running localhost:[port]/[project folder]/default.html. It should be running localhost:[port]/default.html
Because it keeps placing the project folder into the path, all the links fail.
I have edited the c:/xampp/apache/conf/httpd.conf file to change the document root and confirmed it in the console, that didn't work. Even setting the document root to the project folder didn't work.
It appears there is a setting or a different conf file that need to be adjusted, but I can't find it or figure out what is missing from the documentation.

How deploy .htm extension on a server?

I want to learn AngularJs from http://www.tutorialspoint.com/angularjs
but an example must be deployed a server. I don't know anything about it.
Please give me some hint about deploy .htm extension file to a server.
Example url is following;
http://www.tutorialspoint.com/angularjs/angularjs_includes.htm
I believe that they just mean placing the files somewhere inside the web root. The web root should be deployed by your local or remote server.
Example:
Download and install MAMP.
Set your root directory as the MAMP root directory in preferences.
Now you can use your own paths -- just follow the example in the link you provided.
https://www.mamp.info/en/
Also, I'm of the opinion that it's good practice to at least use a local web server as opposed to running your website without one.
You don't need a webserver to test the code given in that example. ng-include using relative paths works fine.
However, if you really want to use a webserver for other examples/projects, depending upon your OS, you can use *AMP. where * means
W for windows
L for linux
once you have it installed, place the files in www folder. and access it in browser using http://localhost
Firstly I add my app folder under
D:\tomcat7\apache-tomcat-7.0.67-windows-x64\apache-tomcat-7.0.67\webapps
after I run tomcat server .
And run
http://localhost:8080/an/ht.htm
It is working :) Thanks #ketchupisred #Mridul Kashyap

Developing a simple website from scratch using https://css-tricks.com/app-from-scratch-1-design/

I am following all the steps from beginning. In chapter four there are codes displayed.. I am not getting where to paste those codes in my local pc.. that is in xamp...can anyone help me?
If you are on mac
Copy all your files & paste them into the Applications > XAMPP > htdocs (root folder).
Then Navigate to localhost/index.php
If you are on windows
Copy all your files & paste them into the c:\xampp\htdocs (root folder).
Then Navigate to localhost/index.php from the browser
Note : Before you navigate to the localhost/index.php you have to start the Server.
You need to concentrate on setting up a localhost. BTW, there is a very easy way to set it up if you are using php: Link
So, name your first file to be called as index.php or index.html, and do
php -S localhost:8000 in console from the same directory. After that it should propose you to go to the browser and see your content at http://localhost:8000/

Object not found - XAMPP

I recently installed XAMPP on my laptop - windows-7 64-bit. I just wrote a very basic and elementary "Hello World" script in HTML. But, however when i'm trying to run it, it says Object Not found. Error 404.
Here's what i'm doing:
Wrote the script.
Saved it as test.html in xampp/apache/htdocs.
Opened the browser, typed localhost/test.html in the space provided for the URL.
The bizarre thing is, i am able to run the index.html file stored in xampp/apache/htdocs. And i'm also able to run the localhost page. But any new page that i'm creating, i'm unable to run it. Please help me solve this problem.
Thank you in advance :)
It seems xampp is not able to locate your file.
Check DocumentRoot setting in XAMPP\apache\conf\httpd.conf to find currently it is pointing to which folder.
If you want you can point it to some other folder like,
D:/phpprojects/
By the way, You sure htdocs is in xampp/apache/htdocs ? Mine is in xampp/htdocs.
if problem is in linux
Folders not should be cut from Windows into Linux
folders permissions not set . change it
You just need to change the root of project from xampp/apache/htdocs to xampp/htdocs.
I mean your project folder has to be in xampp/htdocs root .(e.g: xampp/htdocs/project).
And your project address will be localhost/project