Learn how to create and maintain web sites in this three-month web design program.
This class meets twice a week from 6pm to 9pm on Mondays and Wednesdays. A full schedule including holidays is available here.
Would you like to visit a current evening program class? We encourage students to visit our facilities and
see the quality of the training. AcademyX periodically offers a free open house seminar from 6-8pm
entitled "Web Careers". It addresses ways to earn money in this industry as an employee, contractor, or entrepreneur.
Here are
dates and an outline.
Call 415-392-8024 to RSVP.
The format of the instruction will be 10-20 minutes of
lecture, followed by 10-20 minutes of lab time for students to try out what they've learned. After approximately
every two classes of new material, students will have an entire evening devoted to implementing what they've learned, with
help from the instructor. Topics include:
- The Big Picture
- HTML, the formatting language that is the foundation for the Web
- Creating and editing web graphics such as buttons, navigation bars, and menus
- What-You-See-Is-What-You-Get programs to help you whip up web pages
- Creating animations such as drop-down menus and splash pages
- Validating online forms and sending email with programming languages like ColdFusion
- Ensuring that search engines find your web site and rank it highly for your desired keywords
| Eve # |
Topic |
Description |
| 1 |
The Big Picture: How to Get a Domain Name and Set up a Web Site |
In this evening we will give you an overview of how the Web works: where web pages are kept,
what they are made of, how they are sent back and forth, and how they are displayed by web
browsers. We will register some domain names and set up an account with a real web hosting
company. In this class we'll define and explain domain registrars, web hosting companies,
and the term 'client-server interaction'.
|
| 2 |
HTML: The Language of the Web |
Web pages are written in "HyperText Markup Language" (HTML). We will show you how to create
basic web pages with some simple examples of formatted text: bold, italics, headings, etc. By the end of
the evening you will be familiar with the tools for creating and viewing web pages, and will be
able to easily create basic web pages.
|
| 3 |
HTML Images |
In this session we create simple images, modify existing images, and save them in a format that allows
you to insert them into your web pages. Additionally, we will learn about the HTML code necessary to embed an image into a web page. We will discuss techniques for improving the organization of your files and pitfalls that can be avoided that lead to broken images in websites. |
| 4 |
Lab Time |
In this section we'll sit down and practice. The goal is to create the pages for a five-page portfolio web site, given
the tools and techniques you've learned. The instructor will walk around and help students with any questions.
|
| 5 |
Links; HTML for Text Effects |
This evening, we cover how to link between different web pages.
We'll devote some attention to the correspondence between the folder structure
of your web site and the different web site addresses of pages within your site. You'll also see
how web designers take advantage of the concepts of home pages and directory listings.
We will also examine more advanced text formatting options, for instance, we'll show you how to create
numbered and bulleted lists, indented and preformatted text, and odd little characters such as © and
€ symbols. You'll also find out how to change the background color of a web site and
define the text color.
|
| 6 |
HTML Tables for Data, Advanced Links, and Transferring your Files
|
Tables are a crucial element of web design; they are used both for laying out data and content in a web page. We'll show you how to structure your text into rows
and columns using tables. We'll also cover table properties that change the background color, borders and other features of the table. In this section we'll also cover how to organize your pages and images into folders and how to link
between pages in different folders. Finally, you'll see how to transfer your files from your computer to your web hosting company's computer using a separate application.
|
| 7 |
Lab Time |
Practice time. We'll continue to work on the five-page portfolio site, incorporating tables, menus and transferring the files at the end of the session. |
| 8 |
Web Graphics with Fireworks |
Fireworks is a web design painting and drawing tool very similar to Photoshop. It allows you to
create and optimize custom graphic elements as well as entire web page designs.
Its strength lies in its ability to optimize and export your designs as HTML for use on the world wide web.
During this evening you'll be introduced to basic features of Fireworks, including tools, palettes, and
menus. We'll learn how to open existing images and create new images as well as how to optimize them for the web. |
| 9 |
Web Graphics 2 |
Continuing where the previous evening left off, the focus of this section will be how to draw images in Fireworks. In addition, we will cover how to create vector text. |
| 10 |
Web Graphics 3 |
In this section students will learn how to create and manipulate layers in order to build web site
navigation systems and reduce repetitive tasks. By the end of the class you'll be able to create professional-looking menus and buttons for your
web site. |
| 11 |
Web Graphics 3 |
Continuing where the previous evening left off, the focus of this section will be on advanced interactivity, behaviors and frames, slicing, optimization and exporting techniques.
|
| 12 |
Lab Time |
Practice time. Again, the goal will be to reproduce an existing web site with graphics illustrating the topics we recently covered, such as better menus, backgrounds, banners and navigation buttons.
|
| 13 |
Dreamweaver Fundamentals |
Dreamweaver is the web designer's best friend. It is a program that will write HTML for you
to improve your productivity. You'll hate us when you find out how easy it is to get Dreamweaver to
create the effects you labored over in the HTML labs. In this first class you will learn how to set
up site definitions in Dreamweaver, create pages, format text, and insert images into your web page.
|
| 14 |
Dreamweaver 2 |
Continuing with the many features of Dreamweaver, we'll work extensively with tables for page layout and design. We'll also discuss hyperlinks - both within the website and to other websites. |
| 15 |
Lab Time |
Practice time. Using your new found experience with Dreamweaver and your design assets from Fireworks, you will begin the process of creating a professional online portfolio website. |
| 16 |
Dreamweaver 3 |
In our third session using Dreamweaver, we will explore some of the advanced features that Dreamweaver offers for creating interactive images. We will create Flash images, rollover effects, a navigation bar and more. |
| 17 |
Dreamweaver 4 |
Our fourth session using Dreamweaver, we will cover site management techniques used by professional web developers to maintain larger scale websites, specifically Dreamweaver Library Items. We'll also learn about the reporting tools for validating, updating and verifying the pages of your website. |
| 18 |
Dreamweaver 5 |
Our final Dreamweaver session will cover Cascading Style Sheets (CSS). Styles and stylesheets are a powerful formatting alternative to HTML; they allow designers to change the formatting of content on your web page in both subtle and radical ways. In this class we will show you the basics of CSS, and how it is integrated in Dreamweaver. |
| 19 |
Lab Time |
Practice using Dreamweaver features on real web sites. We will incorporate rollover effects, perform link checks, use library items for navigation bars and stylesheets.
|
| 20 |
Flash 1 |
This program allows you to create and manipulate files that can be animated on your web page. Learn the basic menu items, palette options, timelines, and keyframes to create simple animations.
|
| 21 |
Flash 2 |
In this section we will be working with frames using Flash. |
| 22 |
Lab Time |
Practice using Flash to practice some of the new topics learned in previous evenings. |
| 23 |
Flash 3 |
ActionScript is Flash native scripting language that is primarily used for Flash movies and event handling, such as buttons. In this section we will teach you how to use ActionScript and form variables.
|
| 22 |
Lab Time |
Continue practicing some of the new topics learned in previous evenings. |
