You are on page 1of 49

CODING:

PUBLISHING YOUR WEB PAGE


GETTING A DOMAIN

PUBLISH
publish= upload the files that make up your
site toWeb server for world to see
Web server -- a computer on the Internet whose
job it is to "serve up" Web pages to anyone who
asks to see them

THE INTERNET

CLIENT COMPUTERS
--peoples' personal
computers
They use(orconsume)
services provided by the
Internet

SERVER COMPUTERS -provides the services that


the client computers use
email servers-- serve up
email messages by
transferring them from
one computer to another
Web servers -- serve up
any Web page you request
to see
you need to upload (copy)
all files that make up your
website from your
computer to a Web server

WEB HOSTING PROVIDER

a business that makes its money by providing Web


server space to people who want to have a website
on the Internet

WEB HOSTING

costs from $0 to $1000s a month

depends on what you need and on site traffic


BEGINNER? "free" is good and sufficient
hosting makes $$$ by "renting" Web server space to
people who want a website
free hosts may put small ads on your pages &
charge the advertisers

HOW TO
Most hosting providers require that you name
your site's home pageindex.htmlorindex.htm
Your Site Needs a URL
o URL (Uniform Resource Locator)

apple.com
pepsi.com

GETTING A CUSTOM
URL
get from adomain name registrar
not free

Want FREE? Use an address in the form


ofyournamehere.DOMAIN.com
DOMAIN is a name provided by the host -- you
don't get to choose that part

Ex: www.mrgerry.weebly.com
1st choice for theyournameherepart of
that address may not be availablejot down
multiple options (TARGET 1 of project)

OUR HOST *TEMP


hostinger.co.uk

OUR HOST *TEMP


hostinger.co.uk

ER
D
R

OUR HOST *TEMP


hostinger.co.uk

CH

ECK
O

UT

OUR HOST *TEMP


hostinger.co.uk

EW
N
ATE
E
CR

hostinger.co.uk

Sig
nu
GO p wit
h
OG
LE

Sign In to
GOOGLE

hostinger.co.uk

ALL
O

*May have already ordered


W
NE

TI N
S
O

*May have already ordered

OUR HOST *TEMP


hostinger.co.uk
a
e
K
r
IC A
L
C er
b
m
e
M
CH

ECK
O

UT

OUR HOST *TEMP


hostinger.co.uk
Clic
k

HO
STI
NG

On the next page, choose a SUBDOMAIN


and type in your address you want (the
last part will be chosen from the
dropdown menu).
EX mrgerrhjhs.esy.es

Create a PASSWORD and type CONTINUE

OUR HOST *TEMP


hostinger.co.uk

REE
F

e
s
C h oo
AIN
M
O
D
SUB

On the next page, add a


description to confirm your
website.
Click you are not a robot.
Press CONTINUE

*Temporary Change - Hostinger

Domain will be whatever you


specified in place of
alanwebhost.host56.com.
Write yours down, AND copy and
paste it to somewhere it will be easy
to find if you forget.
That's the URL the rest of the world
will use to browse your website, once
it's public.

To UPLOAD:
Click on the dropdown menu by your
website name

*Temporary Change - Hostinger

*Temporary Change - Hostinger

*Temporary Change - Hostinger

*Temporary Change - Hostinger

*Temporary Change - Hostinger

ALLthe files that make up your


website go here:
Everything in your NewWebsite folder:

Notepad files
Image files

BEFORE YOU UPLOAD


1. Click thepublic_htmllink to open

2. The path at the top shows youre


looking at the contents of your
public_html folder on server.
3. The file list shows files that are already
there. Those are not files you created.
However, DONT DELETE -- they include
information used by the Web server.

READY TO UPLOAD:

1. To upload a file, double-check to


make sure you're in the
public_html folder at
000webhost.com

