Upload css and html saved in a folder to host server - html

I'm new to programming generally. I have typed my css and html codes and saved in a folder. How do i upload this site to a host server. Thanks

Welcome.
To upload the files to your hosted server, you would need to use a FTP program ( File Transfer Protocol). A good free one to use would be filezilla, which a quick google search will come up for you.
Once you have downloaded filezilla you will need your server FTP settings, which you can find on your Hosted servers control panel. (They generally get you to create a username and password) you would need the FTP setting and Port with your login details, to be able to log in and start uploading your files.
One thing to be careful of, is the URL links for images/pages etc, as they may be different than if they were on your local machine.

You can use FTP (file transfer protocol) to achieve this. Download a free FTP client such as FileZilla, input your hostname and login information, and then you simply navigate to your desired server location and drag and drop.
You can read more about FTP here
https://en.m.wikipedia.org/wiki/File_Transfer_Protocol

Usually we have FTP (file transfer protocol) to send data to the server.
Softwares like Filezilla, for example, can connect and handle server's directories and files the way you want.
Anyway, you need to check the available services with your hosting service.

Related

Local images in HTML

I'm an high school student and I'm working on something for fun. I've linked a local file stored on my computer to my webpage. What can I do to make it possible for other devices to access the local html file? (meme1.html)
<div id="button">
<a href="C:\Users\Desktop\MEME GENERATOR\meme1.html">
<img src="https://openclipart.org/image/2400px/svg_to_png/140365/1306313012.png" alt="Click here!" height="20%" width="20%"></a>
</div>
<div id="wrapper">
<h1><span class="tight-2">Happy Birthday!</h1>
<h2>Go ahead, press the button to generate memes!<span class="tm">™</span>.</h2>
</div>
Basically, when you host the site online you have to change the linked file path to the one of the server instead of your local machine.
Edit: If youre using plain HTML my answer stands, if you use a backend platform like Django, Flask or dotNet Core then the urls are dynamicly stated in your webapp.
By default, the local file is only available to the system it resides on. For instance this link you've created:
<a href="C:\Users\Desktop\MEME GENERATOR\meme1.html">
is telling the browser to look in the C: drive of the machine it's currently installed on. Every other system in your network (and the world, for that matter) will likely not be to pull that file because MEME GENERATOR isn't a folder on their system, so they will see a 404 (file not found) error.
That said, you can load links within your network by using network addresses. This will be the machine's network IP address, typically starting with 192.168.
That said, in order to load the file, the machine that it is running on will need to have a port open for the client machine's browser to connect to. This is typically port 80, unless SSL is in use, in which case it's typically port 8080, for HTTP traffic.
In doing so, the computer that is serving up the files becomes, logically, a 'server'. And this is the core of the client (user) to server relationship that the whole of the internet and networking is built upon.
Since you're on Windows, you can use something like XAMPP or WAMP to run a server locally that will have Apache installed, which can serve files through these ports. You're going to need to read up on these technologies a lot to get a file going, and be forewarned that this will open your system to hacking and the like.
EDIT: rereading your question, you are maybe trying to get this file to load on your website? If this is the case, then you need to upload the file to your website, and then it will have a folder structure similar to a local Windows file. [YOUR.DOMAIN.COM]/[whatever folder you create on your server in the public directory]/meme1.html
Do you mean? That you want other people to access your website?
Few ways to do that.
One thing you could do is to send the whole directory to the individual to who you want to send the webpage to.
Or the other way is what you can do is host the webpage on a hosting website. There are a lot of hosting websites that would host your websites for free.
That way anyone with a given URL can access the website.

How to upload a folder to a server - cpanel

I designed a slider through a free program and I am trying to figure out how to put it on my server. The instructions say this:
Step two is applying the html code in-between the body tags, which I have done.
The html is calling to this:
<link rel="stylesheet" href="cssslidercode_files/csss_engine1/style.css">
I just don't understand how to add a folder from my computer's desktop into the server. What do I have to do?
I recommend using FileZilla, a very simple and famous FTP (file transfer protocol) client. With it, you can manage and upload and download files/folders from your server to your computer and vice-versa. See detailed instructions for using here.
Be aware that you gonna need some credentials from your web hosting provider, by default it would be ftp address, username and password.
If you don't want to use FileZilla or any other FTP programs,
Try zipping the folder, uploading it as a file and extracting it in the file manager.

Beginner: How do I upload an HTML only site to the web host?

I'm trying to make a simple four page website, all HTML with some CSS and images. This is my first site. After I'm done building the HTML documents, what do I need to upload them and get the site running?
In order to put up a website, you need a web hosting provider. So the first thing you need is a hosting provider. Make sure that your provider offers FTP access to your website. You will need to contact your hosting provider (http://webdesign.about.com/od/webhosting/f/blfaqwebhosting.htm) if you aren't sure.
Once you have a hosting provider, in order to connect by FTP you need some specific information:
your username
password
the host name or URL where you should upload files
your URL or web address (especially if it's different from the host name
You can get this information from your hosting provider if you aren't sure what it is.
Make sure your computer is connected to the internet and that your WiFi is working.
Open an FTP client. As I mentioned above, most computers come with a built-in FTP client, but these tend to be fairly hard to use. It's better to use a visual style editor so you can drag and drop your files from your hard drive to your hosting provider.
Best FTP Clients for Windows
Best FTP Clients for Macintosh
Following the instructions for your client, put in your host name or the URL where you should upload your files.
If you try to connect to your hosting provider, you should be prompted for a username and password. Enter them in.
Switch to the correct directory on your hosting provider.
Select the file or files you want to load onto your website, and drag them to the hosting provider pane in your FTP client.
Visit the website to verify that your files uploaded correctly.
Tips:
Don't forget to transfer images and other multimedia files that are associated with your website, and put them in the correct directories.
It can often be easiest to just select the entire folder and upload all the files and directories at once. Especially if you have fewer than 100 files.
What You Need
FTP client
check this out http://webdesign.about.com/cs/beginninghtml/ht/htupload.htm i hope this could help you

How To Upload A File On A Client Machine To My Server With JS, HTML, ETC?

Is it possible for a webpage on a remote client to upload a file from that remote client to my server without serverside ASP, PHP, etc? My server is an embedded webserver that can serve up html pages and service cgi commands but little else. I want it to serve a page to the client that allows the client browser to select a local file and upload it to my embedded server.
The http fileupload object is a perfect start for allowing the remote user to select the file they want to upload. But once they've selected the file how do I open it and send it to my embedded server? This is to be used to allow a remote user to upload a firmware update (binary file ~600k ish) to my embedded hardware using their web browser.
Thanks in advance for any help
~Tim
Nope. Server side is absolutely necessary to do any kind of uploading.
Sorry charlie

Uploading MVC Website and MySQL to Webhost

I created a website using Code Ignitor and MySQL and want to upload everything to 000webhost.com
How do I:
upload my models, views and controllers to the public_html folder of 000webhost?
get my MySQL database up and running on 000webhost?
Thanks in advance
I am presuming that your control panel is cPanel. If thats the case then upload all your files in the web root of the server. Create a database, and change that details in database.php inside config folder. thats it, your site will be up and running.
Your .htaccess (at least mod_rewrite for codeigniter) will not work if you use the free 000webhost service (at least the last time i wanted it, the support told me that they doesn't support it... that was thy time i signed up for their free service for private test of scripts i wrote). Another thing is that for the free hosting they use their own control panel (not cPanel), cPanel is for the paid accounts.
Anyway they both offer ftp accounts, mysql databases and of course web ftp (online file manager). All you need is a ftp client (such as FileZilla or even Windows Explorer itself).