The Tools of Internet
Publishing
Module 1: Lesson 2
Fundamentals of Web
Development
Daniel Krieglstein PhD
The Class Tools
Text Editors
Notepad ++ (Win)
When Influencers
Sublime Text (multi)
TextWrangler (mac)
Many more…
ITMD461 - School of Applied Technology - Illinois Institute of Technology 4
http://en.wikipedia.org/w
iki/Comparison_of_text_
Do Tech Reviews editors
Creating A Repository
On Github
+ sign in upper righthand corner
“New Repository”
“Create a new repository” page
Name your repository in all lowercase lettering!!!!!
Add a brief description
Keep “Public”
Add a checkmark to “Add a README file”
6
Linking PC with Github website
On Github
Navigate to your new repository
Click the BIG GREEN BUTTON “Code”.
Click “Open with Github Desktop”
On Github Desktop
I Suggest keeping the full repository name as the repo folder
“Local path”
Chose a folder you want the repository folder to live in
“Clone”
8
Live link: Github Pages
Your
Repository
Your
Computer Auto-Update
Github
Pages
Browser and Development Tools
Mozilla Firefox (https://www.mozilla.org/)
Developer Edition
Inspector dev tools
Google Chrome (https://www.google.com/chrome)
Developer Edition
Inspector dev tools
Apple Safari (Mac only)
Inspector dev tools
Microsoft Edge (Microsoft only)
Inspector dev tools
Additional Web Tools
You don’t need these for class!
SFTP = SSH File Transfer Protocol
• WinSCP (win) SSH = Secure SHell
• Filezilla (multi)
• Terminal (multi)
• Cyberduck (multi)
• PuTTY (win)
• Transmit (mac)
• Browser Extensions
Fin
Module 1: Lesson 2
