Website design: CPanel

Website design: CPanel

The first thing that you need to do to be
able to publish something to the web is to set up your website. We’re using cPanel, which
is at You have been assigned a password and a username. I have several.
I’m going to use meri for this one. And you will use what was assigned to you, which was
some combination of your first name, last name, it’s all inside of the classroom. When
you first start, it’s going to tell you to change you password. Now, your new password
should have a combination of letters, numbers, capital and lowercase. Something easy for
you to remember, but hard for other people to guess. And you’ll have to type it in twice.
And then hit Change your password now! Now, every semester, I will either, usually in
the summer, I completely wipe everything clean, so you want to save everything to have a backup
because you won’t be able to get into it after the semester is over. It will be up to at
least June or July, but August it is coming down. Once you’re in here, it’s going to tell
me that my password has been changed in all of these areas, that’s fine. I’m going to
go back and it’s going to have me log in again with the new password. If you ever forget
it, I can always reset your password again. It has Getting Started help, it’s not a bad
idea to view their video tutorials. I’ve already seen them and I’m not going to play them in
this video but you probably should watch them. We’re going to ignore most of this for our
class applications, we’ll do something with WordPress once, so I will show you how to
use that. We’re not going to be really using any of the automated things, we’re not going
to be setting web mail in this class. Pretty much, you’re going to work with two things
here, you’re going to work with your File Manager and possibly four FTP Accounts. So
when I go up to my file manager, and I’m typically going into my Web Root (public_html), you’re
going to see that I have multiple folders in here. I have index.html and that’s really
important because when it’s named index.html, that’s what opens up by default. So my web
address for that file would be and I don’t have to type anything in, index
is the default page and this is what shows up. And if I were to put /index.html here,
you would see it is the exact same page. So you use index and it has to be lowercase.
I don’t want you using spaces, or uppercase letters in any of your file names, that’s
critically important. In fact, some things won’t even upload, if you are using spaces.
So in my File Manager, that index page links to an index page in each of these folders.
Now this is for our web175 class, you may already have existing folders if you’ve taken
any of the other class. If you’ve taken cis142 or web 105, you might already have these in
here. If you haven’t already done so, you want to create a new folder and the new folder
should be named web175. That’s going to be creating in your /public_html folder. You
will hit Create New Folder. I’m not going to because mine already exists. In this folder,
we’re going to put in a bunch of different things. We’re going to have different folders
for each lab and for each project. I’m actually just going to do one folder for all the labs.
So I’m going to do a New Folder and I’m going to call the folder labs. And I could organize
this a little bit further, which is what I’m going to do. I’m going to name the folder
images and I’m going to drop my eli image inside of it. Now, typically if I was doing
a full website, I would also have a folder for, and I’ll go ahead and include that, Cascading
Style Sheets (CSS) and possibly one for Javascript, but I don’t think I’m going to end up using
that in this class. At least not at the top level. So when you look at my index page here,
and we’ll see if that one exists, I think it exists but I don’t think I put anything
in it yet, it is here but it’s blank. There is nothing in it. So you’ll see when I make
modifications on this on the first exercise that I’ll upload. So that’s what you really
need to do to get started. What you need to know, is to how to set up you FTP Account.
You can set up separate accounts if you want to. I sometimes set up a separate account
for each of my subfolders. But the easiest thing to do is just to use the default account,
which is whatever you username was assigned with your normal password, and you can click
on the Configure FTP Client. This is going to give us the information that we need to
go onto the next video, where we set up our Dreamweaver FTP software. Remember, FTP stands
for File Transfer Protocol and that’s how you’re going to upload you pages, your images,
and all of your files into your server. This has directions for several different things,
it doesn’t tell you Dreamweaver but this is really what you need to know. My Username
is meri and my FTP Server is The other thing that you need to remember
is that everything that we’re going to use is inside of public_html and then I’m going
to set it to the web175 folder. I’m going to go ahead and stop this video here, and
we’ll pick it back up for the next video with setting up a site in Dreamweaver.

3 thoughts on “Website design: CPanel

  1. thanq for uploading this video…..which is helpful in understanding how to use cpanel which i rented from

Leave a Reply

Your email address will not be published. Required fields are marked *