Komodo Editor is a piece of software that helps you build web pages more easily. It helps you with getting the syntax correct and lets you look at your work as you go.
Download Komodo Editor from http://www.activestate.com/komodo-edit/downloads. You do not need to register for the newsletter. You do not want the IDE. At some point, it may ask you if you want a free trial of the IDE. This means that you are looking at the wrong software. You just want the editor.
Posting Your Web Pages
In order to post your web pages, you will need to access to the university provided web space on a server called isis. You will put the file there using Filezilla as describerd next. You can check if you already have access to this service by looking for your home page on a browser. Specifically, you should try to reach the page called unc.edu/~your onyen. If you get there, you are fine and can stop reading this section. If you do not get there, you need to activate the service.
Go to onyen.unc.edu and click the button titled "Subscribe to Services" under "Other Services." Under Unsubscribed Services, you should see a button for "AFS". Click on it and proceed through the instructions. Keep clicking "Continue" until it stops appearing. There are actually two steps to the process, the first gives you space on the server and the second (when you click the "www" button) makes it available for the web. You are NOT DONE until you have clicked the "www" button.
All of these pages are publicly available. If you want to limit who can see your web pages, you can restrict accessibility to only those people who know the id and password. This is described on the UNC site at Restricting Access to Web Pages. If you wish to do this, meet with the instructor or TA and we will help you do it. There are no simple tools to do it.
Filezilla is a piece of software that will let you transfer files between your machine and another machine. It uses a protocol called "Secure File Transfer Protocol" of SFTP. You don't need to know anything about SFTP.
Download Filezilla from http://filezilla-project.org/. You only want the client, not the server. Be sure to DECLINE all offers. You do not want any of them. NB: If you are on a Mac, use Safari to download Filezilla.
When you are ready to use Filezilla, you will be asked to fill in 4 fields to identify where you want to transfer your files. Fill in the fields as follow:
- Host: isis.unc.edu
- Username: your onyen
- Password: your onyen password. When you change your onyen password, you need to use your new pasword here.
- Port:22. This tells it that you are using SFTP.
You only need to fill these in the first time that you use Filezilla. After that, you can use the down arrow after "Quickconnect" and just choice isis.
The left side of the Filezilla screen is the files on YOUR computer. The right side of the screen is the files on the SERVER. You will be editing locally and then moving the files to the server using Filezilla (drag and drop or right click and upload).
If you want to save the exact location of the files that you will be using, you can use "Bookmarks" in the menu bar and save the locations. Once you have it set up properly, simply name the current settings.
To get at Bookmarks on a Mac: when you open Filezilla, you can see the Site Manager icon at the leftmost of the top menu bar (circled in the screenshot below). Inside Site Manager, you can use the "New Site" button to store your favorate sites, e.g. isis.unc.edu. Bookmarks have to be associated with stored sites, so once you store a site in Site Manager, the "New Bookmark" button will be activated, and now you can bookmark both local and remote locations, which will be stored under each stored site.
Download Chrome from https://support.google.com/chrome/answer/95346?hl=en. While most browsers today have a capability to help the developer, it is simplest to choose one browser to use in a class. We ill be using Chrome as the developer tools are built in to the system and it is cross-platform. The specific function that we will be using ins Inspect Element.
Files on ISIS
In order to keep your home page separate from your COMP 101 assignments, you will have a folder called COMP101 under public_html. All labs, assignments and projects will be posted within this folder, usually in a separate folder. The primary page within this folder will be index.html. The browser always assumes that it is going to that page. Taking advantage of that assumption simplifies the url that we use. We will be creating a structure for this page shortly. You are to post links to all of your work here, including those pieces that are posted on a team member's site. (Details on this will be clear in a couple of weeks.)
File Structure on your Computer
In order to make life easier, you should maintain an image of the server file structure on your machine. You will want a FOLDER under YOUR public_html for every lab, assignment and project that you upload. The primary page within that folder will be index.html. The browser always assumes that it is going to that page. Taking advantage of that assumption simplifies the url that we use.
Strong recommendation is that for all of the COMP 101 files that you are using, you have the system show you file extensions. This will avoid having files that the browsers can't read and from repeating extensions.
In Windows, the setting is in the Control Panel under Folder Options. (You may need to go throughe the Appearance section to get there.) Go to View and under Advanced Settings uncheck "Hide extensions for known file types."
On the Mac, the setting is in Finder. Open the Preferences (you can get there with the key shortcut of Command and , (comma)). Navigate to Advanced and check the box for show all file extensions.
This is a web site that we will be using. No download required. We will be using this site to manipulate photos for web pages. You may use any photo editing software that you want. I identifeid this one because it is recommended by CNET, it does not use Flash, and has no limit on picture size. It's resolution is not as great as other sites, but is sufficient for use on web pages.
While all the principles and skills you are learning are applicable to any spreadsheet software, there are minor differences between them and the class presentations will all be based on Excel. If you need to use different software, please speak to the instructor before we begin working on spreadsheets.