INTRODUCTION TO WEBSITE:INTRODUCTION TO WEBSITE:
Social sites ( Blog, Facebook andSocial sites ( Blog, Facebook and
twitter)twitter)
PRESENTED BY SHRUTI ARYAPRESENTED BY SHRUTI ARYA
B.EdB.Ed
WEBSITEWEBSITE
Also written asAlso written as web site or webweb site or web
identified with a common domain nameidentified with a common domain name
System of Internet serversSystem of Internet servers
Support formatted documents,web pagesSupport formatted documents,web pages
Formatting language is HTML(hypertext markupFormatting language is HTML(hypertext markup
language)language)
Accessible only using web browsersAccessible only using web browsers
Access information on InternetAccess information on Internet
Information-sharing modelInformation-sharing model
Web uses http(hypertext transfer protocol)Web uses http(hypertext transfer protocol)
protocolprotocol
Characteristics of websitesCharacteristics of websites
Uses multimediaUses multimedia
Easily accessibleEasily accessible
Saves time and moneySaves time and money
Provide platform to connect sociallyProvide platform to connect socially
Uses any electronic devicesUses any electronic devices
Provide wide space for learningProvide wide space for learning
Effective in learning and teaching processEffective in learning and teaching process
History of websiteHistory of website
The World Wide Web (www) was createdThe World Wide Web (www) was created
in 1990 by the British CERN physicist Timin 1990 by the British CERN physicist Tim
Berners-Lee.Berners-Lee.
On 30 April 1993, CERN announced thatOn 30 April 1993, CERN announced that
the World Wide Web would be free to usethe World Wide Web would be free to use
for anyone.for anyone.
Types of websitesTypes of websites
Static websiteStatic website
Interactive websiteInteractive website
Static websiteStatic website
Fixed or unchangableFixed or unchangable
simplest kind of websitesimplest kind of website
only use HTML and CSSonly use HTML and CSS
e.g.,blog,business websites,etce.g.,blog,business websites,etc
Static websiteStatic website
ADVANTAGES OF STATIC WEBSITESADVANTAGES OF STATIC WEBSITES
Quick to developQuick to develop
Cheap to developCheap to develop
Cheap to hostCheap to host
DISADVANTAGES OF STATICDISADVANTAGES OF STATIC
WEBSITESWEBSITES
Requires web development expertise toRequires web development expertise to
update siteupdate site
Site not as useful for the userSite not as useful for the user
Content can get stagnantContent can get stagnant
Dynamic websitesDynamic websites
not only uses HTML and CSSnot only uses HTML and CSS
using a server-side scripting languageusing a server-side scripting language
E.g., online shopping websites etcE.g., online shopping websites etc
Dynamic websiteDynamic website
ADVANTAGES OF DYNAMIC WEBSITESADVANTAGES OF DYNAMIC WEBSITES
Much more functional websiteMuch more functional website
Much easier to updateMuch easier to update
New content brings people back to the site andNew content brings people back to the site and
helps in the search engineshelps in the search engines
Can work as a system to allow staff or users toCan work as a system to allow staff or users to
collaboratecollaborate
DISADVANTAGES OF DYNAMIC WEBSITESDISADVANTAGES OF DYNAMIC WEBSITES
Slower / more expensive to developSlower / more expensive to develop
Hosting costs a little moreHosting costs a little more
CHOOSE A HOSTING PROVIDER AND DOMAIN NAMECHOOSE A HOSTING PROVIDER AND DOMAIN NAME
.
*Web hosting is a service that allows organizations and individuals to post a website or web page
on to the Internet.
Branding your site with the right name is important.
Choose one that is easy to remember and spell.
A domain name is the address of your site. It typically ends in .com,.in,.org,etc
Let’s continue with bluehost.in for domain name and hosting.
Click on any plan which you want.
STEP 1 (A)
STEP.1(B)GETTING A DOMAIN NAME
Search for a domain
name you want.
Let’s take
shrutiaarya.com and
search.
Then ,Bluehost will
show you available
domain names
alongwith prices.
Select the domain you
want and sign up on
bluehost and then
continue to payment.
For payment you need
a debit card or Online
banking.
STEP.1(C):-Before payment Bluehost will show a checkout page. You have to check
and make a payment. After payment your domain name is ready to use.
After payment ,you will get the receipt on E-mail. Let’s, go to STEP2
STEP 2(A) :- Installing Wordpress on Bluehost
WordPress is an online, open source website creation tool written in PHP, it's
probably the easiest and most powerful blogging and website content management
system (or CMS) in existence today.
Wordpress have lacs of themes to use and Wordpress is very easy to manage a site.
Login to your Bluehost hosting account.
STEP 2(B)STEP 2(B) :- Installing Wordpress on Bluehost:- Installing Wordpress on Bluehost
Click on wordpress iconClick on wordpress icon
Basic settings to start installationClick on Start Button
STEP 2(C) :- Installing Wordpress on Bluehost
STEP 2(D) :- Installing Wordpress on Bluehost
Final step, here youhave to enter your username
and password for login to your Wordpress account
STEP 2(E) :- Installing Wordpress on Bluehost
After processing, your Site is ready.
Login with your Username and password
which you entered on Bluehost while
installing Wordpress from this URL,
www.yoursite.com/wp-admin
What is a Network?What is a Network?
node
node
node node
node
node
node
node
node node
node
node
node
node
node
node
node
Web Definition : A set of nodes, points, or locations connected by means of
data, voice, and video communications for the purpose of
exchange.
Link
SOCIAL NETWORKING SITESOCIAL NETWORKING SITE
AA social networking servicesocial networking service (also(also socialsocial
networking sitenetworking site,, SNSSNS oror social mediasocial media) is) is
an online platform.an online platform.
It is used by people to build socialIt is used by people to build social
networks or social relations with othernetworks or social relations with other
people who share similar personal orpeople who share similar personal or
career interests, activities, backgrounds orcareer interests, activities, backgrounds or
real-life connections.real-life connections.
For example,facebook,twitter,linkedin etc.For example,facebook,twitter,linkedin etc.
WE WILL BE DISCUSSING..WE WILL BE DISCUSSING..
WHAT IS IT?
The term “blog” is short for web log.
 A blog is a series of entries, or posts created by
