Skills for Life - 2014 1
BASIC WEB PAGE DESIGNING
SIFAT MOMEN, PHD
ASSISTANT PROFESSOR
&
AHSAN HABIB
SENIOR LECTURER
Skills for Life - 2014 2
Dr. Sifat MomenAssistant Professor, CSE
Md Ahsan HabibSr. Lecturer, CSE
Shakil MahmoodTeaching Assistant, CSE
Skills for Life - 2014 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 4
WHY A PERSONAL WEBSITE
Skills for Life - 2014 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 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 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 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 9
CREATING A WEB SITE(STAGE 1)
Skills for Life - 2014 10
CREATING A WEB SITE(STAGE 1)
Fill up the page and create a site
Skills for Life - 2014 11
DASHBOARD (STAGE 2)
Skills for Life - 2014 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 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 14
WIDGET (CONT…)
Skills for Life - 2014 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 16
Thank you