Hi All,
Hope that you enjoyed the first HTML session today.
Summary of what we covered at Session 1:
- Installed HTML Editor.
- Created a Coderdojo folder to hold our webpages and an img sub-folder to hold our images
- Set the language each time we create a page to HTML (Language Menu --> H--> HTML)
- Learned to save our pages as HTML files and the importance of saving our work frequently so we don't lose our work.
- Learned about opening and closing tags.
- Learned what an element is.<html>, <head> and <body> tags
- Created basic HTML file with <head>
- Testing our pages as we go (Run Menu --> Launch in Chrome or Launch in IE)
- Keyboard shortcuts:
- CTRL + C = Copy highlighted text
- CTRL + V = Paste copied text
- CTRL + Z = Undo the last change made
- F5 (or on some laptops FN + F5) = Refreshes the pages currently displayed in the browser
- We covered the following tags:
- <html></html>
- <head></head>
- <body></body>
- <title></title>
- Heading Tags
- <h1></h1>
- <h2></h2>
- <h3></h3>
- <h4></h4>
- <h5></h5>
- <h6></h6>
- <hr>
- Formatting tags
- <b></b>
- <I></i>
- <u></u>
- <br>
To follow-up on our first HTML session today, here are the resources that we recommend you use to learn more about HTML:
- For HTML specific info
- For interactive HTML training
- Lists some free website hosting providers. There are many others.
- One of many free web hosting sites
Homework for next week:
- Practice creating pages using the tags you learned today
- Ensure that Google Chrome or Mozilla Firefox is available on your laptop.
Videos from the session today:
For more information about the Cork Internet Exchange where internet traffic is sent through, have a look at http://www.cix.ie/about.html including the YouTube video.
HTML Editors:
One thing we learned today is that Notepad ++ did not work on the Apple Mac. Our recommedation for HTML editors are:
One thing we learned today is that Notepad ++ did not work on the Apple Mac. Our recommedation for HTML editors are:
Notepad ++ - PC Only (http://notepad-plus-plus.org/download/v6.5.1.html)
Komodo Editor - Apple Mac (http://www.activestate.com/komodo-edit/downloads/thank-you?dl=http://downloads.activestate.com/Komodo/releases/8.5.2/Komodo-Edit-8.5.2-13850-macosx-x86_64.dmg)
Komodo Editor - Apple Mac (http://www.activestate.com/komodo-edit/downloads/thank-you?dl=http://downloads.activestate.com/Komodo/releases/8.5.2/Komodo-Edit-8.5.2-13850-macosx-x86_64.dmg)
No comments:
Post a Comment