Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
@DesDigitalWorld
#designandthedigitalworld
Websites and Blogs
Andrea Bundon, School of Sport, Exercise and Health Sciences...
@DesDigitalWorld
#designandthedigitalworld
@DesDigitalWorld
#designandthedigitalworld
@DesDigitalWorld
#designandthedigitalworld
@DesDigitalWorld
#designandthedigitalworld
@DesDigitalWorld
#designandthedigitalworld
WHAT IS A BLOG?
• Abbreviated form of ‘weblog’
• Easily updated
• Content poste...
@DesDigitalWorld
#designandthedigitalworld
WHAT IS A BLOG?
• Originally used as online web ‘journal’
• Highly adaptable fo...
@DesDigitalWorld
#designandthedigitalworld
@DesDigitalWorld
#designandthedigitalworld
@DesDigitalWorld
#designandthedigitalworld
WHY HAVE A BLOG?
• Control your online presence
• Show people what you want the...
@DesDigitalWorld
#designandthedigitalworld
Building a Digital Presence
Using templates to create your site
Laura Santamari...
@DesDigitalWorld
#designandthedigitalworld
1. Register a domain name – e.g. www.myprofile.com
2. Buy hosting space (physic...
@DesDigitalWorld
#designandthedigitalworld
HTML or CMS?
CMS – more user friendly but
requires you to know your way
round i...
@DesDigitalWorld
#designandthedigitalworld
Open Source (free) CMS Platforms
• WordPress – Best pick for beginners, works w...
@DesDigitalWorld
#designandthedigitalworld
@DesDigitalWorld
#designandthedigitalworld
Some examples…
http://themeforest.net/item/infographer-multipurpose-infographic...
@DesDigitalWorld
#designandthedigitalworld
Covers:
• Buying domain name & hosting
• Installation
• Customisation
http://yo...
@DesDigitalWorld
#designandthedigitalworld
Resources for customisation
• Digital Stock http://market.envato.com/
A wealth ...
@DesDigitalWorld
#designandthedigitalworld
Get professional help – from £5…
@DesDigitalWorld
#designandthedigitalworld
Using websites and apps as research tools
Design and the Digital World
Dr Luis ...
@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....
@DesDigitalWorld
#designandthedigitalworld
• Content management system
– 74 Million Sites made with WordPress
– 19% of the...
@DesDigitalWorld
#designandthedigitalworld
Dr Becky Mallaband
o R.mallaband@lboro.ac.uk
o @bmallaband
Dr Sarah Barnard
o S...
Upcoming SlideShare
Loading in …5
×

of

6. Websites and Blogs Slide 1 6. Websites and Blogs Slide 2 6. Websites and Blogs Slide 3 6. Websites and Blogs Slide 4 6. Websites and Blogs Slide 5 6. Websites and Blogs Slide 6 6. Websites and Blogs Slide 7 6. Websites and Blogs Slide 8 6. Websites and Blogs Slide 9 6. Websites and Blogs Slide 10 6. Websites and Blogs Slide 11 6. Websites and Blogs Slide 12 6. Websites and Blogs Slide 13 6. Websites and Blogs Slide 14 6. Websites and Blogs Slide 15 6. Websites and Blogs Slide 16 6. Websites and Blogs Slide 17 6. Websites and Blogs Slide 18 6. Websites and Blogs Slide 19 6. Websites and Blogs Slide 20 6. Websites and Blogs Slide 21 6. Websites and Blogs Slide 22 6. Websites and Blogs Slide 23 6. Websites and Blogs Slide 24 6. Websites and Blogs Slide 25 6. Websites and Blogs Slide 26 6. Websites and Blogs Slide 27 6. Websites and Blogs Slide 28 6. Websites and Blogs Slide 29 6. Websites and Blogs Slide 30

YouTube videos are no longer supported on SlideShare

View original on YouTube

0

Share

Download to read offline

6. Websites and Blogs

Download to read offline

Dr Andrea Bundon, Laura Santamaria, Dr Luis Oliveira
Design and the Digital World - Session 1
Establishing a digital presence for your research

Related Books

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

6. Websites and Blogs

  1. 1. @DesDigitalWorld #designandthedigitalworld Websites and Blogs Andrea Bundon, School of Sport, Exercise and Health Sciences, Loughborough University
  2. 2. @DesDigitalWorld #designandthedigitalworld
  3. 3. @DesDigitalWorld #designandthedigitalworld
  4. 4. @DesDigitalWorld #designandthedigitalworld
  5. 5. @DesDigitalWorld #designandthedigitalworld
  6. 6. @DesDigitalWorld #designandthedigitalworld WHAT IS A BLOG? • Abbreviated form of ‘weblog’ • Easily updated • Content posted in chronological order
  7. 7. @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
  8. 8. @DesDigitalWorld #designandthedigitalworld
  9. 9. @DesDigitalWorld #designandthedigitalworld
  10. 10. @DesDigitalWorld #designandthedigitalworld WHY HAVE A BLOG? • Control your online presence • Show people what you want them to see • NOT HAVING ONLINE PRESENCE IS SUSPICIOUS!!!
  11. 11. @DesDigitalWorld #designandthedigitalworld Building a Digital Presence Using templates to create your site Laura Santamaria Doctoral Researcher in Design Loughborough University
  12. 12. @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
  13. 13. @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
  14. 14. @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
  15. 15. @DesDigitalWorld #designandthedigitalworld
  16. 16. @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/
  17. 17. @DesDigitalWorld #designandthedigitalworld Covers: • Buying domain name & hosting • Installation • Customisation http://youtu.be/CiPzIiTWnLM Quick start – Tutorial video
  18. 18. @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 tutorials http://www.w3schools.com/
  19. 19. @DesDigitalWorld #designandthedigitalworld Get professional help – from £5…
  20. 20. @DesDigitalWorld #designandthedigitalworld Using websites and apps as research tools Design and the Digital World Dr Luis Oliveira L.Oliveira@lboro.ac.uk Research Associate – REFLECT and REFIT projects Design School Loughborough – UK
  21. 21. @DesDigitalWorld #designandthedigitalworld Research diagram
  22. 22. @DesDigitalWorld #designandthedigitalworld Fourth Study
  23. 23. @DesDigitalWorld #designandthedigitalworld Fourth Study
  24. 24. @DesDigitalWorld #designandthedigitalworld Flowchart
  25. 25. @DesDigitalWorld #designandthedigitalworld
  26. 26. @DesDigitalWorld #designandthedigitalworld
  27. 27. @DesDigitalWorld #designandthedigitalworld
  28. 28. @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
  29. 29. @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/
  30. 30. @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

Dr Andrea Bundon, Laura Santamaria, Dr Luis Oliveira Design and the Digital World - Session 1 Establishing a digital presence for your research

Views

Total views

299

On Slideshare

0

From embeds

0

Number of embeds

72

Actions

Downloads

2

Shares

0

Comments

0

Likes

0

×