2. What is all this about?
• A bit of Web history
• Impact of the Social Media
• Are websites still relevant?
• How to make a web for non-techies*
*almost
3. A bit of web history
• In
March
1989,
Tim
Berners-‐Lee
invented
World
Wide
Web
at
CERN
• In
November
he
implemented
the
Hypertext
Transfer
Protocol
Protocol
of
communicaDon
HTTP.
– First
web
(info
page
for
CERN)
– First
Browser
WorldWideWeb
(CollaboraDve
pholosophy,
like
wikipedia)
http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html
4. A bit of web history
First website by Tim Berners-Lee in 1991
5. A bit of web history
Back when “to google” verb wasn’t invented yet we had Search Engines, several!
6. A bit of web history
Usenet: Public list and threads of emails
Chatroom: Era pre-Trolls
The idea of the Social Media
was there from the beginig.
7. A bit of web history
(Funny thing: There are websites like this still out there)
8. A bit of web history
First Google. Started in 1998 went public in 2004
9. A bit of web history
Then
we
updated
to
Web
2.0
10. A bit of web history
Good
things
and
Bad
things:
Memes,
trolls,
spam,
cats,
bubbles…
12. Impact of the social media
• Actually
is
more
like
this
…
13. Impact of the social media
• People
spend
most
of
their
Dme
on
FB
• Everythingis
moving
towards
Facebook
– RegistraDon
in
other
services
– Retail
– Leisure
– ChariDes…
14. Impact of the social media
• When
asked
about
making
a
website
I
recommend
starDng
with
a
facebook
page
and
a
twiTer
account:
Edenbee
case
• For
a
personal
page,
share
your
pictures,
or
a
online
CV
we
can
use
Facebook,
Flickr
and
Linkedin
• Even
small
business
short
Dme
and
low
budget:
Like
Lulabelle
Vintage,
Cupcakes
by
G)
15. Are websites still relevant?
Yes!
There’s
sDll
plenty
of
room
for
“ TradiDonal”
websites:
• rDst’s
online
presence,
artworks,
music,
videos
A
• ome
hobby
or
interest,
(Kni]ng,
Soaps,
Photography)
S
• rganizing
a
trip
or
living
abroad
O
• eachers
page
in
school
or
School
or
(Literature
Teacher
T
anecdote)
College
(whereas
student
communicate
on
`)
20. Are websites still relevant?
Reasons
of
having
a
website:
• Corporate
site
/
Business
card
(Nowadays
is
the
yellowpages
but
faster
and
with
map)
• Any
business
is
expected
to
have
one,
it
adds
credibility
to
your
business
• Your
website
is
available
24/7
from
everywhere
• SubstanDal
content,
maintained
and
owned
by
you
21. Are websites still relevant?
And
more…
• Flexible,
adapted
to
your
needs,
organize
your
own
informaDon,
faq,
catalog,
materials,
markeDng
campaigns
• Metrics
about
your
visitors
• You
sDll
should
have
facebook
twiTer
and
any
other
tools
that
add
value
to
your
project
22. How to make a web
If
you
have
decided
your
project
needs
a
website
you
may
have
+
+
=
+
=
(or
)
+
+
=
23. How to make a web
How
much
do
you
need?
StarDng
with:
$70/year
Open
source
tools
+
hard
work
+
paDence
Some
extra
€
can
get
you
quality
non-‐exclusive
design
template,
adwords,
extra
services
Plenty
of
free
material,
step
by
step
tutorials,
youtube
etc.
24. How to make a web
Ingredients for a 3.0 website
– Visual
Design.
Typography
– Code
(CMS)
• Front-‐end
:
HTML
+
CSS
+
Jscript
• Back-‐end
:
MySQL
+
PHP
– User
Experience
(It’s
only
logical)
– Content
Strategy
• Quality
and
Frequecy
And
How
about
SEO?
See
above!
25. How to make a web
Keywords: Progressive
enhancement,
Adap:ve
Design
26. How to make a web
• Step
1:
Buy*
a
domain…
https://www.iedr.ie/
(*Rent)
27. How to make a web
…and
hosDng
service
(preferable
together)
28. How to make a web
• Step
2:
Pick
a
CMS
easy
to
use
+
Modern
Template
29. How to make a web
• Step
3:
Install
a
web
server
on
your
computer
like
WAMP(PC)
or
MAMP
(Mac)
and
pracDce.
• Test
in
several
browsers,
also
with
users
30. How to make a web
• Step
4:
Create
AnalyDcs
account
31. How to make a web
• Step
5:
Download
an
FTP
program
to
upload
your
website
to
your
Web
Server
32. How to make a web
• Configure
your
email
accounts
(HosDng
panel)
• Promote
with
the
right
audiences
– Facebook
account
– TwiTer
– Youtube
• It’s
a
job.
If
you
serious
about
your
project,
hire
community
manager
or
become
one.
33. How to make a web
Recap
• tep
1
:
Domain
and
HosDng
S
• tep
2
:
CMS
+
Template/CustomizaDon
S
• tep
3
:
Local
Server
to
pracDce
S
• tep
4
:
Google
AnalyDcs
account
S
• tep
5
:
FTP
to
upload
S
• tep
6
:
Email,
facebook,
twiTer
etc
S