Transcript Web Diploma

Welcome to the Web
Technologies Diploma
Julian Holden
This Morning
 Welcome
to Richmond Business School
 Introductions
 The Internet and the World Wide Web
 An Introduction to the Web Technologies
Diploma
Richmond Business School
 Fire
Escapes
 Toilets
 Coffee
…and other vital information
Introductions
 I’m





Julian – Tell me about yourself
Your name?
Are you usually a PC or a Mac user
If you have any previous experience in web
design?
What do you hope to get from this course?
Anything you need to make things easier for
you?
Practicalities





Do your best to attend all the sessions and try to
let your tutor know if you won’t be coming
You can take your student registration to the
LRC and register as a library borrower.
There are computers you can use in the LRC
To save paper we do not automatically print
handouts for each student. All of my handouts
(and other useful stuff) will be on the web at
www.colza.co.uk/webtech. If you want a printed
copy you can print these to the class printer.
If you have any problems or questions between
sessions you can email me at:
[email protected]
An Introduction to the
World Wide Web
The World Wide Web
- Group Exercise
 What
is it?
 What does it do?
 How do we use it?
 What do we use it for?
 How does it work?
The Internet and the World Wide Web
 This
section will…
 Explain
what The Internet is and explore
how it came about
 Discuss the part that is best-known – The
World Wide Web
We know what we do…
…but how do these work?
Let’s Go Back in Time
 Before
the 1980’s very few computers
were only used by one person.
 Computers were large, expensive and
locked away in secure computer centres
 Users had Terminals, a simple screen and
keyboard, to instruct the computer
 All the running of programs and storage of
data was managed by the computer and
controlled by IT staff
In 1982 something happened…
 IBM
(then the world’s largest computer
company) brought out a computer for
individuals. The IBM Personal Computer.
 Users now


Could run their own programs
Became responsible for their own information
Was this a good or a bad thing?
It was both good and bad
 Individuals
could control when programs
were run and a new wave of programs like
word processors and spreadsheets made
people more productive than ever before
But…
 They needed to make sure their own
information was safe from loss
 ‘Data Islands’ were created
 And how should they print?
A Local Area Network (LAN)
(lots of bits of cable)
Users continued to have independent computers but…
•Shared files could be stored on the server (no more data islands)
•Shared programs could be stored on the server (easier to support)
•Expensive hardware could be shared (we don’t have to give everyone a
printer)
Larger Networks
 Imagine
if RACC, RuTC and West Thames
colleges formed an alliance.
 We might want to join our networks so we
could share information.
 We are going to need some more cable –
are we going to dig up the streets?
An internetwork
(aka a WAN)
West Thames College
RuTC
Communications links
leased from BT, Virgin
Cable etc
We call linked networks internetworks or internets
Why don’t we link RACC & RutC directly?
RACC
Meanwhile in another continent…
 In
the 1970’s and 1980’s the US
government were linking large computers
at defence research establishments,
defence systems manufacturers and
universities so they could work on joint
defence projects
 They called this ARPAnet
 It was supposed to survive a nuclear war
 How might it do this?
ARPAnet
 More
and more companies and academic
institutions joined ARPAnet
 ARPA moved onto a better (more secret)
network and ARPAnet became public
property
 Non-defence companies were allowed to
connect to it and commercial use
(previously banned) was permitted.
Elsewhere in the World
 Universities
in the UK had joined together
using a similar network (JANet)
 JANet joined to ARPAnet so US and UK
universities could share information.
 Other countries did similar things
 Most are now all joined together into one
huge internetwork – The Internet
 Is this the web?
The World Wide Web

On the RACC network we have no problem
sharing Word and Excel files as everyone has
access to those programs – also via the
network.
 If we partnered with another college that used
different programs we might not be able to easily
share data.
 One solution to this is to create a type of
standardised document that can be used by
everyone
The World Wide Web
 Invented
in 1990 at CERN to solve the
problems of data exchange between
thousands of scientists using different
programs
 Documents
are stored on web servers and
retrieved with web browsers
 Commonly
just called ‘The web’
The Internet and the World Wide
Web
The Internet is the ‘wiring’ that connects
separate private networks
 The web is the collection of web servers and
web browsers. Messages between them travel
across The Internet.
 It’s possible to use web technologies without
using The Internet. We call these Intranets
 The Internet also carries other traffic including
email, file transfer, and Internet telephony

Group Exercise






What advantages did the invention of the PC
bring?
What disadvantages did it bring? Think about
social as well as technical issues here?
What can we do to resolve these problems?
If we connect networks together what do we call
the combined network?
How was ARPAnet superior to a simple internet?
What is the World Wide Web and how does it
relate to The Internet?
Group Exercise
 Who
‘owns’ The Internet?
 Who pays for The Internet?
 Whose laws apply to the Internet
 Who ‘polices’ the Internet?
Coffee
An Introduction to the
Web Technologies
Diploma course
Some of the things you will cover
on this course
Technologies
Software








XHTML
CSS
PHP
MySQL

Design
standards
Web Browsers
Web Servers
Dreamweaver
Flash
Photoshop
Domain names
Web Marketing
Legal Issues
Web Hosting
Search Engine
Optimisation
Copyright
Costings
Research and
planning skills
Times and Places
Sat Mornings
9:30 – 12:00

Week 1 – Site Planning
Week 2 – Dreamweaver

Weds Evenings



Photoshop
Flash
Sat Afternoons
12:30 – 3:00


Week 1 – XHTML/CSS
Week 2 – Dreamweaver
Module 1 – Site Planning
 Web
Servers and Web Browsers
 Planning a Website
 Registering a Domain name
 Web Hosting
 Content management
 Costing a web site
 Web Marketing
 Search Engine Optimisation
Module 2 – XHTML/CSS

The most important skills in web design
 XHTML files describe the content of a web page
 CSS files describe the appearance of a web
page
 While both XHTML and CSS files can be created
automatically by programs such as
Dreamweaver a good knowledge of these is
essential for anyone seeking web mastery
Module 3/4 – Adobe Dreamweaver

Dreamweaver is the market leading web
development environment
 In the first few weeks we will use Dreamweaver
to create static web pages.
 In the second part of the course Dreamweaver
will be used to introduce the use of the PHP
programming language and the MySQL
database to create dynamic web pages.
 Dreamweaver can automatically create XHTML
and CSS code. We will compare this to the
manually written code
Module 5 – Adobe Photoshop

Most web pages contain photographs or other
images
 Many web pages contain custom buttons or
other graphics used to give a particular
appearance to the page.
 Both the preparation of photographs and the
production of web graphics are undertaken with
a graphic editing program
 Adobe Photoshop is the market leader in this
field
Module 6 – Adobe Flash
 Flash
is the market leading product for the
production of animated graphics for use on
the web
 This module will cover the creation of
animations and the use of Flash to create
user interfaces
Assessments

The course is mainly assessed by the production
of practical work.
 The Site Planning module gets you to plan a site
over several short written answers.
 As you are not expected to own personal copies
of Dreamweaver, Flash and Photoshop time will
provided during the classroom sessions for you
to undertake practical work. The LRC also has
computers available with this software
 Please bring in a USB pen drive. This will allow
you to take work home.
Any Questions