1 / 23

How To Create A Website In IS10 with a MAC

How To Create A Website In IS10 with a MAC. By Evan Alexander. When using a PC, my favorite application to use is Notepad++. Some key features: Color coding (smart highlighting), support for over 20 programming languages Tabbed document interface File comparison Regular Expressions

nitza
Download Presentation

How To Create A Website In IS10 with a MAC

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. How To Create A Website In IS10 with a MAC By Evan Alexander

  2. When using a PC, my favorite application to use is Notepad++. • Some key features: • Color coding (smart highlighting), support for over 20 programming languages • Tabbed document interface • File comparison • Regular Expressions • Open source plug-in importer • Drag-and drop support

  3. Unfortunately, this program is not available for MAC users. However, the best alternative for a program like this is to use TextWrangler. It shares many similar features and is easy to use.

  4. Click Here To Download TextWrangler Once the download page is opened, click where it says “Download Now” to get started.

  5. Some Text Wrangler features(for full list of features click here) • Syntax coloring and function navigation for many programming languages. • Regular Expressions • Support for MAC OSX Services • FTP server via Bounjour • Command line interface

  6. Once installed, creating a simple HTML website is very simple and straight forward. TextWrangler’s capabilities extend much further than a simple HTML page. However, this guide is strictly for creating a website in IS10. If you have an interest in learning about how to use it for other purposes, the official user manual can be reached here

  7. Register LaterYou can registerif you want.

  8. This is the first screen you will see Type your simple html page here if you just want to get started right away. The next couple of slides are an example of how to get to the preferences and contains screenshots of each tablet.

  9. PREFERENCES Click TextWrangler on the top and then click Preferences to access the settings.

  10. Basic Apperance Settings

  11. In order for your HTML document to be color coded as you type, there is one thing you need to change. Go to Edit > Text Options

  12. From the Language drop-down box, select HTML, then select OK.

  13. Once you are done writing your basic HTML page for IS10, you must save it locally, and then create an html space in your user folder on the ftp net (I will show you how to do this) • First, go to File > Save As

  14. Save it as “index.html” and select anywhere on your local harddrive to save it in.

  15. Once you have a local copy of your html file, you need to put it on the web. • Go to File > Save to FTP/SFTP Server

  16. Next to Server type “unixs.cssd.pitt.edu” • Check the box that says SFTP • Enter your username and password for Pitt • Click CONNECT.

  17. You will be asked to confirm connection. Click OK

  18. Once connected, you should see your own personal folders on the pitt.net space. Navigate to the folder named “public”. • You want to create a new folder in “public” titled “html”

  19. Once this folder is created, navigate to it, and create another folder titled “IS10” • Navigate to IS10 and save your html file in this directory. • Any pictures or files you have linked to this html file must be in the same directory. • Go to www.pitt.edu/~YOURUSERNAME/IS10 to see if it worked!

More Related