Welcome to the Web Technologies Diploma

1. Welcome to the Web Technologies Diploma Julian Holden

2. This Morning • Welcome to Richmond Business School • Introductions • The Internet and the World Wide Web • An Introduction to the Web Technolgies Diploma

3. Richmond Business School • Fire Escapes • Toilets • Coffee …and other vital information

4. 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?

5. 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: julian.holden@racc.ac.uk

6. An Introduction to the World Wide Web

7. 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?

8. 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

9. We know what we do… …but how do these work?

10. 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

11. 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?

12. 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?

13. 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)

14. 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?

15. An internetwork(aka a WAN) West Thames College RuTC RACC Communications links leased from BT, Virgin Cable etc We call linked networks internetworks or internets Why don’t we link RACC & RutC directly?

16. 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?

17. 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.

18. 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?

19. 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

20. 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’

21. 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

22. 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?

23. Group Exercise • Who ‘owns’ The Internet? • Who pays for The Internet? • Whose laws apply to the Internet • Who ‘polices’ the Internet?

24. Coffee

25. An Introduction to the Web Technologies Diploma course

26. Technologies XHTML CSS PHP MySQL Software Web Browsers Web Servers Dreamweaver Flash Photoshop Some of the things you will cover on this course

27. Mornings 9:30 – 12:00 Weds – Site Planning (RBS11) Thurs – DW (RBS18) Fri – PS (RBS18) Afternoons 12:30 – 3:00 Weds – XHTML/CSS (RBS18) Thurs – DW (RBS18) Fri - Flash (RBS18) Times and Places

28. 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

29. 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

30. Module 3/4 – Adobe Dreamweaver • Dreamweaver is the market leading web development environment • In the first five 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

31. 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

32. 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

33. 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 but these have older versions of this software • Please bring in a USB pen drive. This will allow you to take work home.

34. Any Questions