someone, are searchable, and allows readers to comment
on your content.
 The first “blogger” was a man named Dave Winer.
BLOGGINGBLOGGING
Why Blog?Why Blog?
To share information
Personal – blog as a journal
Professional – blog as a product
As part of their work
Journalists – blogs for news outlets
Business – blogs for advertising
BLOGGINGBLOGGING
Blog Examples:Blog Examples:
 BuzzMachine by Jeff Jarvis:
http://www.buzzmachine.com/
 a blog by a journalist, expressing his opinions
on the latest news stories.
 Library of Congress Blog:
http://www.loc.gov/blog/
 example of a government entity using the blog
format to make public their events.
FACEBOOKFACEBOOK
What is Facebook?What is Facebook?
A “social networking” siteA “social networking” site
Framework for informationFramework for information
Users have a “profile” with a picture* andUsers have a “profile” with a picture* and
other personal details as they wish,other personal details as they wish,
including “limited profile”including “limited profile”
Facebook creates a newsfeed based onFacebook creates a newsfeed based on
what your “friends” are doing.what your “friends” are doing.
Facebook featuresFacebook features
The WallThe Wall
Messages INBOX (and threads)Messages INBOX (and threads)
PokesPokes
GroupsGroups
EventsEvents
Photos & Videos (with tagging)Photos & Videos (with tagging)
Posted items (text and URLs)Posted items (text and URLs)
Shared itemsShared items
INTERESTING FACTS ABOUTINTERESTING FACTS ABOUT
FACEBOOK..FACEBOOK..
Mark Zuckerberg suffers from red-greenMark Zuckerberg suffers from red-green
colorblindness.colorblindness. This is why Facebook’s primary color schemeThis is why Facebook’s primary color scheme
is blue .is blue .
Facebook’s user base grows by eight people per second, orFacebook’s user base grows by eight people per second, or
7,246 people every 15 minutes.7,246 people every 15 minutes.
There are now more than 2 million active advertisers onThere are now more than 2 million active advertisers on
Facebook.Facebook.
Facebook earns an average of $5.85 for every FacebookFacebook earns an average of $5.85 for every Facebook
user in the United States and Canadauser in the United States and Canada
Facebook doesn't allow breastfeeding photosFacebook doesn't allow breastfeeding photos
Iceland used Facebook to rewrite its constitution!Iceland used Facebook to rewrite its constitution!
Mark Zuckerberg didn't want to add photo-sharing to Facebook,Mark Zuckerberg didn't want to add photo-sharing to Facebook,
but Sean Parker convinced him to.but Sean Parker convinced him to.
In 2011, Facebook was cited as a reason for a third of divorces.In 2011, Facebook was cited as a reason for a third of divorces.
HOW TO CREATE FACEBOOKHOW TO CREATE FACEBOOK
ACCOUNTACCOUNT
How to log inHow to log in
HOW TO CREATE AHOW TO CREATE A
FACEBOOK PAGEFACEBOOK PAGE
HOW TO CREATE AHOW TO CREATE A
FACEBOOK PAGEFACEBOOK PAGE
HOW TO CREATE AHOW TO CREATE A
FACEBOOK PAGEFACEBOOK PAGE
HOW TO CREATE AHOW TO CREATE A
FACEBOOK PAGEFACEBOOK PAGE
The final appearance of the pageThe final appearance of the page
DISADVANTAGES OFDISADVANTAGES OF
FACEBOOKFACEBOOK
Why Twitter?Why Twitter?
Everyday, millions of users create,Everyday, millions of users create,
share and discover ideas on Twittershare and discover ideas on Twitter
Users also find great value inUsers also find great value in
connecting with businesses of allconnecting with businesses of all
kinds on Twitter to:kinds on Twitter to:
• Share their experiences, both good and not so good
• Provide feedback on recent events or launches
• Discuss product ideas
• Learn about exclusive deals or offers
• Get customer service
How does it work?How does it work?
Twitter lets you write and read messagesTwitter lets you write and read messages
of up to 140 characters, or the very lengthof up to 140 characters, or the very length
of this sentence, including all punctuationof this sentence, including all punctuation
and spaces.and spaces.
The messages (also known as tweets) areThe messages (also known as tweets) are
public, and you decide which accounts youpublic, and you decide which accounts you
want to receive messages fromwant to receive messages from
Twitter works equally well from yourTwitter works equally well from your
desktop or mobile phonedesktop or mobile phone
HOW TO OPEN ANHOW TO OPEN AN
ACCOUNT ON TWITTERACCOUNT ON TWITTER
Signing upSigning up for an account takes just afor an account takes just a
few minutesfew minutes
To help people recognize and trust yourTo help people recognize and trust your
account,account, fill out your profilefill out your profile completelycompletely
and include a pictureand include a picture
HOW TO OPEN ANHOW TO OPEN AN
ACCOUNT ON TWITTERACCOUNT ON TWITTER
CONCLUSIONCONCLUSION
Each and every website have its ownEach and every website have its own
merits and demerits. Its upto us whethermerits and demerits. Its upto us whether
we are making a website advantageous orwe are making a website advantageous or
disadvantageous for ourselves.disadvantageous for ourselves.
We should specially take care of childrenWe should specially take care of children
whether they are using good or badwhether they are using good or bad
websites.websites.
Introduction to Social Networking Sites and websites

