You’ll see that all of the have a matching with a slash. (This is where your content goes that you see on your site.) (the head is like the brain of your file. (every html file must start and end with these tags) This is where you will be designing your first webpage, using a language called HTML! Your browser will read the HTML in your file, and that will tell the browser what controls should be on your page, and what they should do.Įvery HTML file takes the same basic structure to start with: Then open the file in your text editor (NotePad or TextEdit), I use an application called Notepad ++ which is pretty cool. Right click your Index.html file, select ‘Open With’. Now your project folder is set up and should look like this: Step 2: Create your first webpage If your file does not have a browser logo then that is because it was saved as a text document and not a HTML document, just open it up and go to file -> ‘Save as’ and save it again as ‘all files’ as Index.html. Below, my Index file has the Chrome logo because this is my default browser, but yours might look like the Safari, Edge or Firefox logo if you use these. Once your file is saved as a HTML file, you can open this file in your internet browser.
#Flappy bird online game pc mac#
If you are using Windows, you need to save this as type ‘all files’, and on a Mac it will ask you what file type you want to save the file as. Open Notepad (Windows) or TextEdit (Mac) on your computer, and save an empty file with the name ‘Index.html’. Inside this folder, create three more folders (y ou can use keyboard shortcuts to do this, press CTRL+Shift+N on a windows, or CMD+Shift+N on a Mac to create a new folder ) Create a new folder on your computer for your first project, you can name it anything you like. The first thing to do is to get your project structure ready, and this is how we always start when creating a new website.
Don’t worry if that makes no sense to you right now, everything will be explained below – so just follow the steps and create your first Flappy Birds game ! Step 1: Set up your project folders Take a look at the best alternatives to Flappy Bird instead.Welcome to the StephMyLife Coding Challenge ! Today you’re going to create a HTML webpage with a Javascript game that’s styled using CSS.
#Flappy bird online game pc download#
Please note that Flappy Bird is no longer available to download from the Google Play store. Once you've installed Flappy Bird you'll wish you hadn't! Crazy funįlappy Bird can be so annoying that you'll want to throw your phone out of the window, and at the same time it hooks you into coming back as you think "surely I'll get the hang of it now". Don't expect any lavish animation either, Flappy Bird is pretty jerky. The background in Flappy Bird is unimaginative and looks like it's been lifted from any of the countless cutesy platformers of the early 1990s. The bird himself is cute and his little pixelated face makes you feel all the sorrier when you smack him into a pipe for the 500th time. Graphically, Flappy Bird is very basic and looks like its come straight out of an 8-bit console. Sometimes you'll think that you've made it through a gap only to clip the edge of the pipe on your way back and then it's back to the beginning for you. The controls in Flappy Bird are simple - you just tap to flap - but the game is so hard that you can spend an hour practicing and you'll still only have made it through five or six gaps.