IntroductionWelcome| 00:04 | Hi! I am Ray Villalobos, and
welcome to Managing a Hosted Website.
| | 00:08 | In this course, we will look at how to host
a website with popular web hosting providers.
| | 00:14 | I will start by showing you how
servers work and what things to look for when
| | 00:18 | choosing a service provider.
| | 00:21 | Then, I will show you how to pick a
good domain name and go through the process
| | 00:25 | of purchasing and
setting up your website server.
| | 00:27 | We will also see how to set up
useful features like FTP Accounts, Mail,
| | 00:34 | Password Protected Directories, databases, and
subdomains with popular control panel interfaces.
| | 00:41 | We will be covering all these features
plus plenty of other tools and techniques.
| | 00:45 | Now let's get started with
Managing a Hosted Website.
| | Collapse this transcript |
| Using the exercise files| 00:00 | If you are a Premium member of the
Lynda.com Online Training Library or if
| | 00:05 | you're watching this tutorial on a
DVD-ROM, you have access to the Exercise
| | 00:08 | Files used throughout this title.
| | 00:10 | If you open the Exercise Files folder,
you will find a folder with assets I used
| | 00:14 | to create some of the projects on this course.
| | 00:17 | You will also find a codesnippets file with
some code that I used on some of the videos.
| | 00:21 | Finally, a Starting Points folder
with subfolders for files you will need
| | 00:25 | for different videos.
| | 00:26 | In each movie that requires a Starting
Point folder, I will ask you to open up
| | 00:31 | the Exercise Files, open the Starting
Points, and find the starting points for
| | 00:34 | the video you're watching.
| | 00:35 | You will need to copy the Working Folder onto
your Desktop and start working on the files.
| | 00:42 | If you are a monthly member or annual
member of Lynda.com, you don't have access
| | 00:46 | to the Exercise Files, but you can work
along from scratch with your own assets.
| | 00:50 | So let's get started!
| | Collapse this transcript |
|
|
1. Working with a Hosting ProviderIntroducing servers| 00:00 | Before we get started working with
servers, you might be wondering what a server
| | 00:04 | is and if you really need one
for yourself or your business.
| | 00:08 | The Internet was created to be
a network of computer networks.
| | 00:12 | The cool thing about the
Internet is that it's always changing.
| | 00:14 | When you turn off your computer, you
break the connection to the Internet, but
| | 00:18 | the Internet itself continues to exist.
| | 00:21 | That way it's like a living organism
that grows and shrinks depending on the
| | 00:25 | computers connected to it at any point in time.
| | 00:27 | When working on the Internet, a computer
can act as either a client or a server.
| | 00:31 | Clients are computers that are connected
to the Internet for short periods of time.
| | 00:36 | They do this in order to get pieces of
information, say a video on YouTube or
| | 00:40 | a Wikipedia article.
| | 00:41 | It can also send information or
interact with other computers, like when you
| | 00:45 | post a photo on Instagram with
your cell phone, or chat on Facebook.
| | 00:50 | Servers are also computers connected
to the Internet, but unlike clients
| | 00:54 | they are always running.
| | 00:55 | They receive requests or information
from other computers usually clients.
| | 00:59 | They run different types of
software that give up or serve the
| | 01:02 | requested information.
| | 01:04 | Servers can serve different types
of files like video, email, or chat.
| | 01:09 | Each of these files are processed by
different applications that understand the
| | 01:13 | languages they are in and
then optimized for their files.
| | 01:16 | These languages are known as protocols.
| | 01:18 | One of the protocols you are
probably familiar with is called HTTP.
| | 01:22 | There is a lot that you can
do online without a server.
| | 01:26 | You can create a blog using a
service like Blogger or WordPress.com.
| | 01:29 | You can also post videos in
YouTube or upload your photos to Flickr.
| | 01:34 | You can even create a Facebook fan page.
| | 01:36 | You will need a Web server when you
want to have ultimate control over the
| | 01:39 | experience people have when using your data.
| | 01:42 | Having your own server provides more
flexibility than using or renting services
| | 01:46 | from another website.
| | 01:48 | It let you be in control of all your
information and present it in any way you want.
| | 01:53 | You may for example want to run your
own Internet radio station or have a great
| | 01:57 | new idea for a better social network.
| | 01:59 | You might even want to create a new way for
people to interact with their cell phones.
| | 02:03 | Running or renting a hosted server lets
you have absolute flexibility over how
| | 02:07 | your information is served
and what services you support.
| | 02:10 | You can do a lot without a server
but dreaming up the next big Internet
| | 02:14 | application requires a control you
can only get from your own server.
| | 02:17 | 1
| | Collapse this transcript |
| Understanding the different types of hosting providers| 00:00 | When researching hosting companies
online, you need to know why some services
| | 00:04 | and features are more expensive than others.
| | 00:07 | Let's look at the different types
of hosts and the options they offer.
| | 00:10 | A hosting provider is a company that
specializes in running Web servers.
| | 00:14 | They provide hardware with fast
connections and easy-to-use control panels
| | 00:18 | for administering your site, as well as
software you may want preinstalled and configured.
| | 00:22 | The prices for these services vary
widely from just a few dollars a month to
| | 00:26 | hundreds or thousands of dollars
depending on how much power and
| | 00:29 | customization you need.
| | 00:30 | First question to ask yourself when choosing
a host is to figure out which type you need.
| | 00:34 | They tend fall into four categories;
| | 00:36 | Shared, Virtual, Cloud or Dedicated hosting.
| | 00:39 | Shared hosting means that your server
runs your site in the same place as many
| | 00:43 | other sites and services.
| | 00:44 | You are sharing a fixed amount of
resources, processing power, memory, and hard
| | 00:49 | drives with other users.
| | 00:51 | This is usually just a few dollars
a month and a great place to start.
| | 00:55 | The disadvantage is that problems
with one host can affect the others.
| | 00:58 | So in that way it's less
secure than other plans.
| | 01:01 | Also, power and customization is often limited.
| | 01:05 | You may not be allowed certain
types of access and might not be able to
| | 01:08 | install your own software.
| | 01:10 | Virtual hosting means that your
server runs in a virtual environment.
| | 01:13 | It's like telling a single
computer to behave as several machines.
| | 01:17 | Each virtual server behaves as a
separate entity and has a guaranteed amount
| | 01:21 | of processing power, memory, and hard drive
space that will only be used by that server.
| | 01:26 | You can get root access so you can
install your own software, but you'll still
| | 01:29 | be sharing memory, hard
drives, and other resources.
| | 01:32 | But if one virtual box crashes it
doesn't have any effect on the other service
| | 01:37 | in the same location.
| | 01:38 | If you need more power or custom software,
but don't want to pay for a dedicated
| | 01:42 | server, then Virtual
hosting is a much better option.
| | 01:46 | Cloud hosting means that your server
doesn't run on an actual machine, but on a
| | 01:50 | cloud or network of computers.
| | 01:52 | If any one computer in the cloud
fails the others take over the processing
| | 01:55 | needs of your website.
| | 01:56 | This is more efficient than Virtual or
Dedicated hosting, because websites don't
| | 02:00 | always utilize 100% of
the resources of a computer.
| | 02:04 | If one cloud is super busy, then on
a cloud server, it simply utilizes
| | 02:08 | more processing power.
| | 02:09 | In this type of hosting, memory and
hard drive space adjust to your needs.
| | 02:13 | You pay only for what you use, so this
can be more economical for larger sites
| | 02:18 | and more efficient for the hosting provider.
| | 02:20 | The Dedicated hosting, you get a
machine or group of computers whose only
| | 02:24 | purpose is to run your services.
| | 02:26 | No one else shares the resources on
your server and you have full root access,
| | 02:31 | which means you can install
whatever software or additional hardware is
| | 02:34 | necessary to run your sites.
| | 02:35 | You can even group servers
together and create your own cloud.
| | 02:38 | This is the most expensive type of
hosting but also the most flexible.
| | 02:42 | There are many types of companies
providing hosting services, most of them offer
| | 02:46 | their own versions of
these types of hosting plans.
| | 02:49 | It's important to research and ask
questions about how faster server will be,
| | 02:53 | the number of other hosts running
on the same machine and the amount of
| | 02:56 | customization you'll have on any hosting plan.
| | Collapse this transcript |
| Choosing server features| 00:00 | Server plans come with different features.
| | 00:03 | Let's take a look at some of the
options you might want to look for
| | 00:05 | when choosing a server.
| | 00:07 | When choosing your Web server, one of
the most important decisions is to pick
| | 00:11 | the type of operating
system running on your server.
| | 00:14 | Like with your computer, the operating
system determines the software that you
| | 00:17 | can install on your machine and the
types of services that will be running.
| | 00:21 | Your choices are usually between
Windows and Linux operating systems.
| | 00:25 | Although, either operating system can
run things like PHP and SQL, they each
| | 00:30 | have software that is written
specifically for that operating system.
| | 00:33 | Linux is an open source operating
system, which means that it's free and
| | 00:38 | customizable by anyone with enough
experience, so more cutting-edge software and
| | 00:42 | services are developed
quicker for these servers.
| | 00:45 | Windows servers are developed by
Microsoft as a commercial product, which can
| | 00:49 | sometimes make them a little more
expensive, but they have a lot of great
| | 00:53 | services that let you build
things quickly and efficiently.
| | 00:56 | My suggestion is that you research the
type of software you want to run on your
| | 01:00 | server and then get a server
that has the best support for it.
| | 01:04 | Scripting software asks your server to
preprocess files before they are sent to your users.
| | 01:09 | It's a powerful way to create dynamic websites.
| | 01:12 | You need to make sure your server
supports the server-side scripts you need.
| | 01:15 | For example, if you are going to install
WordPress, you need to make sure you can run PHP.
| | 01:20 | Some servers will only allow you
to run certain types of scripts.
| | 01:24 | If you want to use .NET or SharePoint
for example, you will only be able to do
| | 01:27 | that on Windows servers.
| | 01:29 | If you're looking for a server with
the ability to run different types of
| | 01:32 | applications, Get, Node, Python, Rails,
Ruby, Pearl etcetera, make sure you know
| | 01:38 | which plans and servers
support the features you need.
| | 01:42 | All servers have certain physical
limitations like the amount of storage, the
| | 01:46 | amount of users, or how much
information can be transferred at the same time.
| | 01:51 | Often when looking at hosting
companies, you will hear terms like unlimited
| | 01:55 | storage and unlimited file transfer.
| | 01:58 | Make sure you ask
questions about what that means.
| | 02:01 | They may technically offer unlimited
storage but limit the amount of files, or
| | 02:06 | even though, they may offer unlimited
file transfer, they might throttle down or
| | 02:10 | slow down the server if your site gets too busy.
| | 02:13 | On cheaper servers, there might be
other limits, like the amount of memory
| | 02:17 | your server is allowed and how many things
a server is allowed to do at the same time.
| | 02:21 | They might throttle or slow down
the server if your site gets too busy.
| | 02:25 | Those all have impacts on performance.
| | 02:27 | It's best not to just go buy price,
but research your choices carefully.
| | 02:32 | Talk to your friends about the hosts
they feel comfortable with and talk to
| | 02:36 | somebody at the hosting provider
to make sure your traffic needs and
| | 02:39 | expectations will be met.
| | 02:40 | When you are typing an address like
Lynda.com into a browser, the name you use
| | 02:45 | is called the domain name.
| | 02:47 | One of the options when purchasing a Web
server is how many domains you can have
| | 02:51 | on the same machine.
| | 02:52 | Having the ability to have multiple
domains in your sites, lets you have
| | 02:56 | multiple websites on the same account.
| | 02:58 | Check to see that what you're paying for
allows you to create an adequate number
| | 03:01 | of domains for your needs.
| | 03:03 | Subdomains are the text that
can appear before a domain name.
| | 03:06 | So in addition to using a website
like Lynda.com you can create a subdomain
| | 03:11 | like blog.lynda.com.
| | 03:13 | It takes people directly to
your blog instead of your website.
| | 03:16 | A hosting account might allow a number
of these, so check that you're allowed to
| | 03:20 | create a good number of
them because they can be handy.
| | 03:24 | When you have a custom domain, you can
create your own custom addresses using
| | 03:28 | the domain, so instead of something
like frvillalobos@gmail.com, you can use
| | 03:34 | something like ray@yourdomain.com.
| | 03:37 | A good hosting plan will let you create
a number of email addresses or mailboxes.
| | 03:42 | You might want to be able to create an
address like info@yourdomain.com, that is
| | 03:46 | not a real mailbox but gets forwarded
to someone within your organization.
| | 03:50 | Forward, it can then be reassigned to a
different person if your needs change.
| | 03:55 | Mailing Lists and other services can be
provided by your host, so that you can
| | 03:59 | do things like send newsletters to your clients.
| | 04:02 | In order to manage your server
software and settings, a hosting company can
| | 04:05 | provide a Control Panel, which is just
an interface to make it easier for you to
| | 04:09 | control and set things up on your sites.
| | 04:12 | You might use something like cPanel, Plesk
or even the host's own custom control panel.
| | 04:18 | Each control panel is different, so if
you're used to using cPanel, it might be
| | 04:23 | good to check if the host runs
that software or some other software.
| | 04:27 | Another important decision is
the ability to host databases.
| | 04:31 | Some types of servers accept
only some type of databases.
| | 04:35 | There is usually a limit as to how many
databases you can have on cheaper plans,
| | 04:40 | so make sure you have enough.
| | 04:41 | For example, though the plan might
allow you to host 100 domains, if they
| | 04:46 | only support one MySQL database,
that would limit the amount of WordPress
| | 04:50 | sites you can host on the same plan to
one, since each WordPress installation
| | 04:54 | takes up a database.
| | 04:56 | This isn't a comprehensive list of
features, but just some of the most important
| | 05:00 | things to look out for.
| | 05:01 | Each hosting provider should have a
full list of features and be able to answer
| | 05:05 | questions about their limitations.
| | Collapse this transcript |
| Getting a domain name| 00:00 | Your domain name has an impact on how
people arrive at your website, so it's
| | 00:05 | important to pick the right domain name
and make it easy to remember for users.
| | 00:09 | It's something you should think
about before you set up your server.
| | 00:12 | Domain names should be easy to
remember, hard to misspell, not too long
| | 00:17 | and keyword driven.
| | 00:19 | If your domain name is confusing or hard to
remember people won't be able to find you.
| | 00:24 | Although you can have as many as 63
letters in your domain name, it's a good
| | 00:27 | idea to keep it short
and to avoid abbreviations.
| | 00:30 | Be wary of names that might be typed
into a browser in many ways, words like
| | 00:34 | Cincinnati or Massachusetts.
| | 00:37 | Careful of words with letters like
c or s that might be confusing when
| | 00:41 | pronounced, words like cents or scents.
| | 00:44 | Also words with silent
letters like wrinkle or listen.
| | 00:47 | They can be tough to spell.
| | 00:49 | You might have problems with words that
sound the same, words like feet or feat.
| | 00:55 | When you use tough words, it's a good
idea to use them with other words so that
| | 00:59 | their spelling has context.
| | 01:01 | Tell someone your domain name and ask
them an hour later if they remember it.
| | 01:05 | Better yet, wait a day and ask
them if they remember it then.
| | 01:08 | If they can't remember, it
perhaps it's too complicated.
| | 01:11 | When you sign up for a domain name, you
will also need to pick what's known as a
| | 01:16 | Top Level Domain or a TLD.
| | 01:17 | This is the last part of your
domain as in .com .org or others.
| | 01:23 | Top Level Domains are supposed to be
logically related to their function
| | 01:26 | or country of origin.
| | 01:28 | The .com domain for example is
supposed to denote a website that belongs to a
| | 01:32 | company, while the .org to
a government organization.
| | 01:36 | .edu is supposed to be for educational
organizations and each of the country
| | 01:41 | codes is supposed to denote
sites belonging to those countries.
| | 01:44 | For example, .ly sites are supposed to
belong to sites from Libya, and the .tv
| | 01:50 | sites are supposed to
belong to a country named Tuvalu.
| | 01:53 | The rules are often bent.
| | 01:55 | Some domain registrars will allow you
to register sites with a .cotld, which is
| | 02:00 | technically supposed to
denote sites from Columbia.
| | 02:02 | There are also additional
TLDs under consideration.
| | 02:05 | Last year in 2011, the board governing
TLDs, decided to end the restriction on
| | 02:11 | how these TLDs were named.
| | 02:13 | It will be possible to create
generic TLDs with almost any extension.
| | 02:17 | For right now, that's extremely
expensive and not yet available.
| | 02:21 | It's also important to pick names
with words that people might type in when
| | 02:25 | searching for sites like yours
in Google or other search engines.
| | 02:29 | A law firm by the name of Matthews &
Matthews is better off with a name like
| | 02:33 | divorceatlanta.com than matthewsandmatthews.com.
| | 02:37 | Search engines take a domain name of a
website into consideration and if there
| | 02:42 | are keywords in the name, they are
better for SEO or Search Engine Optimization.
| | 02:45 | Once you figure out what TLD you want
to use, it's a good idea to research
| | 02:50 | possible domain names
before you get your server.
| | 02:53 | A great place to use is bustaname.com.
| | 02:56 | It has a Quick Domain Checker where
you can quickly check to see if any
| | 02:59 | domains are available.
| | 03:00 | If you are having a hard time finding
a domain that you want with the Quick
| | 03:04 | Domain Checker, you can also add a
series of words and bustaname will try to
| | 03:08 | find domains that combine those words.
| | 03:12 | Once it finds some suggestions, if you
roll your mouse over the triangle to the
| | 03:16 | right of each word, it will give you a
list of related words that you can use.
| | 03:21 | You can even create groups to avoid
certain words from being combined.
| | 03:24 | There are additional options at the
bottom of the screen to help you get even
| | 03:30 | more combinations and options.
| | 03:32 | Once you find a domain you like, you
can click on the Buy button to purchase
| | 03:36 | this domain directly from one of the
registrars listed right here, or you
| | 03:40 | could simply write down the
domains you like and use them later when
| | 03:43 | registering your sites.
| | 03:44 | Choosing a domain name is one of the
most important decisions you will need to
| | 03:48 | make before setting up your site, so
make sure you take the time to research and
| | 03:51 | pick a domain that your users
can easily find and remember.
| | Collapse this transcript |
| Purchasing a domain with cPanel| 00:00 | Once you have picked your domain name, it's
time to purchase your server from a host provider.
| | 00:05 | There are many host providers to choose from.
| | 00:08 | I am going to show you three popular
managed website hosts that use three
| | 00:11 | different types of control
panels to help you manage your server.
| | 00:15 | We will take a look at Bluehost,
which uses a control panel called cPanel.
| | 00:20 | Media Temple, we will choose a
virtual server that uses Plesk as a control
| | 00:25 | panel, and 1&1, which uses a
custom-built control panel.
| | 00:29 | Let's start with Bluehost.
| | 00:31 | From the homepage of Bluehost, I am
going to choose the Sign Up Now button and
| | 00:35 | the first thing I need to do is tell
Bluehost which domain name I want to use.
| | 00:39 | I have already picked the domain that
I want to use, so I am going to type it
| | 00:42 | in, the I Need a Domain Name box.
| | 00:46 | Now I am going to hit the Next button
and it's going to check to see if that
| | 00:49 | domain name is available.
| | 00:51 | Now I will fill out this
Account Information area.
| | 00:54 | A lot of times when signing up for
these domain names, you'll see a lot of
| | 00:59 | additional services.
| | 01:00 | Make sure you read carefully through
the services that are offered and pick
| | 01:03 | the ones that you need.
| | 01:07 | In this screen, Bluehost is asking
for some upgrades that you might want.
| | 01:12 | Take a look at what they offer and
make sure that you choose carefully the
| | 01:16 | features that you want on your website.
| | 01:19 | After you sign up for these services,
you should receive a confirmation
| | 01:23 | email from Bluehost welcoming you to the
site and giving you some additional information.
| | 01:29 | The next thing we'll need to do is
to create a password for our account.
| | 01:33 | I am going to click on this Create
your password link and type in a password.
| | 01:38 | Once you type in your Password and your
Verification PIN, you can hit the Submit button.
| | 01:45 | Now that my password has been updated,
I can use it to log in to Bluehost.
| | 01:55 | Now that you have logged in, you can
click on one of these tabs to go either to
| | 01:59 | cPanel or your Domain Manager and
continue to customize your website.
| | Collapse this transcript |
| Purchasing a domain with Plesk| 00:00 | On Media Temple, I am going to go to
the Web Hosting tab and click on the
| | 00:06 | Dedicated Virtual server and
select this Activate button.
| | 00:11 | I am going to choose the 512 MB
option here and click on Activate.
| | 00:16 | In this screen, I am going to type in
my domain name and hit Continue Order.
| | 00:24 | I picked up this domain name
previously so I knew that it was available.
| | 00:28 | I am going to select Continue Order
and type in my Contact Information.
| | 00:35 | With Media Temple as with other
providers, once you finish signing up, you'll
| | 00:40 | need to check your email so that
you can complete your registration.
| | 00:43 | We will need to create a password for
our account by clicking on this link.
| | 00:47 | Once you set a password, we can click on
this link to go to the main login page.
| | 00:57 | Our Primary Domain will be the domain
name we typed in earlier, our Email will
| | 01:03 | be the email that we used to create
the account, and the Password is the
| | 01:06 | password that we just typed in.
| | 01:11 | In Media Temple, you also have a
Domain Manager area as well as a Plesk area
| | 01:15 | where you can use the control
panel to manage how your site works.
| | 01:19 | When you click on Plesk to enter your
control panel, you might see a link like
| | 01:24 | this, just click Continue to
get into your Plesk Control Panel.
| | 01:27 | You will need to check your email
again and make sure you check out the Plesk
| | 01:32 | Admin option here to set the password for Plesk.
| | 01:37 | Your Username will be admin.
| | 01:41 | Now we can go back into our Plesk tab,
type in the Username admin and our
| | 01:47 | new control panel and our password and
click on the Log In button to log in to Plesk.
| | 01:52 | From here, Plesk it will assign us an
IP Address and the IP Address is just the
| | 01:56 | physical location of the
machine on the Internet.
| | 02:00 | If you are only using one website,
you don't need to worry about it.
| | 02:03 | You might need to retype in your
password just to make sure here, and click OK.
| | 02:08 | Now for the User interface view, I am
just going to choose Individual/Personal
| | 02:12 | Use and you could choose one of these
different interfaces, which will work fine
| | 02:16 | for me. So I am going to click on OK to
finish out my changes, and now I'll type
| | 02:20 | in some information for the admin user.
| | 02:25 | After we type in some information for
the admin user, we will need to type in
| | 02:29 | Log In information for this particular website.
| | 02:32 | With Plesk, you can serve up multiple
websites and each website needs to have
| | 02:37 | its own individual login information.
| | 02:40 | After this our Plesk setup is
complete for Media Temple and we can start
| | 02:44 | configuring the rest of
the options for our website.
| | Collapse this transcript |
| Purchasing a domain with a custom control panel| 00:00 | To order Web hosting with 1and1, I am
going to go to 1and1.com, and then go to
| | 00:06 | the Web Hosting tab, choose Web Hosting
solutions, and in my case, I am going to
| | 00:11 | choose a Hosting solutions
for professionals - Linux.
| | 00:16 | From there, I have to pick of
these three different options.
| | 00:20 | Depending on which option you pick,
you will see that there are different
| | 00:24 | parameters for the
accounts and different options.
| | 00:26 | I am going to choose to sign up for the
first 12 months, so I am going to click
| | 00:31 | on this Sign Up link right here.
| | 00:33 | I am going to check the availability
of my domain, which I picked previously.
| | 00:37 | I am going to hit Check.
| | 00:39 | I see that my domain name is
available, so I am going to hit Continue.
| | 00:45 | Now I don't really want any of these
other options, so I am going to make sure I
| | 00:50 | click those off, and hit, No
thanks, continue without selection.
| | 00:56 | I don't really want a 1&1 E-Shop, so I am
going to hit, No thanks, continue order.
| | 01:02 | I am going to check my options here
and everything looks fine to me, so I am
| | 01:07 | going to click the
Continue button to place my order.
| | 01:11 | And I am going to hit Continue because
I'm already in the USA and it's already
| | 01:15 | selected as my option here.
| | 01:17 | Now I am going to type in my personal
information here and I am going to hit the
| | 01:24 | Continue button to keep on going.
| | 01:25 | Now I need to type in a
password for my Control Panel.
| | 01:28 | 1and1 uses a custom control panel so it
will be a little bit different than most
| | 01:32 | of the other websites you go to.
| | 01:34 | A lot of websites use custom control
panel, so this will be a good example of
| | 01:38 | what those are like.
| | 01:41 | In this screen, you are going
to choose your payment options.
| | 01:48 | It looks like my payment has been
accepted, so I am going to hit Continue and
| | 01:52 | review my Contact Information.
| | 01:54 | You should read the Terms &
Conditions of your agreement, they are rather
| | 01:58 | lengthy, and I am going to click to
accept the Terms & Conditions and place the
| | 02:03 | order by hitting the Order Now button.
| | 02:06 | As with other services, once you
complete your order, you will need to check
| | 02:11 | your email for additional instructions
on how to log in to your control panel.
| | 02:15 | With 1and1 you'll need to know the Customer
ID to log into the control panel from 1and1.
| | 02:20 | You can get to the Control Panel by
going to admin.1and1.com or clicking on
| | 02:26 | this link on the email.
| | 02:27 | You will need to type in your Customer
ID and the Password that you use when you
| | 02:31 | created the account.
| | 02:32 | Now you can also sign up with your
domain name but chances are since I just set
| | 02:37 | up this account, the domain name
will not be available yet, but after the
| | 02:41 | domain name is ready, I can use it to
sign up instead of my Customer ID. So I
| | 02:46 | am going to hit Log In and now I am
ready to manage my website with the 1and1
| | 02:51 | Custom Control Panel.
| | Collapse this transcript |
|
|
2. Setting up Your Coding EnvironmentSetting up FTP accounts with cPanel| 00:00 | When you go to a web address like
lynda.com or bluehost.com, you're
| | 00:05 | connecting to a Web server, which is a computer
that sends you files stored on its hard drive.
| | 00:10 | But how did the files get there?
| | 00:12 | Files can be sent to a server using a
protocol or language called FTP, which
| | 00:17 | stands for File Transfer Protocol.
| | 00:19 | In order to send files to the server
with FTP, I need to have an account that
| | 00:23 | controls where on my servers the file should go.
| | 00:26 | Web hosts always create a
default FTP account for you.
| | 00:30 | So I am going to show you where
you can get your default FTP account
| | 00:33 | information, as well as how to create a
new account, perhaps something you can
| | 00:37 | use for a client to be able to send you files.
| | 00:40 | I'm going to show you how to do this
with Bluehost which uses a popular control
| | 00:44 | panel called cPanel.
| | 00:46 | To log into our control panel, go to
the homepage of bluehost.com and find the
| | 00:50 | Control Panel Login.
| | 00:52 | On this next page, I want to type in
the Domain name and the Account Password
| | 00:56 | that we used to set up the Bluehost account.
| | 01:01 | This is the Bluehost Control Panel.
| | 01:03 | There are a lot of options here, but
the one that we need is towards the bottom
| | 01:07 | of the page under Files.
| | 01:09 | Find the FTP Accounts
icon and click on the link.
| | 01:12 | Here you have two options.
| | 01:15 | You can add a new FTP account or use
the default account that was created when
| | 01:19 | you set up your Bluehost account.
| | 01:21 | The login information for this
account is at the bottom of the screen.
| | 01:24 | You can click on the Configure FTP
Client link to find the FTP information
| | 01:29 | you'll need to type into your FTP client.
| | 01:31 | At the bottom, you can also see links
to Configuration Files you can use with
| | 01:35 | popular FTP clients.
| | 01:37 | If you want to create an FTP account
for one of your clients, you will need to
| | 01:41 | go to the top of the screen.
| | 01:43 | First, you will need to type in a Login.
| | 01:45 | Your login becomes whatever you type in here
plus the @ sign and the name of the domain.
| | 01:50 | In this case, our Login ends up
being clients@vehicleclassic.com.
| | 01:54 | Now you type in a password.
| | 01:57 | Notice how this control panel
automatically added a path to the directory area.
| | 02:01 | Our master account has complete access
to all of our folders, but you can limit
| | 02:06 | the client's access by
typing in folder names here.
| | 02:08 | This client will only have access
to the clients folder, that's inside
| | 02:12 | the public_html folder.
| | 02:14 | If the folder doesn't exist,
it will create it for us.
| | 02:18 | The public_html folder is a special
folder where you can place all of the files
| | 02:23 | that are going to be
accessible through a browser.
| | 02:25 | Click Create FTP Account, you can
scroll down to the bottom of the screen and
| | 02:29 | see that an additional FTP account has
been added to our list of FTP accounts.
| | 02:34 | Once you have an FTP account, you can use
an FTP client to upload and download files.
| | 02:40 | It's also nice to be able to create
special FTP accounts for clients where
| | 02:44 | they can drop off files.
| | Collapse this transcript |
| Setting up FTP accounts with Plesk| 00:00 | Files can be sent to a server using a
protocol or language called FTP which
| | 00:05 | stands for File Transfer Protocol.
| | 00:07 | I'm going to show you where you can
get your default FTP Account information
| | 00:10 | using Media Temple's Plesk Control Panel,
as well as how to create a new account
| | 00:15 | for a client to be able to send you files.
| | 00:17 | To log into your control panel, go
to the homepage of mediatemple.net and
| | 00:21 | find the Login button.
| | 00:23 | On this page, you will need to type in
the Primary Domain, the Email that you
| | 00:29 | used to set up your account, as
well as your Account Password.
| | 00:33 | If you don't remember this, search
your Inbox for an email from Media Temple
| | 00:36 | with this information.
| | 00:41 | This is the Media Temple Control Panel.
| | 00:44 | Media Temple has two sets of
control panels, one for controlling your
| | 00:47 | account and one for Plesk.
| | 00:49 | To get into your Plesk Control Panel,
click on the Plesk button in your Media
| | 00:53 | Temple Control Panel.
| | 00:55 | You are going to be
redirected to the Plesk interface.
| | 00:58 | If you want to get there without going
to the Media Temple Control Panel, you
| | 01:01 | can simply type in your Domain name
and add the port number 8443 at the end.
| | 01:06 | It might be nice to
bookmark this for future use.
| | 01:10 | Your Username will be admin and the
Password will be the password you used when
| | 01:15 | you created your Media Temple Plesk account.
| | 01:17 | Note that this can be different
than your Media Temple account.
| | 01:22 | When you created your own Plesk
account, an FTP account was automatically
| | 01:26 | created with the information we provided.
| | 01:28 | To manage our website, go to the Website &
Domains tab and click on the FTP Access link.
| | 01:36 | When you created your own Plesk
account, an FTP account was automatically
| | 01:39 | created with the information we provided.
| | 01:41 | If you want to modify your password for the
default account, click on the account link.
| | 01:46 | From this page, you can modify
the password for this account.
| | 01:49 | If you don't remember the password for your
account, you can go ahead and change it here.
| | 01:53 | Make sure you write down the username
and password, you will need it to set
| | 01:56 | up your FTP client.
| | 01:57 | I will click the Cancel button to go
back to my Website & Domains manager.
| | 02:01 | Next, I want to create an FTP
account for one of my clients.
| | 02:04 | But by default an FTP Account
will have access to my entire server.
| | 02:08 | I don't want clients to have access to
all of my files, so I need to create a
| | 02:11 | folder and limit the access of
my clients to only that folder.
| | 02:15 | To manage your files with the Plesk,
you can go to the File Manager link.
| | 02:19 | In the File Manager, we can see
all of the files on our server.
| | 02:23 | There's a special file called httpdocs,
which is where we can put all of the
| | 02:28 | files that we want people
to access through the Web.
| | 02:30 | I am going to click on that link
because I want my clients to be able to upload
| | 02:35 | documents for a website
I'll be preparing for them.
| | 02:38 | Now I can add a new directory by
clicking on the Add New Directory link.
| | 02:44 | Now I can add a new directory called
clients and click OK to create that
| | 02:48 | directory and add it into my httpdocs folder.
| | 02:51 | Now I am ready to create the FTP account.
| | 02:54 | I am going to click on Website &
Domains, and go back to the FTP Access link.
| | 02:59 | Now I am going to create an additional
FTP account by clicking on this Create
| | 03:03 | FTP Accounts link and now I
can type in the FTP account name.
| | 03:07 | Under Home directory, I want this
client to only have access to the client
| | 03:11 | folder which is in the httpdocs folder,
so I will type in /httpdocs/clients.
| | 03:19 | And now I create a password for my
clients and I am going to hit OK.
| | 03:23 | Once you have an FTP account, you can use
an FTP client to upload and download files.
| | 03:29 | It's also nice to be able to create a
special FTP account for clients where
| | 03:32 | they can drop off files.
| | Collapse this transcript |
| Setting up FTP accounts with a custom control panel| 00:00 | The majority of web hosts use Control
Panel software to allow users to manage
| | 00:05 | servers and create FTP accounts.
| | 00:07 | The FTP accounts allow users
to upload and download files.
| | 00:11 | Some services like 1and1 have
developed their own Control Panel Interface, so
| | 00:16 | let's take a look at how to manage FTP
accounts with a Custom Control Panel.
| | 00:20 | To log into our control panel, go
to the homepage of 1and1 and find the
| | 00:23 | Customer Login button.
| | 00:26 | You have a couple of options when
logging into your control panel.
| | 00:28 | You can use the Customer ID that can
be found in the email you received from
| | 00:32 | 1and1 when you set up your account.
| | 00:34 | If your domain setup is complete,
you can also use your domain name which
| | 00:38 | is easier to remember.
| | 00:44 | The custom 1and1 control panel
has a lot of different sections.
| | 00:48 | To manage your FTP accounts, look in the
Access section for a link to the FTP account.
| | 00:53 | As with other control panels, 1and1
automatically creates a default user for you.
| | 00:58 | The password is the same password you
used to log in to the control panel.
| | 01:02 | If you need to reset your password,
you can change it by clicking on the
| | 01:05 | username and typing in a new password.
| | 01:09 | I will hit Cancel to go back to my FTP setup.
| | 01:12 | If I want to create a new user, I
will need to hit the New User button.
| | 01:16 | On the next screen, I
need to type in a Username.
| | 01:19 | The account ID will be added to the
front of my username, so my username will be
| | 01:23 | the letter U, a number, then a dash,
and then what I type in here.
| | 01:27 | Typing your password and an optional
Description, the Description can be useful
| | 01:30 | if you have a lot of FTP
accounts, so you can tell them apart.
| | 01:34 | Next, you can see the option to give
users access to an existing directory.
| | 01:38 | By default, any new FTP accounts I
create will have access to all of my folders.
| | 01:42 | If I look at the pop up, I can choose from the
list of directories or folders on my website.
| | 01:47 | Right now it's empty
because my website is brand-new.
| | 01:51 | I can also create a new directory
so that this account can only access
| | 01:54 | information in that directory.
| | 01:56 | I want this account to have access
only to the files in a clients folder.
| | 02:00 | I will need to choose this option
and call this new directory clients.
| | 02:03 | I'm going to hit the Save button
and 1and1 will create the FTP account.
| | 02:07 | When you make changes to FTP accounts
or domain names, you are going to need to
| | 02:12 | wait a few minutes to make sure
that those changes are available.
| | 02:15 | I am going to click on Go To Overview and
you'll see that my new account has been created.
| | 02:20 | This account only has
access to the clients directory.
| | 02:22 | And you'll see that my user account
has been created, this account only has
| | 02:26 | access to the clients directory.
| | 02:27 | Once you have an FTP account, you can use
an FTP client to upload and download files.
| | 02:32 | It's also nice to be able to create a
special FTP account for clients, so that
| | 02:36 | they can drop off files.
| | Collapse this transcript |
| Using an FTP client| 00:00 | Now we are ready to start uploading the
files to our server and find out how to
| | 00:04 | access those files through a browser.
| | 00:06 | To get started, we are going to
need an FTP client or application.
| | 00:10 | If you are on a PC, you might look into
FileZilla, a popular and free FTP application.
| | 00:15 | On the Mac, a popular option, although
not free, is an FTP client called Transmit.
| | 00:20 | I like another client called Cyberduck,
because it's free and available for
| | 00:24 | both Macs and PC's.
| | 00:26 | Once you download the software, you
might need to look in your default download
| | 00:30 | folder for the application.
| | 00:33 | On a Mac, applications are normally
stored in the Applications directory.
| | 00:37 | So I can just drag the Cyberduck
application into the Applications folder, find
| | 00:41 | the application in the Applications
folder and drag a copy of it to our dock.
| | 00:47 | Now I can open the application by
clicking on its icon on the dock.
| | 00:51 | If you see this, the operating system
is asking you if you want to make sure,
| | 00:57 | you want to open this application.
| | 00:58 | Just click on open and Cyberduck will run.
| | 01:03 | You might also see a few other windows
and this one is just asking you if you
| | 01:07 | want to import some bookmarks
from another FTP application.
| | 01:11 | I am going to hit Cancel.
| | 01:13 | Cyberduck comes with some default
bookmarks and since I'm not going to use them,
| | 01:17 | I will go ahead and delete them.
| | 01:19 | Holding down the Shift key to select
more than one and then I want to click on
| | 01:24 | this minus sign.
| | 01:29 | To connect to your server, you can
open up a temporary connection or create a
| | 01:32 | bookmark for your account.
| | 01:34 | Opening a temporary connection is
useful if you're in a public place, so no
| | 01:38 | other person using the computer
will be able to log into your site.
| | 01:41 | I'm on a safe computer, so I'm
going to create a new bookmark.
| | 01:44 | At the bottom of the window, click on
the plus sign to create a new bookmark.
| | 01:48 | Now I need to choose some
options about this account.
| | 01:53 | The first is the Protocol you want
to use to connect to your server.
| | 01:56 | The default Protocol is FTP but
Cyberduck allows you to connect to your server
| | 02:01 | with other protocols.
| | 02:02 | You might try to use SFTP since it's a
more secure version of FTP, although not
| | 02:07 | all servers support it.
| | 02:08 | I will just leave mine as FTP.
| | 02:10 | The nickname is the name that will
show up in Cyberduck's list of bookmarks.
| | 02:14 | I am going to call this
bookmark Ageless Classic.
| | 02:17 | The server name is the address
Cyberduck will use to connect to your server.
| | 02:20 | It will normally be your domain name.
| | 02:22 | I will use the information from my
Media Temple account, agelessclassic.com.
| | 02:28 | Most of the time you should
leave the Port option as 21.
| | 02:31 | It's the default port for FTP.
| | 02:33 | Ports are sometimes used when you
have different computers or servers
| | 02:37 | handling different services.
| | 02:38 | Next, type in the Username for this account.
| | 02:42 | If you don't know your username, make
sure you watch the movies on Setting up
| | 02:46 | FTP accounts or check your host's
control panel for an FTP account link.
| | 02:51 | Now click on the Close box
to complete the bookmark.
| | 02:54 | Now you can double-click
to login to your account.
| | 02:58 | Now type in the password.
| | 02:59 | If you don't want to type in the
password every time, then make sure you have
| | 03:03 | Add to the Keychain here, don't do
this if you're using a public computer.
| | 03:07 | Click on Login to log into your account.
| | 03:10 | This is a window into your server's hard drive.
| | 03:13 | As you can see, there are a lot
of files and folders in there.
| | 03:16 | Different servers are set up differently
but every server has a folder that acts
| | 03:21 | as the Web server root.
| | 03:22 | When somebody types in your domain
name on a browser, they are taken
| | 03:26 | directly into this folder.
| | 03:28 | I'm using the Media Temple Plesk account
here, so that folder is called httpdocs.
| | 03:32 | If you're using Bluehost, your
folder will be called public_html.
| | 03:37 | With 1and1, the folder you
login to is your web root folder.
| | 03:41 | Different hosts use different names.
| | 03:43 | So whatever your host calls this
folder, it's where your website will go.
| | 03:47 | Let's open up this folder and
take a look at it's contents.
| | 03:51 | If you followed along with the movie on
creating FTP accounts, you should also
| | 03:54 | see a clients folder inside this folder.
| | 03:57 | Almost every host will place
some starter files in here.
| | 04:00 | They an make your server messy,
so I am going tot get rid of them.
| | 04:04 | To get rid of files you see in
Cyberduck, select them and click the Delete
| | 04:08 | button on your keyboard.
| | 04:09 | I am going to choose all the files and
folders except for the client folder.
| | 04:14 | If you're using the Exercise Files
from the lynda.com website, open up your
| | 04:18 | Exercise Files folder and then find
the Starting Points folder for this movie
| | 04:23 | and copy the Working folder onto your desktop.
| | 04:26 | I'm going to hold down the Option key so
that I make a copy of the Working folder.
| | 04:31 | I want to close this out and open up
the Working folder and I will see two
| | 04:36 | files inside the Working folder, one call
engines.jpg and the other one called headlights.jpg.
| | 04:42 | I want to place the engines.jpg
file into my server.
| | 04:46 | So I'm going to click on it and
drag it onto my httpdocs folder.
| | 04:50 | And once they copy a file you can get
to it from the web, just type in the name
| | 04:54 | of your server then the filename, so
I'm going to open up a browser and then
| | 04:59 | type in the domain name of our
server plus the name of the file.
| | 05:04 | Now what of we put up a file inside a folder.
| | 05:07 | Let's move the file called headlights.
jpg into the clients folder, drag that on
| | 05:12 | top of the clients folder, and in my
browser, I want to type the name of the
| | 05:18 | folder that I put the file
in and then the file name.
| | 05:21 | What if you wanted to create a new
folder to place all of your images?
| | 05:25 | FTP clients allow you to create new
folders and in Cyberduck, you can go to
| | 05:30 | the File menu and select New Folder or you can
right-click in the window and select New Folder.
| | 05:36 | I'm going to call this folder images.
| | 05:41 | Now I can move files from within this
directory just by clicking and dragging
| | 05:44 | them, from one place to another.
| | 05:46 | So I will move the engines.jpg file
into the images folder and I will move the
| | 05:51 | headlights.jpg file from inside the
clients folder into the images folder.
| | 05:56 | Now to get to the headlights photo, we
will need to modify our URL so that it
| | 06:01 | looks for the files
inside our new images folder.
| | 06:04 | Now let's go ahead and delete our
images folder by clicking on it and
| | 06:08 | hitting the Delete button.
| | 06:10 | This will delete any files inside that folder.
| | 06:12 | Sometimes, when you do things on the
server with Cyberduck, the window needs to
| | 06:17 | be refreshed, so click on the Refresh
button if you see a copy of one of the old
| | 06:21 | files still in the clients folder.
| | 06:24 | An FTP client is a great way to
manage the files on your server.
| | 06:27 | It's very similar to working with files
on your own hard drive but remember that
| | 06:31 | this is a window into your server's
hard drive, and that you can access those
| | 06:34 | files through any browser.
| | Collapse this transcript |
| Granting additional FTP access| 00:00 | There are some additional FTP
options you should know about.
| | 00:03 | You can create shortcuts that take you
directly to a specific folder or sign in
| | 00:07 | to other accounts in the same server.
| | 00:09 | If you are falling along with the last
video, you should already have an account
| | 00:13 | in Cyberduck that takes
you directly to our server.
| | 00:17 | This takes you to the server's hard-drive.
| | 00:19 | On this hard-drive, you can see a
bunch of different files, and most of the
| | 00:22 | time, I will be working
with the web root folder.
| | 00:25 | I am using an account from Media
Temple, so that folder is called httpdocs.
| | 00:30 | The way the account is set up, I'll
always start on this server folder.
| | 00:34 | I am going to change that so the account
will go directly into the httpdocs folder.
| | 00:39 | So I am going to close out of here, and
start a new browser, then click on the
| | 00:44 | Ageless Classic bookmark,
and click on this Pencil Icon.
| | 00:47 | From here, I can click to open up more
options, and in this path, I am going
| | 00:52 | to type in httpdocs.
| | 00:53 | I am going to close this bookmark,
double-click on our bookmark again, and it
| | 00:57 | will take us directly into the httpdocs folder.
| | 01:01 | Since this is where we do most of our work, this
might be a good way to create a better shortcut.
| | 01:06 | Now I can still back up to the
master folder on the server using this
| | 01:10 | pop-up menu right here.
| | 01:11 | We can also create copies of accounts.
| | 01:12 | I am going to close this out, go to New
Browser, and right-click on the bookmark
| | 01:17 | that we've created and select
duplicate bookmark to create another bookmark.
| | 01:22 | Now, I don't have to type in the
server or the account name anymore, but I
| | 01:26 | am going to modify this account, so that
it takes us directly to the clients folder.
| | 01:30 | I am going click on this Path section here.
| | 01:32 | I am going to close this out, and double
-click on our new bookmark which takes
| | 01:39 | us directly into the clients directory.
| | 01:41 | Now again, I can still back up to
previous folders by using this pop-up at
| | 01:45 | the top of Cyberduck.
| | 01:46 | If you're following along with the
videos on creating FTP accounts, you created
| | 01:51 | an account that clients can use to log in.
| | 01:53 | So let's create a bookmark
for client login accounts.
| | 01:57 | I am going to go to the File menu, and
select New Browser, and I am going to add
| | 02:02 | a bookmark by clicking on this plus
(+) sign down here and I am going to call
| | 02:06 | this bookmark Client Login.
| | 02:07 | Our Server will be agelessclassic.
com and our Username will be clients.
| | 02:13 | Now I don't need to type anything
under Path because by default, this account
| | 02:17 | will only allow access
into that clients directory.
| | 02:21 | I am going to close this out, I will
double-click to get onto this bookmark, and
| | 02:25 | you'll see that we are directly
linking into our clients Login.
| | 02:29 | If you're logging into this account
for the first time, you might need to
| | 02:32 | type in your password.
| | 02:33 | Now, when we connect to this account,
you'll notice that we can only see
| | 02:35 | the clients folder.
| | 02:37 | It's not even identified as the clients
folder, and if we click on this pop-up,
| | 02:41 | we can't back up to any previous folders.
| | 02:43 | So as far as the client is concerned,
this is the only folder that exists for them.
| | 02:47 | I am going to open up the Exercise
Files folder, open up the Starting Points
| | 02:52 | folder, find a starting point for this video,
and copy the Working Folder onto my desktop.
| | 03:00 | In this folder, our client has
designed a splash page that they want to
| | 03:04 | upload onto our site.
| | 03:05 | We will pretend we're the client, so
we're going to copy this splash page
| | 03:09 | onto our clients folder.
| | 03:11 | Now, the file has finished uploading,
I can get to this file by opening up a
| | 03:16 | browser and going to our website and we can
see the splash page is already on the server.
| | 03:22 | Now as far as the client is concerned,
they can't see any other folders, but
| | 03:26 | they can still have access to the file
on the web by going to this address which
| | 03:30 | has all the folders.
| | 03:31 | Now, I am going to show you that if we
open up a new browser, and we login with
| | 03:36 | one of our master accounts, I can still
open up the clients folder and see that
| | 03:41 | the file is now in there.
| | 03:43 | Learning to manage our FTP
accounts is really useful.
| | 03:46 | We can do things like creating and
editing new bookmarks, control what folders
| | 03:50 | we log into, and connect to
our site with different accounts.
| | Collapse this transcript |
| Understanding link references| 00:00 | When creating webpages, you link to other
documents and images using link references.
| | 00:05 | You can use three different types;
| | 00:07 | absolute, root relative, or relative references.
| | 00:10 | It's important that you understand how
each of these works, because each has
| | 00:14 | advantages and disadvantages.
| | 00:16 | So let's take a look.
| | 00:17 | I am going to open up the Exercise Files
folder and open up the Starting Points folder.
| | 00:22 | Then, I am going to find the
starting points for this movie, and copy the
| | 00:26 | Working Folder onto my desktop.
| | 00:27 | I will hold down the Option key to make a copy.
| | 00:30 | Now, inside the Working Folder are some
files that I want to upload onto my website.
| | 00:36 | So I am going to open up Cyberduck and
I'm going to double-click into my first
| | 00:41 | bookmark which links us to the
web root folder of our website.
| | 00:47 | If you've been following along with
the previous movies, you should see a
| | 00:50 | clients folder with a single file in it.
| | 00:52 | I am going to open up a browser and
show you that if we go to my domain name
| | 00:57 | right now, I'll see a
browser test page or an error page.
| | 01:00 | When you go to a website address, it
tries to find a special document called
| | 01:04 | the default document.
| | 01:05 | Usually, this document is called index.
html, index.htm, default.htm, but it may
| | 01:12 | have other names as well.
| | 01:13 | If it doesn't find a default document
at the address you're requesting, the
| | 01:17 | server will display an
error page or a page like this.
| | 01:20 | I am going to copy the files from my
Working Folder onto my website, and since I
| | 01:25 | already have a copy of the clients
folder there, I am going to copy the files
| | 01:29 | from the Working Folder onto my web
server, and because I already have a copy of
| | 01:33 | the clients folder, Cyberduck is
going to ask me if I want to replace it.
| | 01:37 | So I am going to hit
Continue and let the files upload.
| | 01:40 | Now, when I refresh the website, since
I have a document called index.html, the
| | 01:46 | server shows that page instead of the test page.
| | 01:48 | There's another page in this website,
we can get to it by clicking on the
| | 01:52 | picture on this page, clicking on the
picture on the homepage worked, because
| | 01:56 | the picture has an anchor tag
that links to our second page.
| | 01:59 | Let's go back to the first page, and
analyze things a little bit further.
| | 02:02 | Let's take a look at how
this page is put together.
| | 02:05 | You can see the code for how a page is
put together by going to the View menu in
| | 02:10 | Safari and selecting View
Source from the Menu List.
| | 02:12 | The View Source menu might be in
different places in different browsers, but you
| | 02:16 | can try right-clicking on different
parts of the page until you get a pop-up
| | 02:19 | menu that says View Source.
| | 02:20 | This is a real simple HTML page.
| | 02:25 | If you need some help understanding
HTML, search the lynda.com library
| | 02:28 | for videos on HTML.
| | 02:30 | Our page has an anchor tag with a link
to a file called upcoming/shows.html.
| | 02:35 | This is our second page.
| | 02:37 | How does a browser know how to get to this page?
| | 02:40 | Normally, to get to a webpage, you
type in the URL in your browser bar.
| | 02:44 | So if we wanted to pull up a new window
with the upcoming page, we could type in
| | 02:48 | the address agelessclassic
.com/upcoming/shows.html.
| | 02:54 | This is the full address to that page,
but our link doesn't look like that.
| | 03:00 | The second page is in a folder called
Upcoming, and the file is called shows.html.
| | 03:05 | Since the Upcoming folder is in the
same place as our first page, our index
| | 03:09 | page, we can write the link in
relation to our index.html page.
| | 03:14 | This is called a relative reference.
| | 03:16 | When we have files and folders, we can
type the name of the folder and a slash
| | 03:21 | to let the browser know
to look inside that folder.
| | 03:24 | The image tag also has a relative
reference to a file that is in the clients
| | 03:28 | folder and is called splash.jpg.
| | 03:31 | If you go to Cyberduck, you can see that
the clients folder is in the same place
| | 03:35 | as our index file and the splash.jpg
file is inside that clients folder.
| | 03:39 | Relative links are pretty easy to
understand because they are relative to
| | 03:42 | the current document.
| | 03:44 | Let's take a look at some of the
other types of link references.
| | 03:47 | I am going to click on the photo on this
index page, and go back to the second page.
| | 03:52 | This page has three images at the very top.
| | 03:54 | Let's take a look at the source code
of this page, and see how each one of
| | 03:58 | these images is linked.
| | 03:59 | So I am going to select View
Source from this pop-up menu.
| | 04:02 | You can see that the first image
is linked with what's called an
| | 04:05 | absolute reference.
| | 04:06 | This looks for the image as if it
were on a page that we were looking for
| | 04:10 | through our browser's URL bar, it has
the domain name of the site followed by
| | 04:14 | the location of the image.
| | 04:16 | The second type of link is
called a Root Relative Reference.
| | 04:19 | Root Relative References look exactly like
absolute references without the domain name.
| | 04:24 | They start with a slash and they
essentially say to look for file into web
| | 04:28 | root folder of this website, whatever that
website is, and then look for the file from there.
| | 04:33 | The last reference is a relative reference,
but it looks a little different than before.
| | 04:38 | If you remember on the homepage of the
site, we could get to the splash page by
| | 04:42 | typing in clients/splash.jpg.
| | 04:45 | That's because the clients folder was
in the same folder as our index page.
| | 04:49 | In this case, the Images folder is
not in the same folder as this page.
| | 04:53 | It's in the folder before our current page.
| | 04:56 | When we want to go up a level, we can
type in ../ to tell the browser to look in
| | 05:01 | the parent folder for this file.
| | 05:03 | So we've got three
different types of references.
| | 05:05 | Which should you use?
| | 05:07 | You should use absolute references when
linking to sites outside your website.
| | 05:11 | No matter what page or website I'm
linking from, an absolute reference will
| | 05:15 | be able to get to it.
| | 05:17 | What are the disadvantages?
| | 05:18 | An absolute reference will
only work when you're online.
| | 05:22 | That doesn't normally seem like a
problem, but sometimes you will be working on
| | 05:25 | a website on your local machine, and
if for some reason the connection goes,
| | 05:29 | your links or images won't show up.
| | 05:30 | You shouldn't use absolute
references when referring to files within your
| | 05:34 | current site like we've done with this example.
| | 05:37 | If the name of our site changed, or we
wanted to move files around, an absolute
| | 05:41 | link won't work anymore.
| | 05:43 | Absolute links aren't quite
as flexible as the other two.
| | 05:46 | So is it better to use a root
relative or a relative reference?
| | 05:50 | Well, it depends, relative links like
the last image are great except that
| | 05:54 | if your site has a lot of subfolders, using
relative references becomes a lot of work.
| | 05:59 | Take a look at the bottom of the upcoming
page, there's a link to our splash image.
| | 06:04 | Because the clients folder is in a
level above, using relative links means I
| | 06:09 | have to add the ../ at
the beginning of the name.
| | 06:12 | If I was using root relative references,
no matter what page I was calling this
| | 06:16 | image from, a link to the clients
page would look exactly the same
| | 06:20 | /clients/splash.jpg.
| | 06:23 | That means, go to the web root folder,
and from there, find the clients folder,
| | 06:28 | and then the splash.jpg file.
| | 06:30 | So you think that using root relative
references is the ticket except they have
| | 06:34 | one weakness, they won't
work on your local machine.
| | 06:38 | So let's take a look.
| | 06:39 | I am going to go to my Working Folder
which is on my local machine, and I want
| | 06:44 | to grab a copy of the shows.html
file and drag it onto a browser.
| | 06:48 | Now a couple of things are happening here.
| | 06:50 | You can see that the second image
is not loading and my stylesheets are
| | 06:54 | not loading as well.
| | 06:56 | So let's take a look at the source code
for this page and see what's happening.
| | 07:00 | The source code is exactly the same as
the page that we uploaded to our server.
| | 07:04 | Since I'm using an absolute reference to my
stylesheets, my stylesheet is not loading up.
| | 07:09 | We're looking at this page from our hard
-drive and when we tell it to go to the
| | 07:13 | web root folder, our machine is not
set up to understand what that means.
| | 07:16 | So it doesn't find the image.
| | 07:18 | In the same way, our second image which
also uses an absolute link cannot find
| | 07:22 | the headlights photo.
| | 07:24 | It doesn't understand what, just a slash,
meaning the web root of this machine is?
| | 07:29 | Understanding link references can be
confusing, but it's a really important subject.
| | 07:34 | You should use absolute references
when linking to files outside your server.
| | 07:38 | You should use root relative references
when the folder structure on your site
| | 07:41 | is complicated with many subfolders
and you want to use consistent links to
| | 07:46 | files you used often.
| | 07:48 | You should use relative links if you
know that the structure of your site
| | 07:51 | will remain constant.
| | Collapse this transcript |
| Creating a workflow| 00:00 | Working with websites means
modifying files and uploading them to your
| | 00:04 | web server via FTP.
| | 00:06 | There's a couple of ways that we can do this;
| | 00:08 | working with files either from our
local hard-drive and then uploading them to
| | 00:11 | our site, or working live from
our server. Let's take a look.
| | 00:15 | Before we get started, I am going to go
to the Exercise Files folders and open
| | 00:20 | up the Starting Points folder and then
find the starting point for this movie
| | 00:23 | and copy the Working Folder onto our desktop.
| | 00:26 | I am going to hold down the Option key,
so I can make a copy, then I am going to
| | 00:31 | close this right here.
| | 00:32 | We're going to modify HTML documents,
so we'll need a good text editor.
| | 00:35 | On the Mac, you can use a
free editor called TextWrangler.
| | 00:38 | You can go to this web
address or go to the App Store.
| | 00:43 | On the PC, I like an editor called Notepad++.
| | 00:46 | I also like an editor called Aptana Studio.
| | 00:50 | It's also free and available for Macs or PCs.
| | 00:53 | Aptana tends to be a little bit harder
to pick up, so if you're just getting
| | 00:56 | started, you might try
Notepad++ or TextWrangler.
| | 01:00 | I am going to install
TextWrangler onto this machine.
| | 01:03 | So from the App Store, I am going to click on
this Free link, and then click on Install App.
| | 01:08 | You might need to type
in your login information.
| | 01:12 | Once it finishes downloading, you
can grab the icon and drag it onto your
| | 01:16 | dock for easier access.
| | 01:17 | If I want to edit my web document, I
can work off a local copy of the website,
| | 01:24 | make changes to my documents, and
then upload the changes, or I can edit
| | 01:28 | documents directly from the web server.
| | 01:30 | Inside our Working Folder,
you'll find a copy of our website.
| | 01:34 | If you were following along with the
last video, this is a slightly different
| | 01:37 | version of the document.
| | 01:38 | That is using relative link references,
because it's a small site and I want to
| | 01:42 | be able to see all of my
images when working on a local copy.
| | 01:46 | I am going to put the index.html file
onto Safari and you'll notice that I'm
| | 01:51 | using relative link references in this document,
so everything looks great on my local copy.
| | 01:56 | Now I am going to copy this onto my server.
| | 01:58 | So I am going to open up Cyberduck and I
am going to double-click on my bookmark
| | 02:00 | to log in to my web server.
| | 02:02 | If you see files on your
server, go ahead and delete them.
| | 02:05 | I am going to select the files and I
am going to hit the Delete button on the
| | 02:08 | keyboard to delete all of the files.
| | 02:10 | Now I am going to grab the copies from
my Working Folder, and drag them onto the
| | 02:15 | Cyberduck window to copy them onto my server.
| | 02:18 | Once the files are done copying, I can
go to my browser, and I can pull up a new
| | 02:24 | tab and pull up the Ageless Classic website.
| | 02:28 | You can see that it's also
working just as well as the local copy.
| | 02:32 | One way to change things is by
working on a copy of the site on the local
| | 02:36 | machine and then uploading
the changes to my server.
| | 02:39 | So I am going to click off this
Transfers window and go to my Working Folder and
| | 02:44 | I am going to open up the Upcoming
folder and drag this shows.html file into my
| | 02:50 | copy of TextWrangler.
| | 02:52 | I am going to need to add
some code onto this page.
| | 02:55 | So I am going to go to the
Exercise Files and find the
| | 02:59 | codesnippets.txt document.
| | 03:01 | I am going to open up my
codesnippets file into TextWrangler and find the
| | 03:05 | section for this movie, and copy the
code, switch back into my local copy of
| | 03:12 | shows.html and underneath my
last list item, paste the new code.
| | 03:20 | This will add three
additional photos onto the website.
| | 03:23 | I am going to save these changes,
and then I am going to go back into my
| | 03:25 | browser, and back into the tab right
here that shows our local file, you can
| | 03:30 | tell this is the local file because
the browser shows the word file at the
| | 03:34 | beginning of the URL.
| | 03:36 | If I refresh my page, I should
see the three additional pictures.
| | 03:40 | If I go into my other tab that has a
copy of the live site, if I refresh the
| | 03:45 | page, none of the photos will show up.
| | 03:48 | That's because we've only
updated the local copy of the file.
| | 03:52 | You can tell that this is the local
copy at the top of the TextWrangler window.
| | 03:56 | We can see that the file path
shows that this file is on the desktop.
| | 04:00 | Now that we've made the changes onto
the local document, I need to upload this
| | 04:03 | document to our server.
| | 04:04 | I am going to close the
codesnippets file, and find the local copy of
| | 04:09 | shows.html which is on my Working Folder, and
drag it onto the Upcoming folder on our web server.
| | 04:17 | It's going to ask me if I want to
replace the file already on the server, so I
| | 04:24 | am going to say Continue.
| | 04:25 | Once the file upload has been completed,
now you can go to your website, refresh
| | 04:29 | the live version of your page, and see
that it's updated with the latest photos.
| | 04:33 | Now, both the local copy and the
live copy of our server are in sync.
| | 04:38 | This is one way to work on your sites.
| | 04:40 | Use a copy of the files on your server
and make changes to local files, then
| | 04:44 | upload into your server to see what the
changes look like on the live version of the site.
| | 04:48 | The advantage to this method is that we
can work on changes without changing the
| | 04:53 | live version of the website.
| | 04:54 | If I make a mistake, no one except me
will see it, and I will also have a backup
| | 04:59 | of the whole site at any point in time.
| | 05:01 | We can also work from
files directly from the server.
| | 05:04 | So I am going to close this Transfers
window, and switch back to Cyberduck.
| | 05:09 | If I right-click on a file on the
server, this pop-up will come up that will
| | 05:13 | allow me to edit the file
with a local text editor.
| | 05:16 | Now, my options right here are only TextEdit.
| | 05:19 | So I can change the options as I just
installed the version of TextWrangler, by
| | 05:23 | going to the Cyberduck menu, selecting
preferences, going to the Editor Tab and
| | 05:30 | choosing an editor from this pop-up.
| | 05:33 | I guess I just installed
TextWrangler, I see it as an available option.
| | 05:37 | You can also ask Cyberduck to always
use this application to open files.
| | 05:41 | If you look carefully at the Cyberduck
window, you'll see that the icon for the
| | 05:45 | Edit button has now
changed to the TextWrangler icon.
| | 05:48 | You might also want to go into the
Browser Tab and select Double click opens
| | 05:54 | file in external editor.
| | 05:56 | Normally, when you double-click on
a file, it will download it to your
| | 05:59 | default Download folder.
| | 06:01 | If you click on this, when you double
-click on a file, it will open it in
| | 06:04 | the external editor.
| | 06:05 | So now, I am going to close this right here.
| | 06:08 | If I want to edit the shows.html file
that is on my live server, now if you
| | 06:12 | right-click on this document, you can
go to the Edit With window and you might
| | 06:16 | notice that you don't see the
TextWrangler in this list right here.
| | 06:19 | You might need to restart the
application to see the changes.
| | 06:22 | At any rate, we should be able to hit
this Edit button, and this file will open
| | 06:26 | in our copy of TextWrangler.
| | 06:28 | Now, if I go to the Window menu, I
can see that there are two copies of
| | 06:33 | the shows.html file.
| | 06:34 | Now, we can see that TextWrangler lets
us know that the top file is in the local
| | 06:38 | folder, because it's in the Users
folder on my hard-drive and the other file is
| | 06:43 | accessed through an FTP application,
which in this case is Cyberduck.
| | 06:46 | Be careful that you're editing the
right file when working on a live server.
| | 06:51 | Here is both of the files side-by-side.
| | 06:53 | In the window itself you can also see
that this one says it's on our desktop and
| | 06:58 | this copy says it's on our FTP site.
| | 07:00 | So I want to make sure I edit the right one.
| | 07:03 | I am going to come and scroll down
here, and just delete the last three
| | 07:07 | items from this list.
| | 07:08 | I am going to hit Delete, Save.
| | 07:10 | Now as soon as I saved, you may have
noticed that Cyberduck actually uploaded
| | 07:14 | the file in the background.
| | 07:16 | If I go back here, and I made sure
that I am in the agelessclassic.com
| | 07:21 | website, if I hit Refresh, you'll see that my
window updates and now I only have three photos.
| | 07:26 | If I go to my local copy, if I refresh,
I still have six photos, and now the
| | 07:31 | files are not in sync.
| | 07:33 | Working on the files live on
the server is a lot quicker.
| | 07:36 | Any changes you make are immediately
available online, but it's also more dangerous.
| | 07:41 | If you make a mistake, you
have no backups of your files.
| | 07:45 | I always suggest always downloading a
copy of the file and editing at first,
| | 07:49 | then uploading it back onto your server.
| | 07:52 | If you need to make a quick change, then
working on the live server is always quicker.
| | 07:56 | But, it might be a good idea to back
up your site often, or work from a local
| | 08:00 | copy of your files and upload only
when the changes have been tested.
| | Collapse this transcript |
|
|
3. Setting up EmailsSetting up webmail and forwards with cPanel| 00:00 | Once you've set up a website you might want to
create some email addresses and mail forwards.
| | 00:05 | Let's take a look at how
Bluehost handles email accounts.
| | 00:08 | First you'll need to log into your
control panel so I want to go to the
| | 00:10 | bluehost.com website and
click on Control Panel Login.
| | 00:14 | You'll need to type in
your login credentials here.
| | 00:16 | Once you log into the Control Panel you
need to scroll down until you find the
| | 00:21 | section called Mail, from the
mail section click on Email Accounts.
| | 00:26 | Now type in the address that you want
to create and a password for the account.
| | 00:31 | You can specify how much room to
allocate to this account or click on Unlimited.
| | 00:36 | Now click on the Create Account button
and the email account will be created.
| | 00:40 | You can see that it's
already down here in the list.
| | 00:43 | Now if I want to check my mail I need to go
to the More button and select Access Webmail.
| | 00:48 | We'll need to type in the password
for this account, and click Log In.
| | 00:54 | When you first log into your mailbox
account you'll need to choose an email
| | 00:59 | client, so I'm going to choose
this middle one called Roundcube.
| | 01:02 | Now there are no messages on this
mailbox so I'm going to go to my Gmail
| | 01:07 | account, and I am going to send myself
an email and I'm going to go back into
| | 01:11 | Roundcube and hit the Refresh button here.
| | 01:13 | You can see my test arrived just fine.
| | 01:17 | I am going to go back under the control
panel and I am going to hit the cPanel
| | 01:22 | tab, scroll down to my Mail
options to create a mail forward.
| | 01:26 | A Mail Forward is an email address
that doesn't get any email sent to this
| | 01:30 | address will be forwarded
to a box that you specify.
| | 01:33 | I don't have any forwarders configured
for this current domain, so I'm going to
| | 01:36 | hit Add Forwarder and add a
forwarder called info@vehicleclassic.com.
| | 01:42 | I can forward this address anywhere but
I'll just send it to my previous email
| | 01:46 | account ray@vehicleclassic.com.
| | 01:50 | If I click on Discard with error to
sender, then when somebody sends an email to
| | 01:54 | this account, it will not get an email
but receive a message that I type here.
| | 01:58 | So I am going you just hit
Forward to email address.
| | 02:01 | I am going to hit Add
Forwarder and my Forwarder is set.
| | 02:05 | I'm going to go back into Gmail and
compose a new message, another test and I am
| | 02:10 | going to hit the Send button.
| | 02:12 | I am going to go back into the Webmail
program and I'm going to go back into my
| | 02:16 | Inbox, and you see that the
another test email arrived just fine.
| | 02:19 | Creating email addresses is pretty
simple and makes your site and your email
| | 02:23 | addresses look more professional.
| | 02:25 | Make sure you take advantage and
familiarize yourself with your host's
| | 02:28 | mail features.
| | Collapse this transcript |
| Setting up webmail and forwards with Plesk| 00:00 | Although your server might offer a lot
of mail related features, it should also
| | 00:04 | allow you to create at least a
mailbox and a mail forwarding account.
| | 00:08 | Let's see how to do that with Media Temple.
| | 00:11 | Media Temple uses the Plesk Control Panel.
| | 00:13 | You can log into your control panel by
going to the Media Temple website and
| | 00:17 | clicking on the Login screen.
| | 00:19 | You can put your information here and
get to the Media Temple Control Panel
| | 00:23 | which has a link to the Plesk Control
Panel, but it's a little bit quicker to
| | 00:27 | get directly to the control panel of
your website by typing in your web address
| | 00:30 | and adding the port number 8443.
| | 00:32 | This will take you directly
to the Plesk login screen.
| | 00:37 | We'll type in my username
and password and click Login.
| | 00:43 | To manage the mail features, go to the
Mail tab at the top of the screen, and to
| | 00:47 | create an email address, click on
Create Email Address, and type in the name of
| | 00:51 | the email address you want to create,
then type in a password for this account.
| | 00:55 | I am going to click OK and
my mailbox has been created.
| | 00:59 | Now if I want to check my mail, I can
go to this link right here next of the
| | 01:04 | email address and it will launch Webmail.
| | 01:06 | Notice that I can also get to Webmail by
typing in webmail.agelessclassic.com, I
| | 01:11 | just add Webmail to my regular domain.
| | 01:13 | I'll put in my log in credentials here and
click the Login button, and log into my Webmail.
| | 01:18 | I don't have any mail yet so I am going
to go to a New tab and just type in the
| | 01:23 | address that I just
created and send myself an email.
| | 01:26 | I am going to hit the Send button, I
am going to switch to the other tab and
| | 01:31 | click on Read Mail to see if my mail has gotten
there, and sure enough, there is my test mail.
| | 01:36 | Now I am going to go back to Plesk
and create an additional email address.
| | 01:42 | This address will be for getting
information about this website.
| | 01:46 | I'll call it info@agelessclassic.com,
and in this case I don't really want to
| | 01:51 | get a mailbox, I just
want to set up a forwarder.
| | 01:53 | You don't need to setup a password when
you're just setting up a mail forwarder.
| | 01:57 | Now I want to click on this email to
get more information about the email, and
| | 02:02 | I'm going to click on the Forwarding tab and
Switch on mail forwarding for this account.
| | 02:06 | I can type in the address that I want
this email to forward right here and click
| | 02:11 | OK. Now when somebody sends email to
info@agelessclassic.com, it gets forwarded
| | 02:17 | to ray@agelessclassic.com.
| | 02:19 | I am going to go back into my Gmail and hit
Compose and just send myself a test message.
| | 02:24 | I am going to hit the Send button and
I am going to go back into my Webmail
| | 02:29 | client and click on Get Mail.
| | 02:31 | You can see that I have my another
test email from the same account and this
| | 02:37 | email was sent to info@agelessclassic.com.
| | 02:41 | Because I had set it forwarder, it
automatically sends it to my other account.
| | 02:44 | You can do a lot more stuff with email like
setting Auto replies and turning on spam filter.
| | 02:50 | Creating email addresses is pretty simple
and makes your site look more professional.
| | 02:55 | Make sure you take advantage and
familiarize yourself with your host's
| | 02:58 | mail features.
| | Collapse this transcript |
| Setting up webmail and forwards with a custom control panel| 00:00 | Once you setup a website you can
create email addresses and mail forwards.
| | 00:04 | Let's take a look at how
you can do that with 1and1.
| | 00:07 | To login to your control panel go to
the 1and1 website at 1and1.com and look at
| | 00:11 | the top of the screen for
the Customer Login link.
| | 00:14 | Now type in your
credentials to get into your account.
| | 00:17 | Once you're logged into the control
panel, look for the Communication & Online
| | 00:21 | Storage and then the E-mail
section right underneath that.
| | 00:24 | You're going to need to click on E-mail
Administration and I'll hit the Create
| | 00:28 | button to create my email account.
| | 00:29 | I am going to create an account with
the name ray@everlastingclassic.com.
| | 00:33 | If you have additional domains,
you can select them from this pop-up.
| | 00:37 | You can choose the type of account that
you want to create right here and it can
| | 00:41 | be either a Mailbox or a Forward.
| | 00:43 | We're going to need a mailbox at first,
so I'm going to select Mailbox and type
| | 00:47 | in some information about this account.
| | 00:49 | I'll type in a password and turn
on Virus Protection and Anti-SPAM.
| | 00:54 | It's a good idea if you offered that
to turn them on, and I am going to click
| | 00:58 | on OK. 1and1 is a little bit different
than most of the other control panels in that.
| | 01:04 | It handles all mail through a separate
domain, so it takes a little bit longer
| | 01:08 | to process the mail accounts.
| | 01:10 | I am going to click on Go To Overview, and
as you can see my mailbox has been created.
| | 01:15 | Now I can click on this link to
open Webmail for this account.
| | 01:19 | I'll need to type in my
credentials and click on Login.
| | 01:23 | Now you might receive a message from 1and1
automatically when you create an email account.
| | 01:30 | You can also go to this
inbox by clicking right here.
| | 01:32 | It's a pretty good mail client.
| | 01:34 | Let's go ahead and send an
email from a different account.
| | 01:37 | I am going to go to Gmail and send an
email to ray@everlastingclassic.com and send.
| | 01:45 | Now I'm going to go back into 1and1
Webmail and I'll click on this Home icon,
| | 01:50 | and I'll click on this Refresh button.
| | 01:53 | So as you can see my email has arrived.
| | 01:55 | Now let's set up a forwarder.
| | 01:57 | That's a little bit different.
| | 01:59 | We'll go to the Mail control panel
and you can go back to the beginning and
| | 02:04 | click on E-mail Administration to get
to the screen and select New from this
| | 02:09 | pop-up and in this case we'll create a Forward.
| | 02:13 | A Mail Forward is an email address that
doesn't get any emails sent to that address;
| | 02:17 | any email sent to that address will
be forwarded to a separate address.
| | 02:20 | So we can create another email
address for info@everlastingclassic.com.
| | 02:25 | It'll be a forward and we'll have it
forward to ray@everlastingclassic.com.
| | 02:32 | It doesn't need to go to the
everlastingclassic.com domain;
| | 02:35 | it can go to any other website as well.
| | 02:37 | So I'll click OK, and now
this forward has been created.
| | 02:41 | So now I am going to go back to
Gmail and compose a new email to
| | 02:45 | info@everlastingclassic.com,
another test, and I am going to hit Send.
| | 02:52 | Okay, back into my Webmail and I'll
hit Refresh, and you'll see that my
| | 02:56 | other test has arrived.
| | 02:57 | This test was sent to info@
everlastingclassic.com, and it was automatically
| | 03:02 | forwarded to ray@everlastingclassic.com.
| | 03:05 | Now if you want to get back into your
Webmail, there's another way of doing that.
| | 03:09 | I am going to go just to the 1and1
.com website, and I can click on
| | 03:14 | Webmail Login, type in my login info,
and click on the Login button to
| | 03:19 | log into my Webmail account.
| | 03:21 | That's a little bit different
than in some other control panels.
| | 03:24 | 1and1 makes it pretty easy to
create email address and forwards.
| | 03:27 | The E-mail area has a lot of additional
features so make sure you take a look at
| | 03:31 | that and try some of the other options.
| | Collapse this transcript |
|
|
4. Password ProtectionProtecting user information| 00:00 | Just a couple of reasons why you might
need to protect information on your server.
| | 00:04 | Perhaps there are some documents that you want
to be available to some users but not others.
| | 00:09 | You might be working on some secret new
designs and want to keep them away from prying eyes.
| | 00:13 | There are a lot of ways to do this;
| | 00:15 | you can build a logging system with
PHP or some other scripting language.
| | 00:19 | That can be complicated and time-consuming.
| | 00:21 | Thankfully most Web hosts provide a
quick way to set up simple password
| | 00:24 | protected directories.
| | 00:25 | In preparation for this, I've created a
clients directory with an image called
| | 00:29 | splash.jpg that I've placed in
each of our domains using FTP.
| | 00:34 | If you have any questions about using
FTP, make sure you checkout the movies on
| | 00:37 | this course on setting up and using FTP.
| | 00:39 | In the following movies I'm going to
show you how to protect the folder and
| | 00:42 | create a username and password with
each of our different control panels.
| | Collapse this transcript |
| Protecting directories with cPanel| 00:00 | Creating a password protected directory
is pretty easy with most control panels.
| | 00:04 | So let's take a look at how we can do that
with Bluehost which uses to cPanel interface.
| | 00:09 | So to log into control panel, go to
bluehost.com and click on Control Panel
| | 00:14 | Login and in this screen just type
in your Domain name and Password.
| | 00:17 | Once you log into the cPanel interface,
you need to scroll down to the part that
| | 00:23 | says Security and then click on the
Password Protected Directories icon here.
| | 00:27 | Now you need to tell cPanel
which directory you want to open.
| | 00:31 | Now you can have it protect the entire
web directory or just a specific website.
| | 00:36 | We only have one website, so this is
the only thing showing up right here, so I
| | 00:40 | am ready to click Go.
| | 00:42 | Now we need to select the
folder that we want to protect.
| | 00:45 | In our case, we want to
protect the clients folder.
| | 00:47 | Click on that and I want to turn on
Protect this directory and I'll just give it
| | 00:52 | a name, it's sort of a label.
| | 00:53 | I am going to hit Save, I
am going to hit Go Back.
| | 00:56 | And this is usually a two-step process.
| | 00:58 | You have to create permissions for
that folder and then create a user.
| | 01:01 | So I am going to create a user here,
I'll call it clients as well, and I'll
| | 01:04 | type in a Password here.
| | 01:06 | And I am going to hit
Add/modify authorized user.
| | 01:09 | So now I am going to click to Go Back
and my directory protection has been set.
| | 01:14 | I am going to check that out by opening
a new tab and I am going to go directly
| | 01:19 | to the photo that I've uploaded
at that directory and hit Enter.
| | 01:22 | You just see this screen come up, and
in here, you're going to type in your
| | 01:26 | Username and Password.
| | 01:27 | You can hit this option so that it
always remembers the password and click on
| | 01:31 | Log In, and now I should see the photo.
| | 01:33 | Now if I refresh the page, it's not
going to ask me for the password again,
| | 01:37 | it'll only ask you for the password one
per session, which means that if you go
| | 01:41 | to a website, because also we are
navigating through the website within the same
| | 01:45 | half-hour or so, it won't
ask you for the password.
| | 01:48 | Again, if you go to a website and
then come back to the website say an hour
| | 01:52 | later, it will ask you for the password.
| | 01:54 | Another way that you can get it to ask
you for the password is just by quitting
| | 01:56 | your browser and re-launching it again.
| | 01:59 | Using this kind of password protection
gives you a quick and easy way to set a
| | 02:03 | basic security for any folder on your website.
| | Collapse this transcript |
| Protecting directories with Plesk| 00:01 | Creating a password protected directory
is pretty easy with most control panels.
| | 00:04 | So I am going to show you how you
could do that with Media Temple, which uses
| | 00:07 | the Plesk interface.
| | 00:08 | We'll need to log into our control
panel, so you could do that by going to
| | 00:12 | mediatemple.net and then clicking
on this Login button right here.
| | 00:17 | From this screen, you can type in your
credentials and get into your control
| | 00:19 | panel for Media Temple.
| | 00:21 | There is a quicker way of getting
directly into your Plesk control panel, you
| | 00:24 | can simply type in the web address of
your website and then :8443 which takes
| | 00:29 | you directly to the Plesk login screen.
| | 00:31 | From here, just type in your
Username and Password and click Log In.
| | 00:37 | From this screen, I am going to go to
Websites & Domains and I am going to
| | 00:42 | scroll down a little bit and click on
this Show Advanced Operations, if it's not
| | 00:45 | showing, because I need to get into this
Password-protected Directories here. I click on that.
| | 00:49 | From here, I am going to select Add
Protected Directory and I need to type in
| | 00:53 | the directory that I want to protect.
| | 00:55 | Plesk is going to assume that I want to
log into my web root folder so you could
| | 00:59 | see that the Document root is
already selected as a Directory location.
| | 01:04 | If you remember from FTP that was
called httpdocs, so this will take you
| | 01:08 | directly to the web root in this case
httpdocs folder, and I am going to give
| | 01:12 | this thing a Title of clients.
| | 01:14 | It's really just a label so that we can
tell these things apart when we have a
| | 01:18 | lot of these directories setup.
| | 01:19 | I am going to click OK.
| | 01:20 | So the protection is actually created,
but we also need to create a user.
| | 01:24 | So to do that I am going to click on
the /clients link down here and create a
| | 01:28 | user by hitting Add New User, typing in
a Username, I'll type in clients here,
| | 01:34 | and putting in a password for this user.
| | 01:36 | Usually when you do Password-protected
Directories, it's a two-step process like that.
| | 01:40 | I am going to click OK.
| | 01:42 | So now your password has
been created for that directory.
| | 01:46 | So I can check to see if it's working
by adding a new tab and typing in the
| | 01:50 | address of my website and I already have
a file waiting there called splash.jpg.
| | 01:54 | So, if I try to go to it, it's going
to ask me for a Username and Password, I
| | 01:59 | will put in my user and password here
and I'll hit Login, and now I can see
| | 02:05 | the file just fine.
| | 02:06 | If you've recently put in your
credentials to get onto this page, it's not going
| | 02:10 | to ask you for that password again
unless you leave the site and comeback little
| | 02:14 | bit later than half an hour.
| | 02:16 | You can force it to re-ask you for that
Username and Password by quitting your
| | 02:20 | browser and restarting your browser again.
| | 02:22 | Using this kind of password protection
gives you a quick and easy way to set a
| | 02:26 | basic security for any folder on your website.
| | Collapse this transcript |
| Protecting directories with a custom control panel| 00:01 | Creating a password protected
directory is easy with most control panels.
| | 00:04 | Let's take a look at how we can do
this with 1and1, which uses its own
| | 00:08 | custom control panel.
| | 00:10 | To log into the 1and1 control panel,
just go to 1and1.com, and then find the
| | 00:14 | Customer Login link at the top.
| | 00:16 | To get in here, you can put your
customer ID or just type in the Domain name of
| | 00:20 | your site, and click on Login.
| | 00:26 | You can click this window off if it comes up.
| | 00:30 | So from 1and1's control panel, go to
the Domains & Web Space section and look
| | 00:34 | for this link under Web Space
called Protected Directories.
| | 00:38 | Usually creating a password
protected directory is a two-step process.
| | 00:42 | We need to create a user and then tell
the server which directories that user
| | 00:46 | has access to, so I am going to
create a new user, and under Username, I am
| | 00:52 | going to type in clients
and set up a password here.
| | 00:54 | I am putting Clients as a Description,
and from here, I can choose to either
| | 00:59 | select an existing
directory or create a new directory.
| | 01:03 | I already have a directory that I
want called clients, so I just choose it
| | 01:06 | from this pop-up window.
| | 01:08 | Now I am doing both of these things right now;
| | 01:10 | I am creating a username and also
telling it what directories I want that
| | 01:14 | username to have access to in one screen.
| | 01:16 | So I am going to hit Save.
| | 01:17 | If you do this, this is a little bit
confusing about the 1and1 Control Panel.
| | 01:21 | You intend to want to do everything at
once, but actually you need to create
| | 01:25 | the Add button after you choose the Protected
Directory from this pop-up window and click on Add.
| | 01:30 | You can see that it's here
now in the list of directories.
| | 01:34 | Now, we can hit Save.
| | 01:37 | Another thing about the 1and1 control
panel is that some things take a little
| | 01:41 | bit longer than in some of
the other control panels.
| | 01:43 | Now it says that you have created the
password and that it's going to take
| | 01:46 | approximately 30 minutes.
| | 01:48 | It doesn't always take 30 minutes, but it can.
| | 01:50 | So I am going to open up a new tab and
just go to my website, and then go to the
| | 01:54 | clients directory and try to see
if I can open the splash.jpg file.
| | 01:59 | I am going to select it and then look,
it didn't take half an hour, it took
| | 02:02 | just a few seconds.
| | 02:03 | Sometimes it does take a while, so just be
patient, and eventually this window will come up.
| | 02:08 | Type in your Username and Password here, and
click on Login, and now I can see the picture.
| | 02:16 | So from now, when a user tries to
access anything on this folder, they should
| | 02:20 | see that pop-up window.
| | 02:21 | Now if the user remains in the same
website, it's not going to keep on
| | 02:25 | asking for username and password every time
you try to access something from this folder.
| | 02:29 | It's only going to do that if you are
on the site and you leave and come back
| | 02:32 | within about half hour.
| | 02:34 | You can also force it to show you
that window, if you quit the browser
| | 02:38 | and restart it again.
| | 02:39 | Using this kind of password protection
gives you a quick and easy way to set a
| | 02:43 | basic security for any folder on your website.
| | Collapse this transcript |
|
|
5. Creating a MySQL DatabaseWorking with databases| 00:00 | A task you might need to perform on your
web host is to create an Access database.
| | 00:04 | You can use them to do things like
installing a WordPress blog on your site.
| | 00:08 | Where most of the tasks you perform on a
server, have pretty similar steps, even
| | 00:12 | between different control panels, I
found that setting up databases is where
| | 00:16 | they differ the most.
| | 00:18 | Most hosting plans will that you create, at
least one MySQL also known as SQL database.
| | 00:23 | Once you create the database, hosts
provide access to the tables in the database
| | 00:27 | using a web interface called PHP MySQL.
| | 00:31 | In the next few movies, we are going to
create a database in each of our web hosts.
| | 00:35 | We can later use this database to
install a blog with WordPress onto our website.
| | 00:39 | Although you don't need to know a lot
about SQL to install WordPress, there is a
| | 00:42 | lot of courses in the online training library.
| | 00:45 | Just do a search for SQL.
| | 00:47 | Couple my favorites are, MySQL
Essential Training from Bill Weinman and as well
| | 00:54 | as PHP MySQL Essential
Training from Kevin Skoglund.
| | Collapse this transcript |
| Preparing a database with cPanel| 00:00 | To create the database on most web hosts,
you'll have to log into your control
| | 00:04 | panel, create a user as well as a database.
| | 00:06 | Let's see how we could do that with Bluehost.
| | 00:09 | To log into your Bluehost control panel,
just go to the bluehost.com website and
| | 00:13 | then click on Control Panel Login
and type in your Username and Password.
| | 00:18 | On Bluehost, your username
is actually your domain name.
| | 00:21 | Once you log in, you need to
scroll down to where it says Databases.
| | 00:28 | Click on the link to MySQL Databases,
and in this section, you are going to need
| | 00:34 | to do a couple of things.
| | 00:35 | First, you can create the new database by
adding a name of the database right here.
| | 00:39 | I am going to be creating a WordPress database;
| | 00:41 | I will just call this
wordpress and click on Create Database.
| | 00:45 | Notice that the site automatically
prepends vehiclf5_, so that will be the
| | 00:51 | complete name of my database.
| | 00:53 | Okay, this database is being created, so
I am going to click on Go Back, and the
| | 00:58 | second thing I need to do is
create a user for this database.
| | 01:01 | So I am go down here to add new user,
and I will also put in wordp, and I'll put
| | 01:08 | in a password, and I am going to Create User.
| | 01:12 | I am going to hit Go Back.
| | 01:14 | The last thing I need to do is
link the user to the database.
| | 01:18 | To do that, you can see that I can add
a user to the database in this section
| | 01:22 | and cPanel has already placed the
user in the database I just created.
| | 01:25 | So I am going to click on the Add
button here, and in this section, I am going
| | 01:31 | to give this user all
privileges to this database.
| | 01:34 | That means that the user can do just
about whatever they want with this database.
| | 01:38 | I am going to hit Go Back to go back
into my setup, and all the different parts
| | 01:42 | of the database and the
access have been created.
| | 01:46 | If you are just creating a database,
the important thing is to write down your
| | 01:49 | credentials to access the database.
| | 01:51 | You will also need the Username and
Passwords, so make sure you write that down,
| | 01:55 | because you will need them to
install WordPress or access the database.
| | 01:58 | If you need to create tables or
modify records, most web hosts provide an
| | 02:02 | application called PHP MySQL.
| | 02:05 | Let's see where we can get to that in cPanel.
| | 02:07 | I am going to click back to cPanel tab
right here and then I am going to scroll
| | 02:12 | down to the Databases section here,
and you'll see that there is a link right
| | 02:15 | there to phpMyAdmin.
| | 02:16 | So I am going to click on that, and
phpMyAdmin is going to want a Username and Password.
| | 02:22 | It's I already selected the username
that we created, so I'll just type in my
| | 02:26 | password and I am going to hit Go.
| | 02:29 | This is the phpMyAdmin window,
where I can create and manage databases.
| | 02:33 | Creating and managing databases is a
complicated matter, so if you want to find
| | 02:37 | out more information I suggest you
check out MySQL Essential Training from the
| | 02:41 | online trading library.
| | Collapse this transcript |
| Preparing a database with Plesk| 00:00 | To create a database on most web hosts,
you'll need to log into your control
| | 00:04 | panel, create a user, and then the database.
| | 00:06 | Let's see how we can do that with Media Temple.
| | 00:09 | To log into Plesk, I am going to open up
a new tab and type in the address of my
| | 00:13 | site followed by :8443 to
get to the Plesk login screen.
| | 00:18 | Here, I'm going to type in my
Username and Password and click on Log In.
| | 00:23 | From here, we want to go to the
Websites & Domains tab and then find the
| | 00:28 | Database icon and click on the link.
| | 00:30 | Pretty easy to create a database, all
we have to do is click on this icon right
| | 00:34 | here to create the database
and put in a database name.
| | 00:37 | I'll call mine wordpress, and leave
these Type and Database server as they are
| | 00:42 | and we'll click on OK.
That creates the database.
| | 00:45 | Once you created the database, we can
click on Add New Database User, so that we
| | 00:50 | can create a user for this database.
| | 00:51 | I'll call my user a wordp and
give it a password and click OK.
| | 00:56 | Now, it's pretty much it.
| | 00:58 | You've created a database as well as a user.
| | 01:01 | The important thing when you're
creating a database is to write down your
| | 01:05 | credentials, so that you can access
the database, so you'll need to remember
| | 01:09 | that our database is called
wordpress and the username is called wordp.
| | 01:12 | You'll also need the location of the
database, most of the time that's going to
| | 01:16 | be localhost, so write that down
with your username and password.
| | 01:20 | If you need to create tables or
modify records, most web hosts provide an
| | 01:25 | application called PHP MySQL.
| | 01:27 | You can access that by
clicking on this Webadmin icon.
| | 01:31 | Creating and managing
databases is a complicated matter.
| | 01:34 | If you want to find out more
information, I suggest you check out MySQL
| | 01:37 | Essential Training in the
Online Training Library.
| | Collapse this transcript |
| Creating a database with a custom control panel| 00:00 | To create a database on most web hosts,
you'll have to log into your control
| | 00:04 | panel, create user as well as a database.
| | 00:07 | 1and1 is a bit different than most web
hosts and that the databases are not part
| | 00:11 | of your server but are
created in a separate web host.
| | 00:14 | So, the login information is slightly different.
| | 00:17 | So, let's take a look at how that's done.
| | 00:18 | To log into your control panel just
go to 1and1.com, look at the top of the
| | 00:22 | screen for the Customer Login.
| | 00:24 | I'll click on that, I'll type in my
domain name and password and click Login.
| | 00:30 | Once, you get into your control panel,
you're going to want to go to MySQL
| | 00:34 | Administration, and that's under
Domains & Web Space and Web Space.
| | 00:38 | I'll click on that.
| | 00:40 | Here's where your databases can be set up.
| | 00:43 | Depending on the plan that you have,
you're going to have a number of
| | 00:46 | databases that you can use.
| | 00:47 | So, the screen might look a
little bit different for you.
| | 00:50 | So, I'm going to hit New Database right here
and I'm going to type in a name for my database.
| | 00:55 | I'll just call it wordpress and I'll
type in a password and I'll hit Set Up.
| | 01:02 | Now, this is where 1and1 is a bit
different than most other web hosts.
| | 01:06 | Where in most cases your hostname
would always be localhost when creating a
| | 01:10 | database on a server, on 1and1, you
actually connect to a separate computer or a
| | 01:14 | separate server that hosts the database.
| | 01:17 | You can see the host name here is
different than in most other plans.
| | 01:21 | So, the host name here is db etcetera,
etcetera and that's definitely different
| | 01:26 | than localhost, which is what you
put in in most of the other plans.
| | 01:29 | Now, also notice that although we
put a database name, a username is also
| | 01:34 | assigned to us by 1and1.
| | 01:36 | So, it adds username that probably
starts with like dbo and then some sort
| | 01:39 | of number after that.
| | 01:40 | So, make sure you copy this information
carefully because you're going to need
| | 01:44 | it to access your database later on.
| | 01:46 | You'll definitely need the database name, the
host name, the user name and then the password.
| | 01:51 | I'm going to click to Go To Overview and
you'll see that my username information
| | 01:56 | is right here and the setup has been started.
| | 01:59 | Whenever you create a database in 1and1,
it also takes a little bit longer than
| | 02:03 | in most other systems.
| | 02:04 | So, you may have to wait a while
before your database can be accessed.
| | 02:09 | So, you can just keep on hitting
refresh until you see that the status for
| | 02:12 | this database is ready.
| | 02:14 | If you do need to create tables or
modify records, most web hosts provide an
| | 02:18 | application called PHP MySQL.
| | 02:21 | So, you can access that by
clicking on this button right here.
| | 02:25 | Creating and managing
databases is a complicated matter.
| | 02:29 | So, if you want to find out more
information, I suggest you check out MySQL
| | 02:32 | Essential Training from
the Online Training Library.
| | Collapse this transcript |
| Installing WordPress| 00:01 | Installing a WordPress blog on your
website is a good way to test our database.
| | 00:05 | Although, creating the databases and
users is different between web hosts,
| | 00:08 | installing WordPress is nearly identical.
| | 00:11 | The only difference is going to
be our login information will be
| | 00:13 | different between web hosts.
| | 00:15 | If you've been following along with our
project, we've been working on a website
| | 00:19 | for classic auto shows.
| | 00:20 | If we click on this photo and you'll
see that the second page has a link to a
| | 00:24 | blog that doesn't yet exist.
| | 00:26 | The databases are ready for WordPress
installation but we need to install WordPress.
| | 00:31 | To install WordPress you need to go to
worpress.org and click on this Download link.
| | 00:36 | You should hit this button to
download the latest version of WordPress and
| | 00:40 | wait for it to finish.
| | 00:41 | Once the download finishes, you
might need to open your Downloads folder.
| | 00:46 | Inside the Downloads folder, you'll see
that a WordPress folder was downloaded.
| | 00:50 | One of the biggest decisions you'll
have to make is if you want WordPress to
| | 00:54 | become your website or if you want
WordPress to be a blog inside your website.
| | 00:58 | If I wanted WordPress to run my entire
website, then all I have to do is copy
| | 01:03 | these files right onto my web server.
| | 01:06 | You should be careful when doing that
because notice that WordPress comes with
| | 01:10 | an index.php file and we already
have an index.html file on our server.
| | 01:15 | When a server encounters two index files
it's going to choose one of them as the
| | 01:20 | one it's supposed to display
and that can get confusing.
| | 01:23 | So, if you want WordPress to be your blog,
in this case I will get rid of all of
| | 01:28 | these files on my server.
| | 01:29 | Since I just want to run WordPress as
a blog on my server I've created this
| | 01:33 | blog folder right here and I can copy all the
WordPress files directly into that blog folder.
| | 01:38 | Although, WordPress takes just a few
seconds to download, it takes a long time
| | 01:42 | to upload to a server.
| | 01:44 | So, I've already copied all
these files into this blog folder.
| | 01:48 | To install WordPress we need
to do one thing to our files.
| | 01:52 | Look for a file called wp-config-sample
and then I'll click on it to edit it and
| | 01:58 | I am going to choose the name
of that file to wp-config.php.
| | 02:03 | I hit Return to enter it and I am going
to hit Refresh because sometimes cyber
| | 02:07 | duck doesn't update the screen as
well as it should. There we go.
| | 02:11 | Now, it's renamed to wp.config.
| | 02:15 | Now, we need to edit this file.
| | 02:17 | So, I'm going to click on it and select
from the pop-up menu by right-clicking
| | 02:21 | and select Edit With>TextWrangler.
| | 02:23 | Now, this is the only file that I
have to edit to get WordPress going.
| | 02:28 | Here, I need to type in the login
credentials that I received from my web host
| | 02:32 | when I created the database.
| | 02:33 | If you need help creating the
database or figuring out how to log into your
| | 02:37 | database, make sure you check the
movies for each one of different web hosts.
| | 02:41 | This is the information that's
different between the three different web hosts.
| | 02:44 | Now, 1and1 has the
information that is hardest to remember.
| | 02:47 | Log into my 1and1 account, go to the
Customer Login button at the top of the
| | 02:51 | screen, type in your Customer ID or
website address and your Password and click
| | 02:57 | Login and I'm going to go
to MySQL Administration.
| | 03:00 | Now, here's the database
information that I need.
| | 03:04 | I'm going to put this into a window so
that I can see it side-by-side next to my
| | 03:08 | TextWrangler window.
| | 03:09 | It's really just easier to copy and
paste this information since it's so
| | 03:12 | complicated with 1and1.
| | 03:13 | So, we're going to need the database
name and we need to put that right there.
| | 03:18 | So, I'm going to come in here
and just copy my database name.
| | 03:21 | So, you might have to type the stuff in.
| | 03:23 | The username is going to be this other
weird username that starts with dbo and
| | 03:28 | I'll paste that username here, and the
password is going to be the password that
| | 03:34 | I gave it when I created the database.
| | 03:36 | Now, most of the time the MySQL
hostname is going to be localhost.
| | 03:40 | With 1and1 this is a little bit different.
| | 03:42 | The hostname is going to be over here.
| | 03:45 | And looks like this one I can't just copy.
| | 03:47 | So, I'm going to copy just that
part of it and type in the rest of it
| | 03:52 | .db etcetera, etcetera.
| | 03:53 | Now, I am going to save this file and I
am going to go back into my webpage and
| | 03:58 | I am going to refresh this page,
which is just a link to the blog.
| | 04:02 | And it looks like I make a little mistake and
this is actually linking to the wrong place.
| | 04:11 | It's for the Upcoming folder and then the blog.
| | 04:14 | So, what I am going to do is I am
going to go ahead and just go to the
| | 04:19 | website/blog and then I just edit
the upcoming page to link to this file.
| | 04:24 | I think the problem is that I am using
relative references and I need to use an
| | 04:28 | absolute reference to get to the blog.
| | 04:30 | So, let me just go ahead and do this.
| | 04:33 | I'll type in everlastingclassic.com/blog.
| | 04:36 | If you typed everything correctly into the wp-
config file, you should see a page like this.
| | 04:41 | Here, we can just start typing
in information about our blog.
| | 04:44 | So, this will be the Everlasting Classic Blog.
| | 04:48 | We're going to need to create
a Username for the blog itself.
| | 04:52 | So, this is separate than
all of your other usernames.
| | 04:54 | I'll just keep the username as
admin and I'll type in my password.
| | 04:58 | Now, we need to type in an email address here.
| | 05:00 | I've already created an email.
| | 05:02 | If you need help figuring out how to
create an email, make sure you check out
| | 05:05 | the movie on setting up
emails for your web host.
| | 05:08 | And I'm going to click on Install WordPress.
| | 05:10 | If you want your site to appear in
search engines, go ahead and click on this
| | 05:14 | window and then click on Install WordPress.
| | 05:18 | And I love WordPress, because it's
really the simplest installation.
| | 05:22 | This window always makes me happy.
| | 05:24 | So, now I need to log in to WordPress with
admin and the password that I put in there.
| | 05:30 | You can click on Remember Me if you
don't want to see the screen again and click
| | 05:34 | on Log In and you can
start working on your blog.
| | 05:37 | Now, I do want to fix the problem
with my blog because it looks like when I
| | 05:43 | click on Read our blog, it's trying
to find the blog in the same folder as
| | 05:48 | our Upcoming folder.
| | 05:50 | So, I am going to do that by
going over here into my website.
| | 05:54 | I am going to open up the Upcoming folder.
| | 05:58 | This should be a pretty easy change.
| | 05:59 | Double-click on this to open it and
find the link to my blog, change this to
| | 06:05 | an absolute reference.
| | 06:06 | Now, here I can type a relative
reference and since the Upcoming folder has this
| | 06:11 | file and the blog is in a level above
I could type in ../ or just type in a
| | 06:16 | relative reference, which would look like this.
| | 06:19 | We'll save this and we'll go back on
to our website and refresh this page and
| | 06:27 | this link should now take
you directly to the blog.
| | 06:30 | If you want to learn more about
setting up WordPress, make sure you checkout
| | 06:33 | WordPress 3 Essential Training
on the online trading library.
| | Collapse this transcript |
|
|
6. SubdomainsCreating shortcuts with subdomains| 00:00 | The ability to create subdomains is a
really a useful feature to have in your web host.
| | 00:05 | A subdomain is what you
type before a domain name.
| | 00:08 | You've probably used a www before a
domain as in www.lynda.com, but it doesn't
| | 00:15 | have to be www, you can make anything you want.
| | 00:18 | Now, why would you do this?
| | 00:19 | Well there are a couple of really good reasons.
| | 00:21 | You can use it to make getting to a
section of your website a lot quicker.
| | 00:25 | Let's say that you've prepared a place
in your website with a restaurant's menu
| | 00:29 | page you're working on,
client's name is Mex Santos.
| | 00:31 | Say that you put this on your
website called pixelprowess.com.
| | 00:36 | You put this on your website under
a clients folder and then with the
| | 00:41 | clients name Mex Santos.
| | 00:43 | Now, you've created a clients
folder because you're working on multiple
| | 00:47 | projects for the client and then
another folder called menu because this is the
| | 00:51 | project we're working on.
| | 00:52 | So, every time you call the
client, you'd have to say go to
| | 00:55 | www.pixelprowess.com/client/mexsantos/
projects/menu to check the progress on
| | 01:02 | their website, a subdomain will allow
you to get to the same place just by
| | 01:05 | typing in mexsantos.pixelprowess.com.
| | 01:09 | Now, this is a place on your website many,
many folders inside your website, but
| | 01:13 | you can get to it by typing in a subdomain.
| | 01:15 | One of the cool things about
subdomains is that they behave as real domains.
| | 01:20 | So, if you take a look at the source
code for this website, you can see that the
| | 01:23 | images are being referred to as root
relative references even though the folders
| | 01:28 | that these images are in are
somewhere within our main website.
| | 01:32 | That's important because when I move
this to the mexsantos.com website I won't
| | 01:36 | have to choose the URLs.
| | 01:38 | If you need a review on the
difference between relative, absolute, and root
| | 01:41 | relative links, make sure you watch the
movie on Understanding Link References.
| | 01:45 | Another way I use subdomains is
when I am working on redesigns.
| | 01:48 | I am going to create a folder called
staging.agelessclassic.com and put a copy
| | 01:54 | of the current website in there.
| | 01:55 | Is that redesigned the site?
| | 01:56 | I can preview the changes on this
subdomain and invite other people to
| | 02:00 | comment on changes.
| | 02:01 | I would of course probably password
protect the subdomains that only people with
| | 02:05 | the appropriate
credentials could see the changes.
| | 02:07 | If you need help on password protection,
make sure that you check out the movies
| | 02:11 | on password protection.
| | 02:12 | Most Control Panels make
setting up subdomains easy.
| | 02:15 | In the next few movies I'm going to show
you how to create subdomains in each of
| | 02:19 | the control panels we've been working with.
| | Collapse this transcript |
| Creating a subdomain with cPanel| 00:01 | Creating subdomains is a great way
to create a shortcut URL to different
| | 00:04 | folders on your sites.
| | 00:06 | And it's pretty easy on most control panels.
| | 00:08 | We're going to create a subdomain
for our blog which right now is at
| | 00:11 | vehicleclassic.com/blog.
| | 00:13 | Let's see how we can do this on Bluehost.
| | 00:16 | To log into your control panel, just
go to the home page of bluehost.com and
| | 00:20 | click on the Control Panel link up
here and then type in your password.
| | 00:24 | Once you've logged in, you're
going to scroll down a little bit.
| | 00:28 | So scroll down to where it
says Subdomains right here.
| | 00:31 | When you click on this, it actually
takes you to this tab at the very top called
| | 00:35 | Domain Manager, but if you just click
on this tab from the top of the screen,
| | 00:39 | you won't see this particular page.
| | 00:40 | So better to go with the cPanel area
and then find the link to Subdomains.
| | 00:45 | So here, we're just going to type in
the name of the subdomain which will be
| | 00:49 | blog and it automatically
types in what we need down here.
| | 00:52 | The blog is in your web root folder,
which in this case, for Bluehost is
| | 00:56 | called public_html.
| | 00:58 | Once you do that, just go ahead and
hit Create and it says it's been created.
| | 01:03 | Hit Go Back and you see the
subdomain has been created right here.
| | 01:07 | You may have to hit this Manage
Redirection link right here and just type in the
| | 01:11 | URL plus /blog afterwards.
| | 01:14 | We've already done this and I deleted
this one time and when I came back to redo
| | 01:19 | it, it kind of remembered this, so
that's why mine has it automatically, but if
| | 01:22 | it doesn't, just go ahead
and do that just in case.
| | 01:25 | Now subdomains can be a little tricky.
| | 01:27 | They may take a little while to kind of take in.
| | 01:30 | So let's go to our website and
type in blog.vehicleclassic.com.
| | 01:35 | And as you can see, it's
redirected that URL to the proper place.
| | 01:39 | If you have any problems, I would
suggest just kind of waiting and then trying
| | 01:43 | that trick where you type in
something under Manage Redirection.
| | 01:47 | So knowing how to create these
subdomains gives you and your clients a quicker
| | 01:51 | way to get to different places on your
site plus it gives you the opportunity of
| | 01:55 | creating staging versions
or test versions of websites.
| | Collapse this transcript |
| Creating a subdomain with Plesk| 00:00 | Creating a subdomain is a great way
to create a shortcut URL to different
| | 00:04 | folders on your websites.
| | 00:05 | And it's pretty easy on most control panels.
| | 00:07 | We're going to create a subdomain
for our blog which right now is at
| | 00:11 | agelessclassic.com/blog and we're going
to do it on Media Temple which uses the
| | 00:17 | Plesk control panel.
| | 00:18 | To log into your control panel, you
can simply go to your website address and
| | 00:24 | then put :8443, type in your login information.
| | 00:32 | So from here, we want to go to Websites
& Domains and then we want to go to this
| | 00:37 | bottom part right here called Add New Subdomain.
| | 00:41 | And from here we want to
type in the subdomain we want;
| | 00:45 | in this case, it'll be blog.
| | 00:47 | So the name of our subdomain will be
blog.agelessclassic.com and right here we
| | 00:52 | want to type in the document root.
| | 00:54 | Now you have to include the
web root when you do this.
| | 00:57 | So in this case the web root is httpdocs
and you want to put /blog and click OK.
| | 01:03 | Okay, the subdomain was created and
now you can go to your website and try
| | 01:11 | typing in subdomain.
| | 01:13 | Knowing how to create these gives you
and your clients a quicker way to get to
| | 01:16 | different places on your website and it
gives you a tool that you can use when
| | 01:20 | testing new versions of your websites.
| | Collapse this transcript |
| Creating a subdomain with a custom control panel| 00:00 | Creating a subdomain is a great way
to create a shortcut URL to different
| | 00:05 | folders on your websites, and it's
pretty easy to do on most control panels.
| | 00:09 | We're going to create a subdomain
for our blog which right now is at
| | 00:12 | everlastingclassic.com/blog and
we're going to do it with 1and1.
| | 00:17 | So we need to log into our control panel.
| | 00:19 | I am going to go to the home page of
1and1 and find the Customer Login link
| | 00:23 | right here, and then I am going to type in my
domain name and my password, click on Login.
| | 00:32 | So 1and1 does it a little bit
different than most websites.
| | 00:36 | You're going to go to your Domains
section and you have a list of domains here
| | 00:40 | that have been set up.
| | 00:42 | Notice you have this really weird domain name.
| | 00:44 | That's kind of the default name before
you actually get your own domain name.
| | 00:47 | You can actually use
that to get to your website.
| | 00:50 | We're going to go to the New
menu and select Create Subdomain.
| | 00:53 | To create a subdomain, we have to choose
the domain that we want to work with first.
| | 00:57 | I am going to click on this area
and type in the subdomain that I want.
| | 01:01 | So blog, I'll click OK. I'm going
to go ahead and set the destination.
| | 01:06 | This is really important, it's
something that you have to do because we don't
| | 01:10 | really want the subdomain to go
to the main web root directory;
| | 01:13 | we want it to go to the blog folder.
| | 01:15 | So I'm going to click on the subdomain
that I want to modify and over here click
| | 01:19 | on Destination, select Edit Destination,
and from here, destinations can be Home
| | 01:25 | Directory and Forward Your Domain.
| | 01:27 | Forward Your Domain is kind of nice
because it lets you send a subdomain to a
| | 01:31 | completely different website, so you
could set yourself up a shortcut for say
| | 01:34 | your Facebook page or your
LinkedIn page or something like that.
| | 01:37 | So you would just type the URL right
here that you want plus HTTP redirect.
| | 01:41 | Now I just really want to go to a
subfolder, so I'm going to select Home
| | 01:45 | Directory and from this pop-up
list choose Existing directory.
| | 01:49 | I can also create of course a new
directory if I want to, but I don't want to do
| | 01:54 | that because I already have my blog folder done.
| | 01:56 | I am going to come right here and select blog
and click OK and then go back to my overview.
| | 02:01 | So as you can see now, blog.
everlastingclassic.com should go to my Web space
| | 02:08 | slash blog, under Destination.
| | 02:10 | And I discovered a
little glitch with the status.
| | 02:12 | For some reason this
control panel was not updating.
| | 02:15 | It still says the Domain
registration is being requested.
| | 02:18 | If I go to my website and I try out my
subdomain, you'll see that it's working just fine.
| | 02:25 | So if it happens, just try going
through the whole process of getting the
| | 02:29 | subdomain and then going to the control
panel, setting the destination, and just
| | 02:34 | try out the subdomain every 30 minutes or so.
| | 02:37 | It shouldn't take more than about an hour.
| | 02:39 | Technically, they say that it takes up
to 24 hours to get done, but it really
| | 02:43 | doesn't take that long.
| | 02:44 | Knowing how to create subdomains gives
you and your clients a quicker way to get
| | 02:48 | to different places on your server
plus it gives you a tool you can use when
| | 02:52 | testing new versions of your sites.
| | Collapse this transcript |
|
|
ConclusionNext steps| 00:00 | So you're finished with this course
and perhaps you're ready to launch the
| | 00:04 | next great website.
| | 00:05 | Maybe you're still wondering about
domain names or some of the other
| | 00:08 | technologies we used on the course.
| | 00:10 | So I have some good websites you can
check out for additional tips when getting
| | 00:14 | some of these things done.
| | 00:15 | You saw me use BustAName which is one
of my favorite websites to try to figure
| | 00:20 | out new domain names.
| | 00:21 | They have another tab on their website
under Domain Maker that has a couple of
| | 00:25 | crazy ways of creating domains.
| | 00:27 | Now if you've been here before, it
might give you this window that says
| | 00:30 | Resume Last Session.
| | 00:31 | I'm going to start a new
session just to start from scratch.
| | 00:34 | Now in here you can start and try to
find domains with a specific word, so I'll
| | 00:38 | put the word road in here and then just
hit the Go button and it's going to give
| | 00:43 | me just kind of crazy
combinations of road with something else.
| | 00:46 | You can also click this button called
Make Random Domains and this is going to
| | 00:50 | generate crazy words and give
you just some off-the-wall options.
| | 00:54 | Those may not be the greatest
options in the world, but a lot of times
| | 00:57 | creativity is about seeing something
that might not be quite good and seeing if
| | 01:02 | it inspires you to find something else.
| | 01:04 | There are a lot of additional
resources you can find on the Web.
| | 01:07 | For example, they have a cousin
website called hostsearchr.com that lets you
| | 01:12 | pick your plans for hosts depending on
the different features that you need.
| | 01:17 | Finally, if you want to find out more
about HTML, I really love this course from
| | 01:22 | James Williamson called Web Design Fundamentals.
| | 01:24 | It's on the Online Training Library at
Lynda.com and there are a lot of other
| | 01:29 | courses you can check out like
WordPress 3 Essential Training.
| | 01:32 | I really like the way Morten teaches WordPress.
| | 01:34 | And there's also PHP with MySQL
Essential Training if you're more interested
| | 01:39 | about more technical terms like dealing
with databases and working with PHP to
| | 01:44 | control the databases.
| | 01:46 | So whatever you do, don't forget
to have fun and make a commitment to
| | 01:50 | lifelong learning.
| | Collapse this transcript |
|
|
