 Where to find information without us  Two interesting websites for you to explore  Tools you can use to make your own sites at home – including some free options!  Some of the things we have done!

  I have uploaded (or will soon be) all of the presentations and worksheets we’ve set onto this site under the HTML tab  Uploaded some links to download some of the tools we talk about later under tools  Posted some neat things I’ve found here too under resources

  These guys are the main international standards organization for the World Wide Web (abbreviated WWW or W3).  Great for learning ‘good code practice’  Sister school web site created by the W3C:

W3C Alternative Learning Resources Our Lesson Resources Date (HTML) Introduction & TypographyIntroductionTypography31 st January 2013 (HTML) TablesTables7 th February 2013 (HTML) ImagesImages14 th February 2013 (HTML) LinksLinks28 th February 2013 (CSS) Cascading Style SheetsCascading Style Sheets7 th March 2013

 There are many more HTML elements & CSS tags to learn! We recommend:  Hyper-Text Mark-up Language (HTML)  Forms Forms  HTML Styling HTML Styling  HTML5 HTML5  Cascading Style Sheets (CSS)  Navigation Bars Navigation Bars  Pseudo-Elements’ Pseudo-Elements’  Pseudo-Class’ Pseudo-Class’

 Other Web Technologies that the W3C can help you learn:  JavaScript JavaScript  HTML DOM HTML DOM  jQuery jQuery  AJAX AJAX  JSON JSON  SQL SQL  Server Side Scripting Languages such as:  ASP ASP  PHP PHP

 The W3C are no way creating a vast library of all aspects of each and every web technology.  There is as bountiful amount of knowledge regarding more specific technologies at:  ASP.NET ASP.NET  PHP.NET PHP.NET  jQuery – includes JavaScript & AJAX jQuery  MSSQL, MySQL MSSQLMySQL

  If your using something a little better than Internet Explorer, you can turn on X-Ray Goggles.  X-Ray Goggles let’s you mash up webpages  You can change anything on any webpage!

  I can’t design – Twitter know this and are helping people!  They’ve written all the CSS (and some JavaScript) to make really professional looking websites!  You just copy paste the code you want from their site and it all magically works!  I’ve created a template document to start!  Example bootstrap site  tml tml

  Notepad, Notepad++(PC) or TextEdit (Mac)  Totally Free Software  No installation required apart from Notepad++  Keeps coding basic but simple  You can code across many languages  Example

  Visual Studio 2012 Express for Web  Created and Maintained by a large corporate company  Primarily made for use in ASP.NET development  Excellent documentation available  Free to install, use and publish  Has many powerful features, most notably a one click local server implementation for testing your server side code in a realistic environment  Available only for Windows (PC)

  Sublime Text 2  Cross Platform (PC, MAC & Linux)  Free Licence (at the moment)

  Dreamweaver  Created and maintained by large corporate company  Has a great set of sister products to help with development (such as Photoshop, Flash etc.) All of which integrate nicely  Costs allot of ££  You gain experience with it in School (currently)  Available Cross Platform (MAC, PC & Linux)

 One third of our entire time at University in the last year is supposed to be spent “making something that does something”  I chose to make a website and iPhone app  Allows people like the Eden Project to draw out their own maps  People like me can then download that map onto their mobile phones when I go visit  The Eden Project can create tours for visitors to follow on their phones!