I am currently making a personal portfolio for myself in React. I have some projects I would like to add to my React sites that were created using HTML, CSS and vanilla JS. I'm looking for a way to easily add them into my project. They are not currently hosted anywhere. I know this should be rather simple but I'm not sure exactly how to express what I am trying to do. Any help would be greatly appreciated.
If they were created only using HTML, CSS and vanilla JS, then you can host them at GitHub Pages.
After this, use an iframe element to insert them into your React project.
I should also add it's also completely free and very easy to host static sites made with html/css/js with google's firebase. I've even deployed a couple production level applications on firebase and the clients have used them for a while without issues. The links to your projects will feel more "professional" if you host them on firebase instead of on github pages in my opinion.
Refer to this to learn how to host your site on firebase. The general rundown though is you log onto firebase with a google account of your choice, create a new firebase project (think of it as an empty space on the cloud to "host" your site), then you install command line tools for firebase (similar to when you first installed git or npm), then use the command line tool to login, select the project you created, initalize firebase in the directory of the react portfolio's index.html that you want to host, then you simply run the command firebase deploy --only hosting. It then tells you the url which your site is hosted.
You can also simply add links to your hosted projects instead of putting their entire page on your portfolio via iframe like was suggested. You could also take some nice screen shots and make a slider to showcase each and provide the link to the actual site on click. Just some ideas.
Related
I have a bunch of HTML files that I’ve created for websites.
But my question is how do I get them online or for people to see them? I want to start applying to jobs but nobody can see my work, they're just on my desktop.
You could host your code in GitHub.
Simply sign up, create a new repository per project and push your code up.
Here is a great getting started tutorial for that: https://guides.github.com/activities/hello-world/
Are they raw HTML and CSS files? You will need to FTP them into your host. Filezilla is a great FTP client and you can snag that here:
https://filezilla-project.org/
Purchase some hosting space or for temporary you can get some free hosting account and then use File Manager inside CPanel or use Filezilla, upload your files and check it live. You will need to connect to some domain to your hosting space.
For static websites:
Netlify - https://www.netlify.com
Github pages - https://pages.github.com
Or you can google "free webhosting"
I use rmarkdown to create html pages. I would like to know how to publish, simply and efficiently, html pages.
Solutions that I know exist:
Web hosting: you can purchase a specific domain and host you your files. I have built some wordpress sites with this, but I don't know basics about web security, it is necessary to have a ftp transfer software.
With google drive, you can host html pages. It is quite simple, you can find the id the the shared document, and enter: googledrive.com/host/DocumentID. But you can not customise the domain name, and this url is redirected to a very complicated name.
It seems that github offers a lot of possilities. I think that some of you have already had the same problem and found the solution. So could you please share ? Thank you
you can host your html easily just check out this or this
I am trying to create a portfolio disc to sell my photos and to protect my work. I want to put my web site that i created into one exe so that my photos can't be stolen as an extra precaution. I know to use the webBrowser.navigate command with the internet controls but how do I add the web site directory to the exe to make it run in one file? I don't want to install it on the user's computer. Just operate the site's directory from the home page all through 1 exe file. I know its possible to do. I have seen apps like HTMLexe that will convert them for you but the free apps i have found won't allow the javascript and css files to run. Some won't even do it without buying the full premimum version of the software. How can I code this myself?
I recently created a HTML5 game locally on my PC. Then, I went to the Facebook developer website and created a new application but it asks you about the link to the application.
My application is local and I don't have any hosting website. I tried to upload it via jsfiddle, but they didn't accept it as a valid link. What should I do?
I suggest reading the Getting Started manual on Facebook Help Center, that will get you started very well. Make sure you follow the steps and search for more information there.
You are not able to use JS Fiddle for your Facebook application, you need to have some website to host the application in. There are several cheap (some free) web hosts, which you can use for hosting. It is always better if you can buy your own web domain and host, this way it's guaranteed that it will work.
When you have your domain set up, you create a folder for your application on the FTP server and use the address (e.g. http://example.com/myapp/, https://example.com/myapp/) and place that address into the Canvas URL field on the configuration panel in Facebook Developers site.
The steps on how to continue from now on can be found from the manual linked above. Hopefully this helped you out!
I have recently learned how to write HTML pages on a standalone computer, with all the references given to the directories in the local drives.
How, then, can I do the following:
Create a website, using HTML. I know I'll be able to create its look, but I don't know what should be given as the reference address (URL) if there is a hyper link (like: href). So how do I get an address that can be used on the Internet?
How do I upload this file to the Internet, do I have to upload it onto a server? If yes, which?
If there are multiple pages then how do I create references between?
Most importantly if I have to create this site should I use HTML, or something else?
When developing a website you will want to observe the following:
You need to regsiter a domain name that you want people to use to access your site. You can do this using any number of online registrars
You will have to get a web host...again there are many. They will give you instructions to upload using FTP or otherwise
The references between pages on your website will have to use relative addresses. That is /page2.html rather than http://www.myserver.com/page2.html.
You have to use HTML to create the front end. Plus CSS and maybe JavaScript. If you need dynamic content like accessing a database etc then you have to learn server side languages like PHP, ASP.NET or JSP.
To reference pages and resources (images, css, et.c.) you can use either relative paths, virtual paths or absolute paths.
A relative path shows the relation between the items, for example:
An image in the same folder: art.gif
An image in a subfolder: images/art.gif
An image in a parent folder: ../art.gif
An image in a parallel subfolder: ../images/art.gif
A virtual path starts with "/", so it's relative to the root folder of the site:
An image in the root folder: /art.gif
An image in a subfolder: /images/art.gif
An absolute path specifies the complete URL to the resource:
An image in a subfolder: http://www.mysite.com/images/art.gif
To put the pages on the net, you need some kind of hosting. You can start with searching the web for "free hosting" and you will find plenty of sites where you can try this out.
Most free hosting offer a subdomain or subfolder for your site, like mypage.thewebhost.com or www.thewebhost.com/mypage. If you want your own domain like www.mypage.com you need to register it for a fee. Many hosts offer a domain name "for free" when you buy web space, but you will of course end up paying for it in the end as it's included in the fee for the space.
Regardless of how you create the page, it will use HTML in the end. That's what the web is made of. If you use a server side language like ASP.NET or PHP, they still output HTML pages for the browser.
This is a great site if you're just getting started with HTML: http://www.w3schools.com/
I think you are asking about how to publish your site on the web and then access it.
Buy a domain, go to any domain hosting site like godaddy.com etc.
After buying domain the domain hosting company will send you the details of your account/pwd
With you account pwd you can access their ftp server.
Put your current html pages on their ftp server (put them in the public folder)
Access your html pages on the web now.
Also note it will take atleast a few minutes before your domain info gets published on the dns servers, i.e to say it will take a while before you can access your website (usually a few minutes)
Try giving relative urls in the href link. For e.g. if you want to link index.html to page1.html in the same folder you don't need to give complete path of the page1.html for the link. You can simply write Page 1
You can learn more about relative urls from here
You can get a free web hosting account from sites like http://110mb.com , they also provide a free sub-domain and a ftp account.
You need HTML to create webpages. There's no other option.
Hope this helps.
Google is your friend. There's tons of help for web site development. I just recently switiched from HTML to PHP, but I recommend you use HTML until you are fully comfortable with it.