Get Published Workshop - Girl Develop It Minneapolis

Get Published Workshop
Get Published
Workshop
Instructors: Tessa Kriesel and Susan Metoxen
www.gdiminneapolis.com
Get Published Workshop
About You
●
●
●
Your Name
Website you will publish
Your goal for this course
About Us
●
●
[email protected]
[email protected]
te
www.gdiminneapolis.com
http://threepanelsoul.com/
Girl Develop It!
Some "rules"
Girl Develop It is here to
provide affordable and
accessible programs to
learn software through
mentorship and handson instruction.
● We are here for you!
● Every question is
important
● Ask questions anytime
● Housekeeping
● Role of the TAs
● Help each other
● Have fun!
Class Objectives
By the end of this workshop, you will:
1.
2.
3.
4.
Have a website published on the World Wide Web!
Have a beautiful website to showcase your skills.
Experience making your design vision a reality with HTML/CSS.
Be able to manage your local and remote files and be able to
publish (FTP) your files to the world.
5. Be comfortable with purchasing domains and hosting services,
when and if you want to make purchases.
Today
1. Domains and
hosting
2. Resume
templates
3. Workshop
time
4. Publishing
(FTP)
Next Week
Propagate
Nameservers
Work on your
website
1. Publish!
2. Workshop
3. Advanced
publishing
concepts
4. Show and
tell
Get Published Workshop
Domains and
Hosting
www.gdiminneapolis.com
Get Published Workshop
Buying a Domain
● How to choose a domain name
● Why buy a domain name
● Most domains are $12-14 per year
www.gdiminneapolis.com
Get Published Workshop
Where to buy a domain
●
●
●
●
Hover.com: The most choices/more expensive
Hostgator.com: Great chatting service
GoDaddy.com: Great phone service
enom.com: Volume discounts
Exercise:
1.In small groups, discuss pros and cons of purchasing a domain and decide if you
would like to buy one for your website. What domain name ideas do you have? Write
them down.
2. Tell your small group about the website you plan to make in this workshop.
www.gdiminneapolis.com
What is website hosting?
● Web Hosting is the server space on the Internet
where you store your html/css files.
● When you make a website and want other
people to see it, you will need to publish it to a
web hosting service.
FTP Local Files to Server
Local Files
These are
your html files
on your
computer.
Remote Files
FTP
These are the files
you FTP to the
server of your
hosting provider.
Get Published Workshop
Free Hosting Options
● Amazon
● GitHub
● gdiminneapolis.com/students/yourname
www.gdiminneapolis.com
Get Published Workshop
Why pay for hosting?
●
●
●
●
●
Service from your hosting provider
Connecting your domain
Email Services
Back-end database
You get cPanel
www.gdiminneapolis.com
Get Published Workshop
cPanel Walkthrough: MyCoolWebsite.com/cpanel
○
○
○
○
○
○
Remote Files
Email
Add-on Domains
Sub-domains
HTTP Passwords
phpMyAdmin
More to come on cPanel
www.gdiminneapolis.com
Linking Domain to Host
● Domain Name:
MyCoolWebsite.com
● IP Address:
22.231.113.64
● Name Server: ns21.
hostgator.com
Your hosting and domain name may not come from the same company.
The nameservers link your domain to your hosting.
Domain Name Servers (DNS)
● Connect your domain
to your hosting
● Propagating DNS
By Mathiasjok (http://digitalmonki.com/)
[CC0], via Wikimedia Commons
Exercise
● Break into small groups
● Make a decision on how you want to host your
website.
● If you want a domain, purchase it. Write your
domain on the white board.
● Set the nameservers to your hosting.
Resume Templates
Demonstration
Let’s Develop It!
This is workshop time to develop your website using the resume
templates.
Publishing
File Transfer Protocol (FTP)
FTP Local Files to Server
Local Files
These are
your html files
on your
computer.
Remote Files
FTP
These are the files
you publish to the
server of your
hosting provider.
How does your site visitor’s browser find your
website files?
Your Hosting
Provider
Server
Your computer
Hosting
Provider
Server
Hosting
Provider
Server
Domain
Name
Server
Your
Domain
Name
Server
Domain
Name
Server
Your site visitor
index.html or index.php
User enters:
GDIMinneapolis.com
browser looks for:
http://gdiminneapolis.
com/index.html
or
http://gdiminneapolis.
com/index.php
Pop quiz
What file does the server look for when
the user enters:
MyCoolWebsite.com/start
?
MMyCoolWebsite.com/start/index.html
public_html
● On the remote server, you will publish your files
to a folder called, “public_html”.
● This is the default file location
File Transfer Protocol or FTP
● We use FTP to transfer files from our
local host (our own computer) to the
remote server, at the hosting provider.
● For this class we will use FileZilla to
FTP.
Alternatives to FileZilla
● Dreamweaver (text editor integrated)
● CyberDuck
● Command Line (Advanced users)
Filezilla Exercise
Exercise:
1. Make or find a local folder for your website. (It is common to
have all your websites in a folder called Sites.)
2. Open Filezilla
3. Find your local folder in FileZilla
4. Enter your IP address into Host, and your username and
password.
5. QuickConnect--did your folder move to the remote server?
Homework
● Make sure your nameservers have
propagated
● Continue work on your website
● Bring back questions
Next Week: Advanced Concepts
●
●
●
●
Answer your questions
Reseller Plan
Virtual Private Network (VPN)
cPanel
○ Email
○ Change Password
○ Add on and Sub Domains
● Alternatives to Filezilla