Category Archives: Web

XAMPP – Turn your PC into a development server

Installing XAMPP on your personal computer

XAMPP stands for “X (one of four OSs), Apache, MySQL, PHP, PERL” and is used to enable your personal computer with the web and database tools necessary to host its own dynamically driven websites for testing and development purposes. The following tutorial video demonstrations will show you the steps to set your computer up as a “localhost” server on Windows. Continue reading XAMPP – Turn your PC into a development server

MAMP – Turn your Mac into a development server

Installing MAMP on your personal computer

MAMP stands for “Mac Apache, MySQL, PHP” and is used to enable your personal computer with the web and database tools necessary to host its own dynamically driven websites for testing and development purposes. The following tutorial video demonstrations will show you the steps to set your computer up as a “localhost” server. Continue reading MAMP – Turn your Mac into a development server

PHP – Lesson 11: Using COOKIE and SESSION

This lesson demonstrates how the PHP  $_COOKIE and $_SESSION superglobal arrays work. On this page are three slideshow/demo videos, as follows:

  • Slideshow lesson on how we use $_COOKIE and $_SESSION to get info from users
  • Demonstration on how to build simple, basic code to illustrate $_COOKIE
  • Demonstration on how to build simple, basic code to illustrate $_SESSION

Continue reading PHP – Lesson 11: Using COOKIE and SESSION

SFTP – Cyberduck for mat.miracosta.edu

Get Connected

Although this page is a tutorial on using Cyberduck, there are several free SFTP software packages you can use:

Mac users : CyberduckFilezillaFugu
PC users: CyberduckFilezillaWinSCP

Miracosta College has a help desk webpage that shows you how to use Fugu and WinSCP here: http://www.miracosta.edu/studentservices/studenthelp/tutorials/matserver/index.html

The instructor happens to prefer Cyberduck and Filezilla. NOTE: Filezilla’s interface is not quite as friendly as Cyberduck’s.


Using Cyberduck for SFTP

In the first video of the playlist below, you will learn how to use the SFTP program, Cyberduck, to connect to your Miracosta College student web directory.

The second video continuation covers how to create the folder structure on the server for our class, how to create and rename files, how ‘index’ files work vs. other files, and how to view your uploaded work on the web.

CSS – Styling Lists

What This Tutorial Covers

The following 4-part series explains how to style lists for navigation. It covers the following topis:

  • switching from block-level (vertical) to inline (horizontal) lists
  • how margins and padding behave with text and inline lists
  • centering text in in-line lists vertically and horizontally
  • making horizontal lists using floats
  • using background images in both inline and floated lists
  • clearing floated items Continue reading CSS – Styling Lists

PHOTOSHOP – Making Image Navigation For the Web

The first demo video shows you how you can make navigational buttons in Photoshop using multiple layers in a single space. The second demo shows you how to create the same output files as in the first demo, but the second video uses “slices”.

BY THE WAY . . .. Even though in the video a talk about making “javascript rollovers,” these techniques are the same for making CSS hover buttons that use absolutely no javascript. So don’t let that throw you off! Continue reading PHOTOSHOP – Making Image Navigation For the Web