@DesDigitalWorld

#designandthedigitalworld

Websites and Blogs

Andrea Bundon, School of Sport, Exercise and Health Sciences, Loughborough University

@DesDigitalWorld

#designandthedigitalworld

@DesDigitalWorld

#designandthedigitalworld

@DesDigitalWorld

#designandthedigitalworld

@DesDigitalWorld

#designandthedigitalworld

@DesDigitalWorld

#designandthedigitalworld

WHAT IS A BLOG?

• Abbreviated form of ‘weblog’

• Easily updated

• Content posted in chronological order

@DesDigitalWorld

#designandthedigitalworld

WHAT IS A BLOG?

• Originally used as online web ‘journal’

• Highly adaptable format

• Used as a personal website, for communication within research

team, or to disseminate research

@DesDigitalWorld

#designandthedigitalworld

@DesDigitalWorld

#designandthedigitalworld

@DesDigitalWorld

#designandthedigitalworld

WHY HAVE A BLOG?

• Control your online presence

• Show people what you want them to see

• NOT HAVING ONLINE PRESENCE IS SUSPICIOUS!!!

@DesDigitalWorld

#designandthedigitalworld

Building a Digital Presence

Using templates to create your site

Laura Santamaria

Doctoral Researcher in Design

Loughborough University

@DesDigitalWorld

#designandthedigitalworld

1. Register a domain name – e.g. www.myprofile.com

2. Buy hosting space (physical server space to store website files)

3. Select and purchase a template

4. Upload template to your hosting server

5. Customise template to suit your needs

The basic steps

@DesDigitalWorld

#designandthedigitalworld

HTML or CMS?

CMS – more user friendly but

requires you to know your way

round it

HTML – time consuming and

less user friendly

@DesDigitalWorld

#designandthedigitalworld

Open Source (free) CMS Platforms

• WordPress – Best pick for beginners, works well for small to medium sized websites &

blogs

• Joomla – Best for flexibility and customisation. Offers ample possibilities for building more

sophisticated functionalities (e.g. e-commerce, data cataloguing and visualisation)

• Drupal – The hardest, but also the most powerful CMS

@DesDigitalWorld

#designandthedigitalworld

@DesDigitalWorld

#designandthedigitalworld

Some examples…

http://themeforest.net/item/infographer-multipurpose-infographic-theme/5027304?WT.oss_phrase=wordpress%20chart&WT.oss_rank=6&WT.z_author=QODE&WT.ac=search_thumb

http://themeforest.net/item/rock-group-multipurpose-infographic-theme/full_screen_preview/9005879

http://themeforest.net/item/chulan-personal-portfolio-resume-theme/full_screen_preview/911564

http://mythemepreviews.com/uno_personal/video/

@DesDigitalWorld

#designandthedigitalworld

Covers:

• Buying domain name & hosting

• Installation

• Customisation

http://youtu.be/CiPzIiTWnLM

Quick start – Tutorial video

@DesDigitalWorld

#designandthedigitalworld

Resources for customisation

• Digital Stock http://market.envato.com/

A wealth of ready-made website templates, graphics elements, music and video

clips available at very affordable rates

• Programming (basics)Useful for understanding and learning basic webpage

construction, styling and interactive functionality

Web Design with HTML, CSS, JavaScript and jQuery Set, by Jon Duckett

http://www.amazon.co.uk/gp/product/1118907442/ref=ox_sc_sfl_title_2?ie=UTF8&psc=1&smid=A3P5RO

KL5A1OLE

• Online tutorialshttp://www.w3schools.com/

@DesDigitalWorld

#designandthedigitalworld

Get professional help – from £5…

@DesDigitalWorld

#designandthedigitalworld

Using websites and apps as research tools

Design and the Digital World

Dr Luis OliveiraL.Oliveira@lboro.ac.uk

Research Associate – REFLECT and REFIT projects

Design School

Loughborough – UK

@DesDigitalWorld

#designandthedigitalworld

Research

diagram

@DesDigitalWorld

#designandthedigitalworld

Fourth Study

@DesDigitalWorld

#designandthedigitalworld

Fourth Study

@DesDigitalWorld

#designandthedigitalworld

Flowchart

@DesDigitalWorld

#designandthedigitalworld

@DesDigitalWorld

#designandthedigitalworld

@DesDigitalWorld

#designandthedigitalworld

@DesDigitalWorld

#designandthedigitalworld

• Domain name

– www.godaddy.com

• Hosting

– www.dreamhost.com

– www.krystal.co.uk

• Mobile website

– Dreamweaver

– HTML, CSS, JavaScript, JQuery Mobile• Building iPhone Apps with HTML, CSS, and JavaScript - Making App Store Apps Without Objective-C or

Cocoa, By Jonathan Stark

@DesDigitalWorld

#designandthedigitalworld

• Content management system

– 74 Million Sites made with WordPress

– 19% of the internet runs WordPress

– Large community of developers

• Stack Overflow / Stack Exchange

http://venturebeat.com/2013/07/27/19-percent-of-the-web-runs-on-wordpress/

https://managewp.com/14-surprising-statistics-about-wordpress-usage/

@DesDigitalWorld

#designandthedigitalworld

Dr Becky Mallaband

o R.mallaband@lboro.ac.uk

o @bmallaband

Dr Sarah Barnard

o S.H.Barnard@lboro.ac.uk

o @SarahBarnard20

Dr Laura Carletti

o laura.carletti@nottingham.ac.uk

o @lauracarletti

Dr Ashley Casey

o A.J.B.Casey@lboro.ac.uk

o @DrAshCasey

Dr Andrea Bundon

o A.Bundon@lboro.ac.uk

o @ultreia1x

Dr Inês Varela-Silva

o M.I.O.Varela-Silva@lboro.ac.uk

o @inesvarelasilva

Laura Santamaria

o L.Santamaria@lboro.ac.uk

o @SublimeMagazine

Dr Luis Oliveria

o L.Oliveira@lboro.ac.uk

o @luibhz