Introduction to Social Networking Sites and websites

  • 1.
    INTRODUCTION TO WEBSITE:INTRODUCTIONTO WEBSITE: Social sites ( Blog, Facebook andSocial sites ( Blog, Facebook and twitter)twitter) PRESENTED BY SHRUTI ARYAPRESENTED BY SHRUTI ARYA B.EdB.Ed
  • 2.
    WEBSITEWEBSITE Also written asAlsowritten as web site or webweb site or web identified with a common domain nameidentified with a common domain name System of Internet serversSystem of Internet servers Support formatted documents,web pagesSupport formatted documents,web pages Formatting language is HTML(hypertext markupFormatting language is HTML(hypertext markup language)language) Accessible only using web browsersAccessible only using web browsers Access information on InternetAccess information on Internet Information-sharing modelInformation-sharing model Web uses http(hypertext transfer protocol)Web uses http(hypertext transfer protocol) protocolprotocol
  • 3.
    Characteristics of websitesCharacteristicsof websites Uses multimediaUses multimedia Easily accessibleEasily accessible Saves time and moneySaves time and money Provide platform to connect sociallyProvide platform to connect socially Uses any electronic devicesUses any electronic devices Provide wide space for learningProvide wide space for learning Effective in learning and teaching processEffective in learning and teaching process
  • 4.
    History of websiteHistoryof website The World Wide Web (www) was createdThe World Wide Web (www) was created in 1990 by the British CERN physicist Timin 1990 by the British CERN physicist Tim Berners-Lee.Berners-Lee. On 30 April 1993, CERN announced thatOn 30 April 1993, CERN announced that the World Wide Web would be free to usethe World Wide Web would be free to use for anyone.for anyone.
  • 5.
    Types of websitesTypesof websites Static websiteStatic website Interactive websiteInteractive website
  • 8.
    Static websiteStatic website Fixedor unchangableFixed or unchangable simplest kind of websitesimplest kind of website only use HTML and CSSonly use HTML and CSS e.g.,blog,business websites,etce.g.,blog,business websites,etc
  • 9.
    Static websiteStatic website ADVANTAGESOF STATIC WEBSITESADVANTAGES OF STATIC WEBSITES Quick to developQuick to develop Cheap to developCheap to develop Cheap to hostCheap to host DISADVANTAGES OF STATICDISADVANTAGES OF STATIC WEBSITESWEBSITES Requires web development expertise toRequires web development expertise to update siteupdate site Site not as useful for the userSite not as useful for the user Content can get stagnantContent can get stagnant
  • 11.
    Dynamic websitesDynamic websites notonly uses HTML and CSSnot only uses HTML and CSS using a server-side scripting languageusing a server-side scripting language E.g., online shopping websites etcE.g., online shopping websites etc
  • 13.
    Dynamic websiteDynamic website ADVANTAGESOF DYNAMIC WEBSITESADVANTAGES OF DYNAMIC WEBSITES Much more functional websiteMuch more functional website Much easier to updateMuch easier to update New content brings people back to the site andNew content brings people back to the site and helps in the search engineshelps in the search engines Can work as a system to allow staff or users toCan work as a system to allow staff or users to collaboratecollaborate DISADVANTAGES OF DYNAMIC WEBSITESDISADVANTAGES OF DYNAMIC WEBSITES Slower / more expensive to developSlower / more expensive to develop Hosting costs a little moreHosting costs a little more
  • 15.
    CHOOSE A HOSTINGPROVIDER AND DOMAIN NAMECHOOSE A HOSTING PROVIDER AND DOMAIN NAME . *Web hosting is a service that allows organizations and individuals to post a website or web page on to the Internet. Branding your site with the right name is important. Choose one that is easy to remember and spell. A domain name is the address of your site. It typically ends in .com,.in,.org,etc Let’s continue with bluehost.in for domain name and hosting. Click on any plan which you want. STEP 1 (A)
  • 16.
    STEP.1(B)GETTING A DOMAINNAME Search for a domain name you want. Let’s take shrutiaarya.com and search. Then ,Bluehost will show you available domain names alongwith prices. Select the domain you want and sign up on bluehost and then continue to payment. For payment you need a debit card or Online banking.
  • 17.
    STEP.1(C):-Before payment Bluehostwill show a checkout page. You have to check and make a payment. After payment your domain name is ready to use. After payment ,you will get the receipt on E-mail. Let’s, go to STEP2
  • 18.
    STEP 2(A) :-Installing Wordpress on Bluehost WordPress is an online, open source website creation tool written in PHP, it's probably the easiest and most powerful blogging and website content management system (or CMS) in existence today. Wordpress have lacs of themes to use and Wordpress is very easy to manage a site. Login to your Bluehost hosting account.
  • 19.
    STEP 2(B)STEP 2(B):- Installing Wordpress on Bluehost:- Installing Wordpress on Bluehost Click on wordpress iconClick on wordpress icon
  • 20.
    Basic settings tostart installationClick on Start Button STEP 2(C) :- Installing Wordpress on Bluehost
  • 21.
    STEP 2(D) :-Installing Wordpress on Bluehost Final step, here youhave to enter your username and password for login to your Wordpress account
  • 22.
    STEP 2(E) :-Installing Wordpress on Bluehost After processing, your Site is ready. Login with your Username and password which you entered on Bluehost while installing Wordpress from this URL, www.yoursite.com/wp-admin
  • 23.
    What is aNetwork?What is a Network? node node node node node node node node node node node node node node node node node Web Definition : A set of nodes, points, or locations connected by means of data, voice, and video communications for the purpose of exchange. Link
  • 24.
    SOCIAL NETWORKING SITESOCIALNETWORKING SITE AA social networking servicesocial networking service (also(also socialsocial networking sitenetworking site,, SNSSNS oror social mediasocial media) is) is an online platform.an online platform. It is used by people to build socialIt is used by people to build social networks or social relations with othernetworks or social relations with other people who share similar personal orpeople who share similar personal or career interests, activities, backgrounds orcareer interests, activities, backgrounds or real-life connections.real-life connections. For example,facebook,twitter,linkedin etc.For example,facebook,twitter,linkedin etc.
  • 25.
    WE WILL BEDISCUSSING..WE WILL BE DISCUSSING..
  • 26.
    WHAT IS IT? Theterm “blog” is short for web log.  A blog is a series of entries, or posts created by someone, are searchable, and allows readers to comment on your content.  The first “blogger” was a man named Dave Winer.
  • 27.
    BLOGGINGBLOGGING Why Blog?Why Blog? Toshare information Personal – blog as a journal Professional – blog as a product As part of their work Journalists – blogs for news outlets Business – blogs for advertising
  • 28.
    BLOGGINGBLOGGING Blog Examples:Blog Examples: BuzzMachine by Jeff Jarvis: http://www.buzzmachine.com/  a blog by a journalist, expressing his opinions on the latest news stories.  Library of Congress Blog: http://www.loc.gov/blog/  example of a government entity using the blog format to make public their events.
  • 31.
  • 32.
    What is Facebook?Whatis Facebook? A “social networking” siteA “social networking” site Framework for informationFramework for information Users have a “profile” with a picture* andUsers have a “profile” with a picture* and other personal details as they wish,other personal details as they wish, including “limited profile”including “limited profile” Facebook creates a newsfeed based onFacebook creates a newsfeed based on what your “friends” are doing.what your “friends” are doing.
  • 33.
    Facebook featuresFacebook features TheWallThe Wall Messages INBOX (and threads)Messages INBOX (and threads) PokesPokes GroupsGroups EventsEvents Photos & Videos (with tagging)Photos & Videos (with tagging) Posted items (text and URLs)Posted items (text and URLs) Shared itemsShared items
  • 34.
    INTERESTING FACTS ABOUTINTERESTINGFACTS ABOUT FACEBOOK..FACEBOOK.. Mark Zuckerberg suffers from red-greenMark Zuckerberg suffers from red-green colorblindness.colorblindness. This is why Facebook’s primary color schemeThis is why Facebook’s primary color scheme is blue .is blue . Facebook’s user base grows by eight people per second, orFacebook’s user base grows by eight people per second, or 7,246 people every 15 minutes.7,246 people every 15 minutes. There are now more than 2 million active advertisers onThere are now more than 2 million active advertisers on Facebook.Facebook. Facebook earns an average of $5.85 for every FacebookFacebook earns an average of $5.85 for every Facebook user in the United States and Canadauser in the United States and Canada Facebook doesn't allow breastfeeding photosFacebook doesn't allow breastfeeding photos Iceland used Facebook to rewrite its constitution!Iceland used Facebook to rewrite its constitution! Mark Zuckerberg didn't want to add photo-sharing to Facebook,Mark Zuckerberg didn't want to add photo-sharing to Facebook, but Sean Parker convinced him to.but Sean Parker convinced him to. In 2011, Facebook was cited as a reason for a third of divorces.In 2011, Facebook was cited as a reason for a third of divorces.
  • 35.
    HOW TO CREATEFACEBOOKHOW TO CREATE FACEBOOK ACCOUNTACCOUNT
  • 36.
    How to loginHow to log in
  • 37.
    HOW TO CREATEAHOW TO CREATE A FACEBOOK PAGEFACEBOOK PAGE
  • 38.
    HOW TO CREATEAHOW TO CREATE A FACEBOOK PAGEFACEBOOK PAGE
  • 39.
    HOW TO CREATEAHOW TO CREATE A FACEBOOK PAGEFACEBOOK PAGE
  • 40.
    HOW TO CREATEAHOW TO CREATE A FACEBOOK PAGEFACEBOOK PAGE
  • 41.
    The final appearanceof the pageThe final appearance of the page
  • 42.
  • 44.
    Why Twitter?Why Twitter? Everyday,millions of users create,Everyday, millions of users create, share and discover ideas on Twittershare and discover ideas on Twitter Users also find great value inUsers also find great value in connecting with businesses of allconnecting with businesses of all kinds on Twitter to:kinds on Twitter to: • Share their experiences, both good and not so good • Provide feedback on recent events or launches • Discuss product ideas • Learn about exclusive deals or offers • Get customer service
  • 45.
    How does itwork?How does it work? Twitter lets you write and read messagesTwitter lets you write and read messages of up to 140 characters, or the very lengthof up to 140 characters, or the very length of this sentence, including all punctuationof this sentence, including all punctuation and spaces.and spaces. The messages (also known as tweets) areThe messages (also known as tweets) are public, and you decide which accounts youpublic, and you decide which accounts you want to receive messages fromwant to receive messages from Twitter works equally well from yourTwitter works equally well from your desktop or mobile phonedesktop or mobile phone
  • 46.
    HOW TO OPENANHOW TO OPEN AN ACCOUNT ON TWITTERACCOUNT ON TWITTER Signing upSigning up for an account takes just afor an account takes just a few minutesfew minutes To help people recognize and trust yourTo help people recognize and trust your account,account, fill out your profilefill out your profile completelycompletely and include a pictureand include a picture
  • 47.
    HOW TO OPENANHOW TO OPEN AN ACCOUNT ON TWITTERACCOUNT ON TWITTER
  • 49.
    CONCLUSIONCONCLUSION Each and everywebsite have its ownEach and every website have its own merits and demerits. Its upto us whethermerits and demerits. Its upto us whether we are making a website advantageous orwe are making a website advantageous or disadvantageous for ourselves.disadvantageous for ourselves. We should specially take care of childrenWe should specially take care of children whether they are using good or badwhether they are using good or bad websites.websites.