SAN FRANCISCO

Seminar Schedule

• • REGISTRATION OPENS AT  (8:30am)
    
    

  • Prototype Your Interactive Design  (9:00–9:30)

    Before we start building our website, we'll need client approval. We'll start by using Photoshop and Fireworks to create interactive prototypes, in both HTML and PDF, to send to our client. Learn techniques for mocking up interactivity, forms, and layouts that will help you sell your interactive design vision.

  • Intro to HTML and CSS  (9:30–10:30)

    First we'll set up a Dreamweaver site project, then begin with a new, blank web page. We'll walk step-by-step through creating an HTML page. Next, we'll style that page by creating a new, blank CSS files. We'll link the two, and begin to style the page like a pro.

  • BREAK (10:30-10:45)
    

    Slicing Graphics with Photoshop and Fireworks  (10:45-11:15)

    Next we'll explore the process for getting web-ready graphics out of Photoshop and Fireworks. The indispensable slice tool will allow us to work with our larger, more comprehensive design file, while managing the individual graphics needed for our HTML and CSS.

  • Principles of CSS-based Web Layout  (11:15-11:40)

    Combining our web graphics with HTML and CSS rounds-up the technologies we need to create layouts within our web page. We'll begin to explore the pixel-level precision that CSS gives us over our HTML and images.

  • Technology Sponsored Presentation- TBA (11:45-12:00)
    
    

  • ---

    LUNCH ON YOUR OWN (12:00–1:15)

  • ---

• • 
    Layout and Sprite-based CSS  (1:15–2:15)

    In addition to layout, we'll also explore a relatively new technique referred to a 'sprite-based' CSS techniques, where we reposition background images of elements with CSS to create more responsive, HTML-based interactions. This technique is used most commonly in navigation areas, but can be applied to any aspect of your design.

    Absolute Positioning Techniques  (2:15–3:00)

    Using CSS to control layout and positioning of elements can be a powerful combination. Discover how to position elements anywhere on the web page, or within specific areas of the page. Absolute positioning is also used extensively in more advanced web experiences, which we'll discuss when introducing Spry at 3:45pm.

    BREAK (3:00-3:15)

  • Adding Rich Media to your Website  (3:15–3:45)

    We'll explore how Dreamweaver lets us add Flash (.swf) and Flash video (.flv) directly to our web pages. In addition to rich media files, Dreamweaver will add additional elements to our site project to help manage those media elements, such as activation scripts, video player controls, etc. Learn what these files are for, and how your web browser uses them.

  • Introduction to Spry  (3:45–4:15)

    Have you heard the term 'Web 2.0'? It combines JavaScript with HTML and CSS. Adobe has created their own framework for these techniques called Spry, and what's even better, they have created visual tools inside of Dreamweaver to let designers start building more interactive experiences for the web... with no JavaScript coding at all!

  • Dynamic vs. Static Web Pages  (4:15–4:30)

    Much of the web's content is generated 'on-the-fly,' meaning at the moment you hit the web page with your browser. Because of this, many web pages don't exist as a full HTML page. We'll take a few minutes to explain this process, and show you how a web developer may take your HTML and CSS work and implement it into a dynamic website. It is this very process of combining your web design with a developer's programming, that makes for a truly compelling web experience for your users.

  • Ask your questions  (4:30-5:00)

    The web is a vast place.

  • ---

• Location

• 

  South San Francisco Conference Center
  255 South Airport Boulevard
  South San Francisco, CA  94080
  

• Directions

From the South (San Jose)

Take Highway 101 north to the South Airport Boulevard exit #424 (which is two miles north of the San Francisco International Airport). At the first stop light, drive straight across the intersection and directly into the Holiday Inn parking lot. The South San Francisco Conference Center is on the left.

From the North (San Francisco)

Take Highway 101 South to the South Airport Boulevard exit #424 in South San Francisco. Stay to the right and turn east under the freeway overpass. Make a right, at the Hungry Hunter Restaurant, onto South Airport Boulevard. The South San Francisco Conference Center is located on the left between the Good Nite Inn and the Holiday Inn.

From Marin County, 19th Avenue, Daly City

Take the Golden Gate Bridge to 19th Avenue and continue on to Highway 280 South. From Highway 280, take Highway 380 East to Highway 101 North (San Francisco). From Highway 101 North exit at South Airport Boulevard. At the first stop light, drive straight across the intersection into the Holiday Inn parking lot. The South San Francisco Conference Center is located on the left. Note: There is a South Airport Boulevard exit off Highway 380. Do not take this exit. Please take the South Airport Boulevard exit off of Highway 101 North.

Public Transportation to South San Francisco Conference Center

BART

(650) 992-2278 Shuttle service is provided from the local BART station Monday - Friday (except certain holidays) in the mornings and afternoons. For schedules, please see http://www.commute.org/shuttle_utah_bart.htm

Alternatively, exit BART, in San Francisco, at the Montgomery Street Station at Second and Market. Walk one block south to the Transbay Terminal located at First and Mission. Take the 292 SamTrans Bus which runs every 30 minutes and will take approximately 45 minutes of bus travel time to reach the South San Francisco Conference Center. Exit the 292 SamTrans Bus at the Shell Gas Station directly across the street from the Conference Center. The cross street is Mitchell Avenue which is located to the north.

CalTrain

(800) 660-4287 Shuttle service is provided from the local CalTrain station Monday - Friday (except certain holidays) in the mornings and afternoons. For schedules, please see http://www.commute.org/shuttle_utah_cal.htm

Alternatively, CalTrain stops at the South San Francisco Depot at Airport Boulevard and Grand Avenue. Exit train and walk west on Grand Avenue overpass about 2 blocks to Airport Boulevard, cross the street and take the 292 SamTrans Bus southbound. Exit the 292 SamTrans Bus at the Shell Gas Station directly across the street from the Conference Center. The cross street is Mitchell Avenue which is located to the north.

SamTrans

(800) 660-4287 See above "alternative" directions under "BART" when taking the 292 SamTrans Bus from the Transbay Terminal in San Francisco. From the south, board 292 SamTrans Bus at the Hillsdale Mall on Hillsdale Boulevard or board at the San Francisco International Airport. Exit bus at the Holiday Inn in South San Francisco. The Conference Center is next door on the left. Please contact SamTrans, if you need additional scheduling/route information regarding the 292 SamTrans Bus.

Complimentary Parking at South San Francisco Conference Center

The South San Francisco Conference Center has an agreement to share parking with both neighboring hotels – the Holiday Inn to the south and the Good Nite Inn to the north. Additional parking is available diagonally across the street in the lot located between the Travelodge and the Best Western Grosvernor Hotel.