6. Websites and Blogs
-
Upload
designanddigitalworld -
Category
Education
-
view
191 -
download
0
Transcript of 6. Websites and Blogs
@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 [email protected]
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 @bmallaband
Dr Sarah Barnard
o @SarahBarnard20
Dr Laura Carletti
o @lauracarletti
Dr Ashley Casey
o @DrAshCasey
Dr Andrea Bundon
o @ultreia1x
Dr Inês Varela-Silva
o @inesvarelasilva
Laura Santamaria
o @SublimeMagazine
Dr Luis Oliveria
o @luibhz