Setting up Your First Interactive Website or Blog
Ismail Fayed, info@edunile.net
Foundation Program Department of English
...
Outline
• Online presence & Web 2.0
• Why WordPress as a CMS
• Examples
• Planning your website content
• How to set up yo...
Online presence & Web 2.0
• It is now easy to unify your web presence using
one blog/ website
– VLE (BB, Moodle, etc.)
– B...
WP can be used as..
• a personal/ professional blog
• an educational portal
• A portfolio
• E-learning course
• A class ma...
http://www.wpbeginner.com/showcase/21-popular-brands-that-are-using-wordpress/
Why WordPress?
Educational blogs Examples
http://emshort.wordpress.com/how-to-play/teaching-if/
http://classroom201x.wordpress.com/teachi...
http://blogs.qu.edu.qa/blogs
Educational blogs Examples
http://blogs.qu.edu.qa/campustoday
http://www.qu.edu.qa/qlc
WP is about autonomy & creativity
Post – Share – Comment - Like
Website planning
How to set up your first website/ blog
https://en.wordpress.com/signup/
http:// username.wordpress.com
http://username.wor...
Manage your blog menus
Manage your blog menus
Choose a theme
• Upload it to the wp-content/themes/ folder
• Then activate it in the (WP admin panel –>
Appearance -> The...
Custom website layout
http://www.kilowordpress.com/wp-content/uploads/2011/08/eBusiness-v4.4-Wordpress-Theme.jpg
http://le...
Plugins
E.g., LePress Teacher
http://wordpress.org/extend/plugins/lepress-teacher/
Add content
• Add a page
• Add a blog
• Add a picture
– Edit post
– Publish
– Edit Image
• Turning a Blog into a Website (...
More WP Tutorials & Videos
A step by step guide with screenshots:
http://russ.cuipblogs.org/files/wordpress-for-teachers-1...
Thank you!
ifayed@qu.edu.qa
References
• McKeown, S. (2010).Teaching WordPress to Absolute Beginners Part 1: The
BuildRetreived from: http://wpmu.org/...
Website Design PD Session
Upcoming SlideShare
Loading in...5
×

Website Design PD Session

1,642

Published on

Website design using Wordpress at Qatar University

Published in: Education, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,642
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Personal sites, Students blogs (College of Pharmacy), project pages, e-portfolios , the President’s Newsletter.
  • Website Design PD Session

    1. 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. 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. 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. 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. 5. http://www.wpbeginner.com/showcase/21-popular-brands-that-are-using-wordpress/ Why WordPress?
    6. 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. 7. http://blogs.qu.edu.qa/blogs Educational blogs Examples
    8. 8. http://blogs.qu.edu.qa/campustoday
    9. 9. http://www.qu.edu.qa/qlc
    10. 10. WP is about autonomy & creativity Post – Share – Comment - Like
    11. 11. Website planning
    12. 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. 13. Manage your blog menus
    14. 14. Manage your blog menus
    15. 15. Choose a theme • Upload it to the wp-content/themes/ folder • Then activate it in the (WP admin panel –> Appearance -> Themes).
    16. 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. 17. Plugins E.g., LePress Teacher http://wordpress.org/extend/plugins/lepress-teacher/
    18. 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. 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. 20. Thank you! ifayed@qu.edu.qa
    21. 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

    ×