slides

Websites...
how do they work anyway?

opening slide: information design

A look at our own browsing habits and an introduction to the technical basics of putting a website online.

opening slide: Websites... how do they work anyway?
summary: our browsing habits, 	websites - how do they work?,  what makes a good website?, content out approach, WordPress as CMS
browsing habit questions about devide and browser preference
 list of 12 browsers: Firefox, Waterfox, Brave, Vivaldi, Edge, Opera, Maxthon, Yandex, TOR, Safari, Cliqz, Chrome
list of 12 browsers, repeated
browsing habit question: how do you browse? routines? typical patterns?
question: which search engines do you use?
large google icon
prompt: Remember that there are other (+ better) search options out there!!	Try them out. You might be surprised.
list of 14 search alternatives: duckduckgo, ecosia, wikimedia, internet archive, Wolfram Alpha, dogpile, tandex, flickr, swisscows, yippy, yahoo, google, bing, qwant
illustration of map + devices showing international/national audiences
illustration of map + devices showing international/national audiences
overview of 4 parts of process of viewing a site
infographic: Transparency: The Most Committed Crimes in the Country - black/white photo of group with circular icons to cover faces
part 1 — accessing the web address/URL
part 2 — IP lookup of the domain name
part 3 — connection between server and browser | part 4 — presentation of website content
part 3 — connection between server and browser | part 4 — presentation of website content
What makes a good website? What makes a good website? Which aspects do you consider important?
keywords as replies, eg loads fast. is accessible. functions well. up-to-date. easy to use...
User perspective - where do the priorities lie? content technical aesthetic
User perspective - where do the priorities lie? content technical aesthetic
content out approach - summary
content out approach - quote: Content precedes design. Design in the absence of content is not design, it’s decoration. Jeffrey Zeldman
content out approach - 1. content creation, editing for target group & context
content out approach - 1. content creation, editing for target group & context + ongoing feedback
content out approach - 2. content review / revision, site planning for content structure
content out approach - 3. design for layout, type and presentation of all media
Putting a site online - which options are available?
Putting a site online - which options are available? - static, self-hosted / free-hosted / CMS
CMS & template-driven design illustration
CMS & template-driven design: practically speaking: 1. content 2. log into admin 3. edit/update 4. save
CMS & template-driven design: practically speaking: 5. active theme 6. view
CMS & template-driven design: practically speaking: 7. backup: both database (content) and theme (design)
WordPress logo
Wordpress by Automattic, Matt Mullenweg info _ links to .org and .com sites
WP = free as in freedom & free as in money
2 sides of WP: admin + public site
tips to keep up to date + password safe
login screen with cogs and maginfying glass + WP logo
closing slide

please note: the video is merely the recorded version of the visual part of presentation, no audio included.

download slides PDF, 4.9MB (optimised) PDF, 28.7MB (original)