Transcript PowerPoint - Web School - De


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!

http://webschool.de-velopment.com/

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



http://www.w3schools.com

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 & Typography
31st January 2013
(HTML) Tables
7th February 2013
(HTML) Images
14th February 2013
(HTML) Links
28th February 2013
(CSS) Cascading Style Sheets
7th March 2013


There are many more HTML elements & CSS
tags to learn! We recommend:
Hyper-Text Mark-up Language (HTML)
Forms
 HTML Styling
 HTML5


Cascading Style Sheets (CSS)



Navigation Bars
Pseudo-Elements’
Pseudo-Class’


Other Web Technologies that the W3C can
help you learn:
JavaScript






HTML DOM
jQuery
AJAX
JSON
SQL
Server Side Scripting Languages such as:


ASP
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
PHP.NET
jQuery – includes JavaScript & AJAX
MSSQL, MySQL

http://www.hackasaurus.org/en-US/

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!








http://twitter.github.com/bootstrap/
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

http://twitter.github.com/bootstrap/examples/carousel.h

http://notepad-plus-plus.org/

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

http://www.asp.net/downloads

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)

http://www.sublimetext.com/

Sublime Text 2


Cross Platform (PC, MAC & Linux)
Free Licence (at the moment)

http://www.adobe.com/products/dreamweaver.html

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!