Tutorial Town Project Pt. 2 by

Tutorial Town Project Pt. 2 by https://padlet.com/sgomez10/tutorialtown2 Follow-up en-us 2016-10-18 16:53:29 UTC 2026-03-24 22:17:37 UTC hello@padlet.com Tutstown Project sgomez10 https://padlet.com/sgomez10/tutorialtown2/wish/131554556 As discussed in the previous class, we will recreate a basic webpage in order to understand the basics of web developing. ]]> 2016-10-18 16:55:09 UTC https://padlet.com/sgomez10/tutorialtown2/wish/131554556 Setting up all of our files... sgomez10 https://padlet.com/sgomez10/tutorialtown2/wish/131557812 A website is just a bunch of files. These files must all live in the same folder in order for the browser to get them.

The Tuts+ Town website will have an HTML file (saved with a .html file extension at the end), a CSS file (saved with a .css file extension at the end), and four images that will be saved in a folder named “images”. The images folder will live in the same main folder as the HTML and CSS files.

A file extension is the group of letters that come after the dot in a file name, telling us what kind of file it is:

]]> 2016-10-18 17:02:10 UTC https://padlet.com/sgomez10/tutorialtown2/wish/131557812 sgomez10 https://padlet.com/sgomez10/tutorialtown2/wish/131558609 As mentioned, our images will be saved in a folder named “images” within our main site folder, like this:]]> 2016-10-18 17:03:34 UTC https://padlet.com/sgomez10/tutorialtown2/wish/131558609 Folder and File organization sgomez10 https://padlet.com/sgomez10/tutorialtown2/wish/131559410 In the picture above we have an image named town.svg (the .svg extension is just a kind of image) which we’ve put in an extra folder called “images”. Both these ways of doing things are correct, but we will be using extras folders, like the picture on the right:]]> 2016-10-18 17:05:13 UTC https://padlet.com/sgomez10/tutorialtown2/wish/131559410 Open your editor (Notepad, Notepad++, Bluefish, Atom) sgomez10 https://padlet.com/sgomez10/tutorialtown2/wish/131560162 1) Open your editor.
2) Click Save As and name your file index.html
3) Write the basic structure for our website. If you don't remember how the basic structure goes, please go check on last class' assignment here.]]> 2016-10-18 17:06:56 UTC https://padlet.com/sgomez10/tutorialtown2/wish/131560162 Done with the structure? sgomez10 https://padlet.com/sgomez10/tutorialtown2/wish/131561889 Does your index.html file contain all of the basic tags IN THE CORRECT ORDER from last class?
html, head, title, body, header, main, footer ?

If yes, follow the next step, if not... then go back and check again!]]> 2016-10-18 17:11:09 UTC https://padlet.com/sgomez10/tutorialtown2/wish/131561889 If you're done... sgomez10 https://padlet.com/sgomez10/tutorialtown2/wish/131562946 1) Revise your code.
2) Show Ms. Sarah.
3) Free time!]]> 2016-10-18 17:13:36 UTC https://padlet.com/sgomez10/tutorialtown2/wish/131562946