This handout is for both the Web Development 1 course and the Dreamweaver
course. If you happen to be in both classes you will set up both accounts. If you are
in one class, select which you will set up based on your course.
I include both in the
same handout so that you get a general sense that the steps are the same for both
and that how we approach them is what is different.
In addition to learning HTML/CSS and/or Dreamweaver, you will learn to work with
a server as well.
It’s critical that you can both create and upload pages.
The steps generally are:
Write code or create a site on your hard drive (never on your desktop
whether PC or Mac)
Upload your work to a server and test it in a browser
Edit your work on your compu
ter (hard drive) and upload it over your
previous upload. Uploading after the first time replaces your earlier uploads.
In these classes we will learn via handout, book, and video. In the beginning we will
rely more on handouts so that you can follow step
step. Later, I’ll bring in more
videos when you are comfortable with the words and actions we will need to use.
For Web Development 1 we will start writing code in Notepad (PC) and SimpleText
(older Mac) or TextEdit (newer Mac). These are default prog
rams which means they
come with your computer. Later, we will add an IDE (integrated development
environment) for faster coding. At the start you need to key everything; later you
can use some IDE assistance.
For Dreamweaver we will work in Dreamweaver 6.
Dreamweaver 5 is doable;
however, there are major changes in 6 toward mobile.
I have a dedicated server. I don’t literally have the server in a room because for me it
makes more sense to have someone else manage it. I pay for a server through a H
Provider. A dedicated server allows me to have multiple domain names at one place.
If I didn’t need that then any basic server account will do. I’ve had my server for a
long time; it’s not perfect because it’s old. However, if I change servers then the
websites I currently have on that server lose their search engine optimization
history and I’ll have to start working their way up Google’s organic search.
A Host Provider may also offer domain names for sale. GoDaddy, for example, offers
domains and ho
sting. If you buy your domain names and hosting space from
different companies then you have a Host Provider and a Domain Provider. The Host
Provider provides server space. The Domain Provider provides domain names.
I do not buy both from the same provid
er. Many people do. For me, over the years it
has been a total hassle to move domains around because host providers like to sort
of hold them hostage because they do not want you to cancel hosting space, which is
more profitable for them. Then again, if yo
u have one business and will always have
that business and do not intend to change then both in one place is probably fine. If
you do decide
to make a change, just know that you’ll get the hard sell about not
switching. They are your accounts you can do wh
at you want. Unfortunately, you
can also lose time because if you freelance, you practically need to arm wrestle with
providers to pry client space or domains away toward a new approach.
ne important thing is to understand that a server “seasons” like a
good fry pan.
And switching servers may be needed for technical reasons; however, it changes
where the sites will appear in a Google or Bing or any other search return. More on
that later in the course.
A domain name is purchased from a Dom
ain Provider. You want .com, the many
other available names are okay but will not rank as high in search results. And you
will spend a lot of time telling customers, it’s .tv not .com, or whatever great deal
you find on a domain name that no one will remem
ber. This is in transition now, in
the future you’ll be able to come up with cool combinations; consider whether cool
is worth the marketing effort of reminding people again and again what your
domain is. The Domain Provider registers your domain and does
a stellar job of
attempting to sell many other bells and whistles such as privacy information (so
that others cannot see who owns the domain)
Server space is purchased from a Host Provider. The Host Provider will give you
two server locations. One will
begin with a NS1 and the other with a NS2. The NS1
and NS2 will never change from account to account. The name following NS1 and
NS2 changes based on what the server’s name is. You might have something like
NS1.hostdomain333.com and NS2.hostdomain.334.com
. You do not elect these; they
are provided by the host provided and are called Name Servers. That’s what the NS
You go to the Domain Provider’s site, locate your domain name, and elect to
Manage your Domain. Each host provider does this a
little differently, but generally
it’s Manage your Domain. You will have the opportunity to key in your full
NS1.name.com and NS2.name.com. The hosting and domain companies will “talk”
together and within a day your Domain will “point” to your server. This
is how you
and arrive at the West Valley page. This third step
must always happen or keying your owned domain and your rented server space
will not result in a web page viewable in a bro
Buy, rent, connect.
Okay, once you have server space, you can go in and set up your accounts. In our
literal case, I will have us use one of my domains
2ude.com. 2ude is a word I made
up, it reminds me of code for some reason. Aptitude. Attitude. F
Silly but will be easy to remember.
And a place on my rented dedicated server. I don’t have a GoDaddy type of company
set this up, I go into the server and set it up for us, which I describe below:
WHM is the software I use which sta
nds for Web Host Manager. This is a corner
screenshot. I go to Account Functions, on the left, and select Create a New Account.
To create the account the server asks me for the domain, in this case
name, I select the word
a password, I create the password
Which stands for Digital Media & west valley college Fall 13!
Sever passwords are always a combination of upper case, lower case, symbols and
numbers. You can’t take a chance on someone hacking your server!
this point, we have completed 1) and 2) noted in the page above. I purchased the
from GoDaddy. I purchased rented server space from Lunarpages.
Next, we need to point the domain name from GoDaddy to the server space at
into the GoDaddy account and rather than Manage Name servers it says Add or
Edit Name servers. Same thing:
The original pointer GoDaddy set up goes to a GoDaddy advertisement. We want it
to point to our server space set up in WHM. I select Add
and add the name of my server. This completes 3)
The software that WHM uses, after the server account is set up, is called cPanel.
cPanel is the most
server account management
software available. There are
other ways to do this; we wi
ll go with the most
used because if you do not know the
others cPanel will make them easy to learn and knowing cPanel will show people
you do have server experience.
**Word of warning. When we work in cPanel you will need to be careful and
you goof it up, you’ll wipe out other student work in both classes.
need this pressure because you need to be able to do this, not just play around with
To access a server using cPanel, go to URL:
will be different if you are accessing a domain of your own
another time. The https://www. And the :2083 will be the same regardless of the
When you want to view the website, then, yes, go to
( the / at the end of .org/ or .com
/ speeds up the return of the site, always use it in
sending someone a link to your site)
When you want to work on the server account that the domain name points to, use
You will, in this server account, set up
A FTP accou
nt you will use to upload your work for the semester
An email account you will use
An email forwarder you will use
And, later in the courses we will go into more detail, separately as Dreamweaver or
The first time you use
Regardless of which browser you use, you will see a series of warnings. You will
elect every positive step to continue.
The reason there are warnings is so that you
don’t get stupid junk downloaded to your computer. In our case, you’ll see
which we know to be safe. In the future when you see
these warnings and they say something like CallMeForAGoodTime.com or
AdMachineGenerator.com, you’ll know no way and run in the opposite direction.
Ok, switch gears a little bit.
’s say you set up
to point to its server. The provider has several hours
before this must be done. If, in the meantime you need to get into the server, you can
use the similar URL but with the IP (internet protocol) address rather than with the
main name. Our IP address is
There are several domains on the site.
If you use
You will go to the same route as you would with
rather than the IP
You’ll click on positive notes on your
browser whether it be to accept risk, create a
certificate, etc. until you get to a login
In Firefox these notes look like:
Select I Understand the Risks
Select Add Exception…
Select Get Certificate and then Confirm Security
User Name is practice (lower case) and
Password is DM&wvcF13!
Note that the site shows as 2ude. Had you used the IP address, your Authentication
Required would look like the image below.
This login, again, could lead to several domains. However, in s
etting up WHM each
account must have a different user name.
So, when you use the User Name practice,
the server knows which account you are accessing and which domain name points
Whew! Okay, at this point you should have a general understanding of
Point Domain to Server
Next, let’s go into cPanel and set some things up.
Please see the Server1_handout.