Where can you actually write a practice website in code and test it out?
Hope that it’s ok to ask this in this section of the Q&A - the question has come to me at this point. I would like to actually start writing a website from scratch, using html and css code. For now, just a kind of dummy website to play around with. Does anyone know where you can do that? I have no real idea where to start.
I wouldn’t need any fancy hosting stuff, I just want to write something from scratch and build on it as I go along, as a way of learning. So I want to avoid the platforms like wordpress where you have templates.
thanks
Answer 5512d3b495e3781e5f0023c7
Hi there,
I love this question! Here are a few code editors you might like once you get started:
- Brackets: free and open source, I’ve used it and would recommend it. - Atom: also free and open source, looks good, but I haven’t used it yet. - Sublime Text: expensive, and I don’t think it’s open source. I’ve tried it, and Brackets is better. - Cloud9: free and open source. I recently switched from Brackets to C9, and would recommend them highly.
@stetim94 covered the creating an HTML file fairly well, so I’ll just toss in a link to an article I wrote on getting your site hosted with GitHub Pages: https://www.codehive.io/boards/gXgIWxQ
Hope this helps, please ask any questions you have about getting started coding!
Answer 54febca59113cbc4dc0010a4
we used to have a group for this kind of questions, but with these groups gone i think this forum is an excellent place. it is good to study templates, they can teach you a lot.
assuming you use windows, you will need to get an IDE or a text-editor. i recommend starting with a text-editor, windows comes with a text-editor by default (notepad), unfortunate that is not the best software ever written to say it friendly, happily for us there is an upgraded version called notepad++, or if you like something slightly better there is sublime tex, but notepad++ is a fine start. good, now you have a text-editor, you can make html files, how? simple create a new file, select save file, enter a name (index.html is recommended) and below the name input field, select all files (.) rather then text-file (*.txt)
now, go to your file like you would to open any other file, and double click on it, it should open in your default browser. if you make changes to the file, simple refresh the page and the latest changes are update
does this answer your question?
5 comments
Oh wow thank you, yes it does!
I should have mentioned I’m using a mac - but I tried out what you said with sublime and it worked pretty much the same. (In case it’s interesting to anyone, the only tiny difference I got with mac was that I didn’t get presented with the all files (.) and (*.txt) option when saving the file. That didn’t seem to matter though.)
Awesome. I just had no idea that the file would open automatically as a webpage. Thanks stetim94 :)
mac is fine, sublime text works for mac as well, and there are other great text-editors. i guessed you use windows because that is what 90% of the people use. (i don’t, i don’t like windows, i think mac is good but you are paying for the hardware and the stability). yes, the file opens automatically in the browser, but only you can open it, so for other people to see you need to rent a server. and then upload the files to the server. if you have any further questions feel free to ask. i have a question for you, have you ever heard of homebrew? it is something for mac, just curious what is it. i came across it when i wanted to install imagemagick for my linux, and for mac you had to use homebrew, and then i start paying attetion to it, and i saw homebrew mentioned several times. it seemed to be CLI/programming related, do you have? do you know what it is?
Yeah good point about nobody else being able to see it for now! Thanks.
Sorry but I haven’t used homebrew at all. I’m not a sophisticated mac user (yet) as I only moved over from Windows fairly recently. Actually I’m in a kind of awkward spot now where I hate/refuse to learn how to use the most recent windows (horrible horrible) but also don’t know a whole lot about mac stuff yet either (@_@) Trying to figure it all out as I go along….
people always blame apple, yet there selling records are really good. you don’t want to learn how to use windows 8.1? i tried, horrible, i pinned everything to my start menu, desktop and menubar, trying to avoid those horrible tilde menu. learn mac, it is based on unix, many web servers run unix based systems (mostly linux), good to figure it out, i am sure homebrew will get on your path
@k-bot Try Linux if you don’t like Apple :). There are literally hundreds of versions of Linux; you’ll almost definitely be able to find one you like.
Answer 5505c9ece39efe3da4006b01
all you need is notepad. just write all your code in notepad or some other text editor. save it as .html and when you click the file it will open in your browser window. or you can try w3schools. i think they have something like that
2 comments
notepad is bad, at least notepad++ then. be careful with w3schools, some code is outdated
W3Schools isn’t as bad as they used to be, but yeah - stay away from them. The MDN is much better: https://developer.mozilla.org
Answer 551a6999d3292fe27f000c33
Once you have made the .htm file you can open it with any browser.
Use and IDE to edit/create the file first.
FireFox is a pretty good start.
6 comments
i would make an .html file. i would start with a text-editor, not an IDE. FIrefox is the best browser for web-developers!
Yes your right, Komodo free edition editor and HTML KIT are pretty light and easy to obtain, they are both free.
I’m sure there are a tonne of others I have not mentioned.
sublime text, and many more. Zeke, you know this? any good text-editors?
@stetim94 Are you asking about text editors or IDEs? I mentioned a bunch of IDEs in my answer above, but for text editors the pretty much only thing I have much experience with is Gedit. It comes with a lot of Linux distros.
I’m gonna disagree with you about FF being the best browser, though. As long as FF doesn’t crash on you, FF Developer Edition is the best browser :). Part of the reason I say that is because support for HTML5, DE has better support than normal edition.
i missed that, you already had that. FF has a special developers version? awesome
Popular free courses
- Free course
Learn SQL
In this SQL course, you'll learn how to manage large datasets and analyze real data using the standard data management language.Beginner Friendly4 Lessons - Free course
Learn JavaScript
Learn how to use JavaScript — a powerful and flexible programming language for adding website interactivity.Beginner Friendly11 Lessons - Free course
Learn HTML
Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.Beginner Friendly6 Lessons
