Building a Simple Monthly Calendar

In this tutorial we are going to learn how to build a simple calendar in PHP. You have seen many of those calendar date pickers mostly in Javascript. This PHP based one has a slightly different purpose - instead of populating an input field, it outputs links for the different dates and can be used for example as a monthly archive in a dynamic DB-driven site. We will build this calendar following good coding practices and keeping the login in one PHP file and the presentation in one...

Location-aware search with Apache Lucene and Solr

Location, location, location! Just as location is king in real estate, search plus location awareness can yield significant dividends in helping users effectively and efficiently find information. For instance, if you are a business-directory provider (such as a "Yellow Pages" site), when a user searches for a plumber, the site should return results for plumbers near the user's home. If you run a tourism site, you might want to allow travelers to search for places of interest near their...

Android & iPhone browser wars: Intro to the WebKit

Introduction Combined, the iPhone and Android platforms have more than 100,000 application titles available for download across their respective app stores. Native applications are those created with a platform's SDK, then compiled and installed to a device. These native applications provide thorough access to a device's inherent capabilities, including features like wireless networking, Bluetooth, data...

The Dreamweaver Template - A tutorial on using Templates in Dreamweaver

What is a Template? A template is a common structure of the web site that most of your web pages use. Usually web sites follow a standard structure, for e.g. In all our pages you will find a search and a poll on the left, a standard menu on the right and important navigation links on the top. Our site has over 100 pages, all following the same structure. If we need to make one small change, let's say changing the table width from 90% to 95%, we need to go each of those 100...

Inserting Fireworks HTML into Dreamweaver

In this tutorial we are going to insert a table that was created in Fireworks (be sure to check out the Fireworks tutorial on Creating a Navigation Bar). Once we have inserted the Fireworks HTML into our Dreamweaver document, we will add the corresponding links using the Point-to-File method we learned about in an earlier tutorial. Let's get started! In this example, I have created a page with a couple of tables. The top table is 760 x 86 pixels and contains the header...

Introduction to the fundamentals of Dreamweaver

What you will learn in this lesson: 1. What is Dreamweaver? 2. The basic layout 3. The Objects Palette 4. The Launcher palette 5. The Properties Inspector overview 6. A basic page What is Dreamweaver? Dreamweaver is a fully-fledged WYSYWIG (What You See IS What You Get) HTML (HyperText Mark-up Language) editor that allows you to create web pages and web sites easily and quickly. But it goes beyond that; it also allows you to delve into DHTML (Dynamic HTML) to create a far more...

Define a New Site in Dreamweaver

The first step in building your website is Defining Your Site. There are several Categories in the Site Definition window; we will focus our attention on the Local Info and the Remote Info. This is key since we will be building our website on our local computer, then publishing it on a remote webserver. Let's start by launching Dreamweaver. Open the Site Definition window by selecting Site > New Site from either the Site window or a blank document. We'll spend the next...

Creating Web Pages/Sites using CSS (Part 1)

If you're new to web design or an old veteran you can't have failed to have heard about CSS (Cascading Style Sheets). These files that you can attach (or tags you can embed in a particular page) allow for intricate page layout, text control, etc. In this tutorial I'll be taking you through creating a simple page layout using only two CSS Styles. I know that sounds a bit simplistic, but once you see how easy some of the techniques are you'll wonder why you ever bothered creating...

Creating a Navigation Bar

This tutorial is a brief look at how to use ImageReady to create a navigation bar to use in your web site. ImageReady has many tools that make the whole process of preparing images for the web easier. 1. Open ImageReady and create a new document. Make the dimensions 580 x 80 pixels. 2. First, we need to set a background color. Click the Background swatch and change the color picker to HTML. You can set the Red, Green, and Blue values of the color (RGB). Set the red value to 33, the green...

The Slice Tool:

In this Tutorial, I will show you the technique of slicing using The Slice Tool. -------------------------------------------------------------------------------- There are 3 techniques available for slicing images in ImageReady. A quick look at the Menu displays the available methods. (Right-Click on this Menu bar below and Save Picture As...). 1.) Open ImageReady 3.0. Open Menu file. (We will also need the slice palette visible so go to View > Slice). Once in ImageReady, the...