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.

Basic web page designing

878 views

Published on

Basic web page designing

Published in: Design
  • Be the first to comment

Basic web page designing

  1. 1. BASIC WEB PAGE DESIGNING SIFAT MOMEN, PHD ASSISTANT PROFESSOR & AHSAN HABIB SENIOR LECTURER Skills for Life - 2014 1
  2. 2. Skills for Life - 2014 2 Dr. Sifat Momen Assistant Professor, CSE Md Ahsan Habib Sr. Lecturer, CSE Shakil Mahmood Teaching Assistant, CSE
  3. 3. WHY SHOULD I HAVE A WEBSITE  It is cool!!  You can share your story with the outside world.  You can create your own portrait  You can connect with others who has the same interest as that of you.  Business (E-commerce)  Document your stuffs and use them on the fly  Most employers nowadays look at your websites to assess if you are the right candidate for a job Skills for Life - 2014 3
  4. 4. WHY A PERSONAL WEBSITE Skills for Life - 2014 4
  5. 5. SO, WHAT DO YOU NEED TO BUILD A WEBSITE There are many tools depending on what do you want to achieve.  HTML  Javascript  PHP  AJAX  CSS  Ruby on Rails … Skills for Life - 2014 5
  6. 6. WORDPRESS  WordPress is a free and open source web-software that you can use to create beautiful website or blog.  WordPress was used by more than 22.0% of the top 10 million websites as of August 2013  The core software is built by hundreds of community volunteers, and when you’re ready for more there are thousands of plugins and themes available to transform your site into almost anything you can imagine Skills for Life - 2014 6
  7. 7. WHY WORDPRESS?  It is free and stays that way  Easy to use  It is web-based – so you can get it to anywhere  Very easy to add contents  It gives you control which saves you money  All kinds of widgets make it easy to add features  Themes – let you style your site  Secure and easy to update  You are never out of date Skills for Life - 2014 7
  8. 8. CREATING A WEB SITE(STAGE 1) You need to have an email address (You need to remember email address and password) Go to www.wordpress.com Skills for Life - 2014 8
  9. 9. CREATING A WEB SITE(STAGE 1) Skills for Life - 2014 9
  10. 10. CREATING A WEB SITE(STAGE 1) Fill up the page and create a site Skills for Life - 2014 10
  11. 11. DASHBOARD (STAGE 2) Skills for Life - 2014 11
  12. 12. APPEARANCE (STAGE 3)  There are many many themes in wordpress. Some are free and some you need to pay in order to use.  Hover over the theme which allows you to see theme details, preview your web page in the chosen theme and activate the theme.  For today, choose the superhero theme.  My suggestion is you start with the superhero theme and then after you build some pages, play with different themes and then decide which one you like. You can change from time to time. Skills for Life - 2014 12
  13. 13. WIDGET (STAGE 4) In computing, a web widget is a software widget for the web. It's a small application with limited functionality that can be installed and executed within a web page by an end user. In Wordpress, the widget you can use is limited by theme you chose. Some interesting widgets include: • Search • Calendar • Music Player Skills for Life - 2014 13
  14. 14. WIDGET (CONT…) Skills for Life - 2014 14
  15. 15. NOW IT’S YOUR TURN • Create a website of 4 pages with the following information • Home: A summary of your adventure in skills for life till now. This should be the default page • About: Should contain details about you • Description of two classes in skills for life Skills for Life - 2014 15
  16. 16. Thank you Skills for Life - 2014 16

×