| 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 |
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.
|
| 5 |
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.
|
| 6 |
Web Graphics with Fireworks |
Fireworks is a web design drawing tool similar to, but simpler than, 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 and images for use on the web.
In this evening you'll be introduced to basic features of Fireworks, including tools, palettes, and
menus. We'll learn how to create new images as well as how to optimize them for the web.
|
| 7 |
Web Graphics 2 |
Continuing where the previous evening left off, the focus of this section will be how to draw images, vector text, and more advanced web components in Fireworks.
|
| 8 |
Cascading Style Sheets (CSS) |
In this section students will learn the syntax of CSS, a language used to implement subtle formatting effects for the text on your web page. We cover some of the more popular of the myriad of potential CSS formatting effects.
|
| 9 |
CSS 2 |
Students learn the differences between inline, internal, and external stylesheets. Using external stylesheets, students learn how to implement a consistent style across an entire web site. |
| 10 |
CSS 3 |
Students delve into some of the more poular uses of CSS, including effects with coloring links, formatting images, creating dynamic mouse-over borders, and more. Part of the training is devoted to the "box model" concept applied by CSS to elements on the web page. |
| 11 |
CSS 4 |
Continuing where the previous evening left off, students use CSS to create a simple web page layout, without the use of tables. Browser differences are addressed and best practices are discussed.
|
| 12 |
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 and CSS 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.
|
| 13 |
Dreamweaver 2 |
Continuing from the first evening, we teach you how to upload your web pages to a server and discuss some of the related issues.
|
| 14 |
Dreamweaver 3 |
Continuing with the many features of Dreamweaver, we work extensively with tables for page layout and design. We'll also discuss hyperlinks - both within the website and to other websites. |
| 15 |
Dreanweaver 4 |
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 5 |
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 6 |
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 7 |
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 |
Dreamweaver 8 |
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 |
Cool Web Design Tools |
In this part of the course we review some of the best online and offline tools for improving your web site: form-submission services, color scheme development services, button and menu creators, and more.
|
| 21 |
SEO 1 |
An important part of web design is ensuring that your web site can be easily understood by a search engine so that it has the best chance of ranking highly. In this part of the program we review how search engine algorithms work and how to target your web site's pages to the right key phrases people might use to search for your product or service. |
| 22 |
SEO 2 |
Once you've determined the right search phrases to target, you need to write your HTML in such a way that Google and other search engines can easily identify the correct theme of each page. We show you how to do this using HTML tags, breadcrumbs, and your site's file and folder structures. |
| 23 |
SEO 3 |
The trickier part of SEO is getting your site to rank well given competitors that have also optimized their web site. A large part of this is getting other web sites to link to yours. We show you techniques for accomplishing this.
|
| 24 |
Presentations and Critiques of Student Web Sites |
The final evening of the class we ask students to present the web sites they've created and students critique them. |