2. Click theUploadbutton (just


above the Name column

READY TO UPLOAD:

3. You'll probably need to enter your


password again.

You'll see a username that's


different from your email address.
DONT CHANGE IT! It's a
username that's assigned
automatically, and it's only used for
uploading files. Just type in your

READY TO UPLOAD:
4. To make your site public, upload the
files that are on your computer to the
public_html folder in your
000webhost.com account

5. Make sure public_html is still showing.


6. Click the Browsebutton.
.Depending on your browser, your button may
say something different, such as Choose File.

READY TO UPLOAD:
7. Next, you'll see a dialog box for
navigating and choosing files on your
own system.

8. Navigate to the folder that contains your


website files NewWebsite.
9. Click names of a file to upload, then
Open.

READY TO UPLOAD:
10.You must upload all files that
makes up your site
every page (.htmor.html file)
every picture
Every site needs a page named
index.htm or index.html

READY TO UPLOAD:

Keep clicking
Browse

11.Keep clicking Browse or Choose File


and choosing a file until you've
selected every page and every picture
that make up your site.
12.When you've selected all the files you
want to upload, click the green
checkmark, and the files will upload
to the Web server

UPLOADING

To see the contents of your


public_html folder now, click the
blue arrow to the left of the

CHECK IT:

. You'll see the original contents of that


folder, plus the names of files you've
successfully uploaded.
Remember, only files that you upload to that
public_html folder will be visible to the public.
pictures you forgot to upload won't show in
their pages. Any pages you forgot to upload
won't be accessible to the public either.

VIEW IT:
Log out

now by clicking the red


log-out button under that.

Type in the
URL (dont
Google it)

PROBLEMS?
The home page for a website must be
namedindex.htmorindex.html.
If images dont show or links dont work,
make sure you've uploaded the image or
page that's not working to the
public_html folder. Also, keep in mind
that filenames can be case-sensitive on
Web servers -- uppercase and lowercase
letters of filenames in the href= and src=
attributes in your code must exactly
match the uppercase and lowercase
letters of the actual filenames.

PROBLEMS?
The best way to change, update, or correct
errors on a website is to first make the change
in the files on your computer. Test it there too
(but remember, even though filenames aren't
case-sensitive on your computer, they are
case-sensitive on the Web server). Then upload
any files you've changed or added using
exactly the same procedure you used to upload
files the first time. The newer files will
overwrite (replace) the files on the Web server.
If you then browse to the site and don't see
the correction in your browser, be sure to click
the Reload or Refresh button in your browser
to download the very latest copy of the page.

PROBLEMS?
Any time you need to make changes
to your site, always make the
changes to the files on your system,
and then upload them to the Web
server. That way, the files on your
computer and the files on the Web
server will be identical and serve as
backups to one another. If something
wipes out all the files in one copy,
you'll still have the other copy, so
you really haven't lost anything.

*Temporary Change - Hostinger

*Temporary Change - Hostinger

SIGNING UP contd
3.On the next page, type in the
info.

Type
c
they orrectly;
ll sen
a n e m d yo u
ail.

Write it
down!

Password: 6
characters;
letters/#s;
case sensitive

SIGNING UP contd
4. Further down the page, type
the requested captcha text.
5. Check to agree to terms of
service.
6. ClickCreate My Account

IF YOU WERE
SUCCESSFUL

Domain will be whatever you specified in


place of alanwebhost.host56.com.
Write yours down, AND copy and paste it to
somewhere it will be easy to find if you
forget.
That's the URL the rest of the world will use
to browse your website, once it's public.

CONFIRM YOUR
ACCOUNT
You must confirm
your request. Check your

email an email with subject line "Confirm


your registration"and the sender isnoreply@000webhost.comor something similar.
Open it and click the link they provide. The
email also contains the URL for entering the
site, which you'll need to use often.
Youll return to the List of Domains page on
the site.
If you seeBuilding...theyre preparing your site.

WHEN READY

Site is still NOT live


Will need to copy files to your folder
Can UPDATE site by copying
updated files again
To maintain the site, youll visit this
page often:

You might also like