1. WEB DESIGN AND PROGRAMMING Who am I?

2. WEB DESIGN AND PROGRAMMING Who am I? Jason Green – often shortened to greenj in work email systems, leading to the Greenjay Studied DesComp Started off as a Junior at M&C Saatchi Digital 3.5 years later I am an Art Director at Ogilvy Interactive Sydney Technical background, good code knowledge Now concepting and designing for the web Not an artist, but a designer

3. WEB DESIGN AND PROGRAMMING Who are you?

4. WEB DESIGN AND PROGRAMMING Introduction to Internet and World Wide Web Computing

5. WEB DESIGN AND PROGRAMMING History of the Internet ARPANET – Implemented in late 1960’s by ARPA (Advanced Research Projects Agency of DOD)‏ – Networked computer systems of a dozen universities and institutions with 56KB communications lines – Grandparent of today’s Internet – Intended to allow computers to be shared – Became clear that key benefit was allowing fast communication between researchers – electronic-mail (email)‏

6. WEB DESIGN AND PROGRAMMING History of the Internet ARPA’s goals – Allow multiple users to send and receive info at same time – Network operated packet switching technique Digital data sent in small packages called packets Packets contained data, address info, error-control info and sequencing info Greatly reduced transmission costs of dedicated communications lines – Network designed to be operated without centralized control If portion of network fails, remaining portions still able to route packets

7. WEB DESIGN AND PROGRAMMING History of the Internet Transmission Control Protocol (TCP)‏ – Name of protocols for communicating over ARPAnet – Ensured that messages were properly routed and that they arrived intact Organizations implemented own networks – Used both for intra-organization and communication

8. WEB DESIGN AND PROGRAMMING History of the Internet Huge variety of networking hardware and software appeared – ARPA achieved inter-communication between all platforms with development of the IP Internetworking Protocol Current architecture of Internet – Combined set of protocols called TCP/IP The Internet – Limited to universities and research institutions – Military became big user – Next, government decided to access Internet for commercial purposes

9. WEB DESIGN AND PROGRAMMING History of the Internet Internet traffic grew – Businesses spent heavily to improve Internet Better service their clients – Fierce competition among communications carriers and hardware and software suppliers – Result Bandwidth (info carrying capacity) of Internet increased tremendously Costs plummeted

10. WEB DESIGN AND PROGRAMMING History of the Internet WWW – Allows computer users to locate and view multimedia- based documents – Introduced in 1990 by Tim Berners-Lee Internet today – Mixes computing and communications technologies – Makes information constantly and instantly available to anyone with a connection

11. WEB DESIGN AND PROGRAMMING World Wide Web Consortium W3C – Founded in 1994 by Tim Berners-Lee Devoted to developing non-proprietary and interoperable technologies for the World Wide Web and making the Web universally accessible – Standardization W3C Recommendations: technologies standardized by W3C – include Extensible HyperText Markup Language (XHTML), Cascading Style Sheets (CSS) and the Extensible Markup Language (XML)‏ Document must pass through Working Draft, Candidate Recommendation and Proposed Recommendation phases before considered for W3C Recommendation

12. WEB DESIGN AND PROGRAMMING World Wide Web Consortium W3C Structure – 3 Hosts Massachusetts Institute of Technology (MIT)‏ European Research Consortium for Informatics and Mathematics (ERCIM) Keio University of Japan – 400 Members W3C homepage at www.w3.org www.w3.org W3C Goals – User Interface Domain – Technology and Society Domain – Architecture Domain and Web Accessibility Initiatives

13. WEB DESIGN AND PROGRAMMING The Industry In Brief: What is a web designer?

14. WEB DESIGN AND PROGRAMMING The Situation Receive a brief, they know what they want, and you can supply it You produce a functional, elegent design and proposal that more than fulfills the brief You wait for a phone call that never comes In a few weeks you go to the url to discover a monstrosity Your functional, user friendly design has been swept aside Why would this happen?

15. WEB DESIGN AND PROGRAMMING What is a Web Designer A 15 year old with a cracked copy of Dreamweaver? In some areas this may qualify as your competition What is the difference between that 15 year old and a professional – design skill, Internet knowledge, experience and professional commitment to the field We don't DO websites we PRACTICE web design Web designers follow industry developments They are involved in design communities

16. WEB DESIGN AND PROGRAMMING Money is always an object Inexperienced clients will have NO idea what a website should or shouldnt cost and... Their nephew will do it for free Their nephew will not give them – Usability, accessability, elegance, flow, security, flexibility, versatility or efficiency You may need to be flexible with your pricing, or offer various options of different prices Some people really need to realise what it costs People spend more and more time online, and web advertising should be worth a proportional amount of the clients budget

17. WEB DESIGN AND PROGRAMMING Fear of the Unknown Limit your use of technical terms Intimidation usually leads to fear There will always be a way to explain the workings of your proposal with normal language The client doesnt need to know the difference between HTML and ASP, only you do Sometimes they will ask for a more detailed explanation There is a fine line to walk. Don't leave them in the dark, dont overwhelm them

18. WEB DESIGN AND PROGRAMMING Sometimes You Just Cant Win If they are even considering letting their friends 15 year old nephew design and build their site, you have probably already lost them Companies look at the bottom line and dont understand the web Even if it is not the nephew there are companies out there who pump out template based websites for set prices

19. WEB DESIGN AND PROGRAMMING What can you do about it You may have to do some number crunching, or sacrafice some hours, not too much obviously Under promise and over deliver Make sure your proposal is readable, reserve technical jargon for its own section Use numbers to your advantage, make sure you are up to date on the latest research Internet usage is A LOT more than TV viewing time and it is increasing, web budgets should reflect this Working for a large agency is good as that kind of research is freely available, dont waste it

20. WEB DESIGN AND PROGRAMMING Resources www.greenjay.com.au/wdap Will be where all of your lectures are posted, and where class materials are kept www.greenjay.com.au/wdap www.greenjay.com.au/forum Will be a place for you to ask any questions and receive feedback at any time. I will check it regularly www.greenjay.com.au/forum http://www.pspad.com/en/download.php Is a good little FREE program to edit HTML and CSS code http://www.pspad.com/en/download.php https://addons.mozilla.org/en-US/firefox/addon/60 I would also recommend this firefox developer plugin, has so many uses https://addons.mozilla.org/en-US/firefox/addon/60