Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (11)
Semelhante a Designing for the Web
Semelhante a Designing for the Web (20)
Mais de Miles Berry
Mais de Miles Berry (20)
Último
Último (20)
Designing for the Web
- 1. Designing for the Web Supporting learning communities with ICT Lecture 4 16th October 2013
- 2. A little history… Earliest memories?
- 3. The Internet is not the Web
- 5. Switching on the Web
- 10. Moodle
- 16. Hand coding Old school… (and new)
- 17. HTML by hand <html> <head> <title>My first web page</title> </head> <body> <h1>This is my first web page</h1> <p>Hello World!</p> </body> </html>
- 18. Authoring HTML Using thimble, and creating the HTML by hand, write a brief introduction to your Course topic for pupils.
- 19. More tags… <em> <strong> <a href=“…”> <img src=“…” /> <table><tr><td> <br /> <hr /> <object …> and <embed …>
- 21. Learning HTML O2 Learn / Decoded Codecademy W3Schools Shay Howe’s Guide
- 22. HTML 5 <canvas> <video> <audio> <article>, <footer>, <header>, <nav>, <progress>, <section>, <summary>, <time>
- 23. Thinking about design For real people, and for children…
- 33. Effective web design Don’t make users think Don’t squander users’ patience Make use of effective writing Strive for simplicity Don’t be afraid of white space Conventions are our friends Test early, test often A selection from Friedman, 2008
- 34. Design principles Content is king Intuitive navigation The pages belong to the site Layout Golden ratio Rule of thirds Symmetry Balance
- 35. Design Principles Unity Proximity Repetition Colour and style Emphasis Placement Isolation Contrast Form follows function
- 36. Anatomy of a webpage http://articles.sitepoint.com/article/principles-beautiful-web-design/2
- 37. Conventions Separate content and presentation Functional formatting Links, images and media Typography Layout Navigation Home, About us, Contact us Web 2.0
- 38. Further ideas Use of a base colour Fonts (don’t use comic sans) Hierarchy Proportion Limit choice Occam’s razor
- 48. Over to you