Uploading your work to the Web: FTP
File Transfer Protocol is standard developed to upload data to a website.
Read: FTP 101 – A Beginner’s Guide
Using Dreamweaver’s FTP Feature
Dreamweaver is programed to design and produce websites using HTML and CSS. Dreamweaver also has FTP functionality integrated into it. There are many stand alone FTP clients avaialbe to upload and download files to your – or any – website. For the scope of this class, we will be using Dreavweaver in class.For more: Dreamweaver TechNote
Step 1: Open Dreamweaver.
(Students DO NOT need any files open during any of these steps.)Step 2: Go to: Site > New Site… Click on Advanced.
Step 3: Local Info.
Local refers to files that are located on the computer. (computer’s hard-drive, portable hard-drive, etc.)
Site Name: This is simply a label to remember the site. The site name can be anything the student wishes it to be. It does not have to be the web address of the website being worked on.
Local Root Folder: This shows Dreamweaver where files are located on the machine or portable hard-drive.
Step 4: Remote Info
Set Access to FTP.FTP host: Unless otherwise stated, this is the web address to the student’s website.
Host directory: Leave blank.
Login/Password: These are provided by the host and were acquired when web hosting was purchased.
Step 5:Test Connection
Hit the Test button.If the information provided is correct and the Test is unsuccessful use Passive FTP.
Step 6: Once Connected Click OK
Click OK.Manage Sites
To log back into one’s site, goto Site > Manage Site…In order to manage one’s site he or she must be on the specific computer that the site was created on.
Transferring Files
To transfer files goto Window > Files or press F8.
This button expands or collapses the File window to show both Local and Remote files.
This button connects to the Remote server.
Once the panel is visible files can then be dragged from Local to Remote folders or vise versa. This COPIES files to the remote server.
Different hosts configure sites differently. Some are set up in /htdocs or /public. All files must be within a folder.
File Naming Standards for the Internet
Because the internet is accessed by many computers and platforms (macintosh or windows) using different operating systems (Win98, WinXP, MacOS), some very stringent rules must be followed:› No capitals
› No spaces
› No special characters except _ and –
› All files must have a file extension (.jpg)
Additionally, try to name files as short as possible. Some machines can only read up to 32 characters.
Path names (addresses) are simply the names of file directories on your server, delinatred with a ”/”
In-Class
Login to student websites, explore directory organization, and upload Quote Animation Assignment to their Websites, and email the path for grading.Design for Music Video
For you rmusic videa assignment start planning by finding a site or sites, take a screen capture, (Shift + Ctrl + Apple + 4). This screen shot can be inspected in Photoshop to determine:› Stage size
› Color palate
› Basic layout
Flash Music Video Examples
See: http://korpps.free.fr/radiohead_creep.swfAssignments For this Week:
Find a site-
Reminder: BRING AUDIO CD TO NEXT CLASS…
← 02: Purchasing a Web Site | 09: Interactive Techniques →
← Return to Main Page...
Commenting is closed for this article.