Transcript Chapter 2 Notes

CH2 - Establishing a Web
Presence
&
Create our initial project page
Overview and Objectives
•
•
•
•
•
Talk about ISPs
Web development tools
Connect to the CS server via FTP or putty
Create our initial web page
Testing “offline” before going “online”
– We won’t worry about that but consider it
• Discuss MIME (Multipurpose Internet Mail
Extension) types and how browsers use them
Chapter 2: Establishing a Web Presence
Internet Service Options
•
•
•
•
•
Dialup over regular phone lines via a modem
Cable modem (usually from your TV provider)
Integrated Service Digital Network (ISDN)
Asymmetric Digital Subscriber Line (ADSL)
Fiber-to-the-Premises (FTTP)
Chapter 2: Establishing a Web Presence
Some Services Provided by ISPs
• E-mail (often several e-mail addresses)
• Network data storage
• A URL for a personal or business website, but
– Server-side technologies like scripting and database
access may or may not be provided
– Choice in Server OS (Linux or Windows)
– Upload and download speeds may vary considerably
– Costs
• GoDaddy for example
Chapter 2: Establishing a Web Presence
Tools for Web Development
• A text editor for creating files
– We’ll use what we have, We’ll try out
Dreamweaver.
• A browser for testing of course
• FTP program
– Separate (FileZilla)
– Integrated into editor
Chapter 2: Establishing a Web Presence
Some “Gotchas” to Avoid
• Use an appropriate editor, not a word
processor, to create your web site files
• Test in all common browsers
• Use a file transfer program that understands
that end-of-line markers in text files are
different on different platforms and deals with
this “transparently” (most do so nowadays)
Chapter 2: Establishing a Web Presence
MIME Types
• Question: How does a browser know what to
do with a file it has received from a server?
• Answer: It uses the MIME type of the file.
• MIME = Multipurpose Internet Mail Extension
• A file’s MIME type can often be inferred from
the file extension:
Not just for mail
– txt for a text file
– jpg for an image file
Chapter 2: Establishing a Web Presence
anymore
File Permissions and Web Security
• Assume that people will be trying to “hack”
your website.
• Plan to stop their efforts.
• The first line of defense is making sure that all
the files on your site have the proper “file
permissions”.
• Setting
– FileZilla: right click on the file or directory, check
properties you want.
– Putty: next slide
Chapter 2: Establishing a Web Presence
In PuTTy change permissions using the ‘chmod’ command.
chmod ### filename
Each number specifies the permissions for one of three groups. The first number sets
permissions for the owner of the file, the second sets permissions for groups of other users,
and the third sets permission for the rest of the world.
When you set permissions for a group, you will set it to a number 0-7:
0=No Permissions Whatsoever
1=Execute Only
2=Write Only
3=Write and Execute
4=Read Only
5=Read and Execute
6=Read and Write
7=Read, Write, and Execute
Examples:
If you would like to make a file in your UNIX account only readable by other users and
the world, your chmod command might look something like this:
chmod 744 test.doc
If you would like the file to be fully readable and modifiable by everyone, your chmod
command would look like this:
chmod 777 test.doc
setting the wrong permissions may prevent other users from viewing your websites.
Chapter 2: Establishing a Web Presence
Homework and initial project page
• Make a simple Homework page for me to get
your assignments from
• Decide on your product
– Something simple with a few sub categories
• Using good design lets make our first page
– Create: header, nav, main and footer DIVs
– CSS: colors, border, margin, padding, etc
– Steal from other pages
Chapter 2: Establishing a Web Presence
The FileZilla interface for File Transfer
Connect to:
cslab100.cs.edinboro.edu
Use the other parameters
also
Chapter 2: Establishing a Web Presence
You’ll have a directory called
Public_html
Place your web pages there.
Chapter 2: Establishing a Web Presence
The PuTTY Interface for Direct Access
to a Server Account
Chapter 2: Establishing a Web Presence
Putty
Chapter 2: Establishing a Web Presence