Basic web page designing

1. BASIC WEB PAGE
DESIGNING
SIFAT MOMEN, PHD
ASSISTANT PROFESSOR
&
AHSAN HABIB
SENIOR LECTURER
Skills for Life - 2014
1

2. Skills for Life - 2014
2
Dr. Sifat Momen
Assistant Professor, CSE
Md Ahsan Habib
Sr. Lecturer, CSE
Shakil Mahmood
Teaching Assistant, CSE

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. WHY A PERSONAL WEBSITE
Skills for Life - 2014
4

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. 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. 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. 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. CREATING A WEB SITE(STAGE 1)
Skills for Life - 2014
9

10. CREATING A WEB
SITE(STAGE 1)
Fill up the page and create a site
Skills for Life - 2014
10

11. DASHBOARD (STAGE 2)
Skills for Life - 2014
11

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. 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. WIDGET (CONT…)
Skills for Life - 2014
14

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. Thank you
Skills for Life - 2014
16