CSci 1101: Dynamic Web Programming -- Resources.
[Home]
[Syllabus]
[Assignments]
[Resources]
[Course blog]
On this page:
This page contains handouts for the course, references to manuals,
links to web sites that we use, and
other helpful materials. The materials will be added as needed. Please
feel free to make suggestions.
- We will use a text editor jEdit. It has built-in
support for HTML, CSS, and PHP code (color-coding, automatic keyword
completion, etc.), and that's the text editor that we will use in the
lab. jEdit is Java-based, so you need to install the latest (1.4 or
above) version of Java first, it's available here.
Then
download and
install jEdit (get the stable version, not the
development version).
- Secure FTP (file transfer software):
- Windows:
WinSCP - a secure
FTP program available at university labs. To install it on your home
machine download and run the
installation package for the
latest stable (not beta!) version. Read the documentation to learn how
to use WinSCP. The Quick Start
Guide has enough to get you started.
- Macintosh: if you have Mac OS X (10.1 or later), you can use
a command line program called sftp. However, it does not
have a graphical interface and may be too difficult to use for those
unfamiliar with command line programs. The program Fugu is a free
graphical ftp program for file transfer.
- Firefox browser
- Netscape browser
- Opera browser
- Putty
- a free SSH program for Windows. Save putty.exe on your desktop,
it's ready to use.
- GIMP - a free program for simple editing of pictures.
W3 Schools
W3 schools is an excellent
collection of tutorials on all major web languages and
technologies with loads of examples and try-it-yourself
exercises. Specifically, here are tutorials and references on:
XHTML and CSS
- HTML and XHTML
validator. Checks if your file follows XHTML standard.
- Fonts:
- Colors:
- CSS
validator at W3 Schools.
- Zen Garden - a web site that shows examples of CSS use. Might be an inspiration for a web desgin.
- CSS Tips and Tricks - a collection of CSS examples for certain common design elements.
- browsershots.org - a web
site that allows you to see how your page will look in different
browsers. Thanks to Brian Ohs and Noah Clark for finding this
resource. Note that it takes a while for the results to appear.
- Some style properties are only applicable to block-level
elements. www.yourhtmlsource.com/
provides a
list of tags for block-level elements
- Form examples from W3 Schools. Clicking on "Submit" button shows
you the submitted input.
PHP resources
SQL resources
Security and data transfer
Regular expressions and data filtering