• Save
Website Design PD Session
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Website Design PD Session

on

  • 1,450 views

Website design using Wordpress at Qatar University

Website design using Wordpress at Qatar University

Statistics

Views

Total Views
1,450
Views on SlideShare
1,377
Embed Views
73

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 73

http://edunile.net 73

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Personal sites, Students blogs (College of Pharmacy), project pages, e-portfolios , the President’s Newsletter.

Website Design PD Session Presentation Transcript

  • 1. Setting up Your First Interactive Website or Blog Ismail Fayed, info@edunile.net Foundation Program Department of English Portfolio: http://edunile.net – Twitter: @tweet4education
  • 2. Outline • Online presence & Web 2.0 • Why WordPress as a CMS • Examples • Planning your website content • How to set up your first website/ blog – Adding a theme – Customizing website layout – Adding widgets – Adding plugins
  • 3. Online presence & Web 2.0 • It is now easy to unify your web presence using one blog/ website – VLE (BB, Moodle, etc.) – Blog/ RSS reader – Twitter integration – Facebook/ social media integration – Posting from emails/ voice calls – Integrate plugins – Add comments and ratings – Add polls – Share media and videos!
  • 4. WP can be used as.. • a personal/ professional blog • an educational portal • A portfolio • E-learning course • A class magazine • Students blogs & reflections • Conferences • Professional network • …
  • 5. http://www.wpbeginner.com/showcase/21-popular-brands-that-are-using-wordpress/ Why WordPress?
  • 6. Educational blogs Examples http://emshort.wordpress.com/how-to-play/teaching-if/ http://classroom201x.wordpress.com/teaching-links/teaching-blogs http://ifayed.net/Gdeeds/ http://is.gd/JcqUii http://is.gd/FcPAd5 http://is.gd/DNEKsw
  • 7. http://blogs.qu.edu.qa/blogs Educational blogs Examples
  • 8. http://blogs.qu.edu.qa/campustoday
  • 9. http://www.qu.edu.qa/qlc
  • 10. WP is about autonomy & creativity Post – Share – Comment - Like
  • 11. Website planning
  • 12. How to set up your first website/ blog https://en.wordpress.com/signup/ http:// username.wordpress.com http://username.wordpress.com/wp-admin/ Example:
  • 13. Manage your blog menus
  • 14. Manage your blog menus
  • 15. Choose a theme • Upload it to the wp-content/themes/ folder • Then activate it in the (WP admin panel –> Appearance -> Themes).
  • 16. Custom website layout http://www.kilowordpress.com/wp-content/uploads/2011/08/eBusiness-v4.4-Wordpress-Theme.jpg http://lesliefranke.com/2007/03/site-redesign-with-wordpress-layout-and-design/
  • 17. Plugins E.g., LePress Teacher http://wordpress.org/extend/plugins/lepress-teacher/
  • 18. Add content • Add a page • Add a blog • Add a picture – Edit post – Publish – Edit Image • Turning a Blog into a Website (creating a static page)
  • 19. More WP Tutorials & Videos A step by step guide with screenshots: http://russ.cuipblogs.org/files/wordpress-for-teachers-1.pdf More videos: http://wpmu.org/teaching-wordpress-to-absolute-beginners-part-1-the-build
  • 20. Thank you! ifayed@qu.edu.qa
  • 21. References • McKeown, S. (2010).Teaching WordPress to Absolute Beginners Part 1: The BuildRetreived from: http://wpmu.org/teaching-wordpress-to-absolute-beginners- part-1-the-build • Melanie Citron, M. (2011). WordPress and Teachers: How To Set Up a Website For My Class. Retreived from: http://buildmysiteforfree.com/wordpress-and-teachers- how-to-set-up-a-website-for-my-class • How to use Wordpress to design to a website. Youtube URL: http://www.youtube.com/watch?v=7vt7BleXYP8