SlideShare ist ein Scribd-Unternehmen logo
1 von 30
Downloaden Sie, um offline zu lesen
@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 tutorials
http://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 Oliveira
L.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

Weitere ähnliche Inhalte

Ähnlich wie 6. Websites and Blogs

Mktg350 lecture 10232013
Mktg350 lecture 10232013Mktg350 lecture 10232013
Mktg350 lecture 10232013
lkirkman
 
How to utilize social media in your job search
How to utilize social media in your job searchHow to utilize social media in your job search
How to utilize social media in your job search
Heather Briggs
 

Ähnlich wie 6. Websites and Blogs (20)

Understanding SEO For Photographers
Understanding SEO For PhotographersUnderstanding SEO For Photographers
Understanding SEO For Photographers
 
Putting social media to work for you
Putting social media to work for youPutting social media to work for you
Putting social media to work for you
 
Information architecture 101
Information architecture 101Information architecture 101
Information architecture 101
 
3 2-1 Action Screencasting in the Classroom - TCEA 2015
3 2-1 Action Screencasting in the Classroom - TCEA 20153 2-1 Action Screencasting in the Classroom - TCEA 2015
3 2-1 Action Screencasting in the Classroom - TCEA 2015
 
Trailblazing Your Content Marketing Strategy - SLCHUG May 24, 2018
Trailblazing Your Content Marketing Strategy - SLCHUG May 24, 2018Trailblazing Your Content Marketing Strategy - SLCHUG May 24, 2018
Trailblazing Your Content Marketing Strategy - SLCHUG May 24, 2018
 
WordPress Accessibility: WordCamp Chicago
WordPress Accessibility: WordCamp ChicagoWordPress Accessibility: WordCamp Chicago
WordPress Accessibility: WordCamp Chicago
 
What is Drupal? An Introduction to Drupal 8
What is Drupal? An Introduction to Drupal 8What is Drupal? An Introduction to Drupal 8
What is Drupal? An Introduction to Drupal 8
 
Over 50 Adoption Activities That Have Helped ORganizations Get More Out Of Of...
Over 50 Adoption Activities That Have Helped ORganizations Get More Out Of Of...Over 50 Adoption Activities That Have Helped ORganizations Get More Out Of Of...
Over 50 Adoption Activities That Have Helped ORganizations Get More Out Of Of...
 
Event Storming(이벤트 스토밍)
Event Storming(이벤트 스토밍)Event Storming(이벤트 스토밍)
Event Storming(이벤트 스토밍)
 
Mktg350 lecture 10232013
Mktg350 lecture 10232013Mktg350 lecture 10232013
Mktg350 lecture 10232013
 
Accessibility & WordPress: Developing for the whole world.
Accessibility & WordPress: Developing for the whole world.Accessibility & WordPress: Developing for the whole world.
Accessibility & WordPress: Developing for the whole world.
 
8 Ways to Make Seo Work on a Budget
8 Ways to Make Seo Work on a Budget8 Ways to Make Seo Work on a Budget
8 Ways to Make Seo Work on a Budget
 
How to utilize social media in your job search
How to utilize social media in your job searchHow to utilize social media in your job search
How to utilize social media in your job search
 
Azure ML: from basic to integration with custom applications
Azure ML: from basic to integration with custom applicationsAzure ML: from basic to integration with custom applications
Azure ML: from basic to integration with custom applications
 
Power Prospecting and Renewing International Real Estate Referrals Using Soci...
Power Prospecting and Renewing International Real Estate Referrals Using Soci...Power Prospecting and Renewing International Real Estate Referrals Using Soci...
Power Prospecting and Renewing International Real Estate Referrals Using Soci...
 
Just Enough Web Development: An Introduction!
Just Enough Web Development: An Introduction!Just Enough Web Development: An Introduction!
Just Enough Web Development: An Introduction!
 
AAF Amarillo - Growing Your Agency From The Inside Out
AAF Amarillo - Growing Your Agency From The Inside OutAAF Amarillo - Growing Your Agency From The Inside Out
AAF Amarillo - Growing Your Agency From The Inside Out
 
SEO for bloggers - Eat Drink Blog Canberra 2015
SEO for bloggers - Eat Drink Blog Canberra 2015SEO for bloggers - Eat Drink Blog Canberra 2015
SEO for bloggers - Eat Drink Blog Canberra 2015
 
Personal Branding 2017
Personal Branding 2017Personal Branding 2017
Personal Branding 2017
 
Pathways to Future Learning - Keynote #smootau13
Pathways to Future Learning - Keynote #smootau13Pathways to Future Learning - Keynote #smootau13
Pathways to Future Learning - Keynote #smootau13
 

Mehr von designanddigitalworld

Mehr von designanddigitalworld (16)

5. Increasing Digital Impact through Video
5. Increasing Digital Impact through Video5. Increasing Digital Impact through Video
5. Increasing Digital Impact through Video
 
4. Presentation
4. Presentation4. Presentation
4. Presentation
 
2. Evaluating the impact of dissemination via social media
2. Evaluating the impact of dissemination via social media2. Evaluating the impact of dissemination via social media
2. Evaluating the impact of dissemination via social media
 
8. Using Images to Communicate
8. Using Images to Communicate8. Using Images to Communicate
8. Using Images to Communicate
 
7. Visualising Large Datasets
7. Visualising Large Datasets7. Visualising Large Datasets
7. Visualising Large Datasets
 
5. How to present a lot of text?
5. How to present a lot of text?5. How to present a lot of text?
5. How to present a lot of text?
 
4. Going further with audio/video analysis
4. Going further with audio/video analysis4. Going further with audio/video analysis
4. Going further with audio/video analysis
 
3. Data visualisation during the analysis process
3. Data visualisation during the analysis process3. Data visualisation during the analysis process
3. Data visualisation during the analysis process
 
2. Communication through good information design
2. Communication through good information design2. Communication through good information design
2. Communication through good information design
 
1. Why visualise?
1. Why visualise?1. Why visualise?
1. Why visualise?
 
5. Personal Branding and Social Media
5. Personal Branding and Social Media5. Personal Branding and Social Media
5. Personal Branding and Social Media
 
2. Digital Presence: Definition & Strategies
2. Digital Presence: Definition & Strategies2. Digital Presence: Definition & Strategies
2. Digital Presence: Definition & Strategies
 
7. 'Digital' as data
7. 'Digital' as data7. 'Digital' as data
7. 'Digital' as data
 
6. Planning for research impact
6. Planning for research impact6. Planning for research impact
6. Planning for research impact
 
2. Visualising your research team: Collaborating digitally
2. Visualising your research team: Collaborating digitally2. Visualising your research team: Collaborating digitally
2. Visualising your research team: Collaborating digitally
 
1. Getting to know your research team
1. Getting to know your research team1. Getting to know your research team
1. Getting to know your research team
 

Kürzlich hochgeladen

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 

Kürzlich hochgeladen (20)

Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 

6. Websites and Blogs