Web Design Tutorials

Завантажені відео

Introduction to Dreamweaver CS5 Tutorial

In this series you will learn how to create a basic website with Adobe Dreamweaver CS5. Topics include setting up a new site, adding pages to your site, adding text, images, tables and links to your pages, using table based and CSS layouts and a quick tips tour of the special features and time saving tools in Dreamweaver CS5.

Support the channel and download my Framework and Project Templates at http://www.timothywebdesign.com

Introduction to Expression Web 4 Tutorials

In this series you will learn to use Microsoft Expression Web to create a clean and professional looking website ideal for a small business or personal project or for an individual looking to learn the basics of web design.

You can download the framework used to create this project, the completed project and images and see other video series about web design on my website. Go to http://www.timothytraining.net and select"The Timothy Framework" download from the link to the right side of the web site. You will also see a link to download the SEO Guide for Small Business

PHP Introduction

In this course you will learn the fundamentals of using PHP to develop web pages and applications

JavaScript Introduction Tutorials

This video series will cover the basics of JavaScript and provide the foundation you need to create your own simple JavaScripts and begin to learn about using JavaScript libraries such as JQuery and Prototype, and finally prepare you to begin to learn about using AJAX techniques on your webpage.

Download the handouts and exercise files at http://www.timothywebdesign.com

For these videos I will be using Adobe Dreamweaver CS5 however you can use any code editor to complete this course. You can get a free 30 day trial of Adobe Dreamweaver at www.adobe.com or download a great free code editor called Notepad++ to complete the course

Support the channel and download my Framework and Project Templates at http://www.timothywebdesign.com/los-angles-web-design-tutori­als.htm

How To Publish Your Website To The Internet

How To Publish a website to the internet

CSS Tutorial with Dreamweaver CS5

A course on writing CSS in Adobe Dreamweaver CS5. Topics include different types of CSS selectors, text CSS properties, understanding the CSS Box model, formatting images with CSS and the basics of CSS absolute and relative positioning and floating elements.

Support the channel and download my Framework and Project Templates at http://www.timothywebdesign.com/los-angles-web-design-tutori­als.htm

HTML Tutorial with Dreamweaver CS5

Learn the fundamentals of writing clean semantic HTML using the Dreamweaver CS5 code editor. Topics will include basic HTML document structure, HTML structural tags such as DIV and SPAN and the table tags, semantic tags such has h1, p and li.

This course will prepare you to create clean semantic HTML documents ready to be styled with CSS.

Support the channel and download my Framework and Project Templates at http://www.timothywebdesign.com/los-angles-web-design-tutori­als.htm

Introduction to Adobe Fireworks CS5

In this video series you will learn to use the basic tools in Adobe Fireworks CS5 to create simple web graphics. The next series will discuss how to use these tools to create web layouts

Dreamweaver Project 1 - Coyote Landscaping

Using the skills taught in other videos, you will see a website created from beginning to end. In this video series we will create a simple professional four page website for a fictional company called "Coyote Landscaping".

The design will be a one column layout with a top navigation bar. The lessons are designed to show practical application of skills you developed in other videos. Make sure you refer to the other videos for a more complete explanation of that part of the design.

In the first part of the series you will examine the finished website and the structure used to create it.

In the second part, you will create the HTML structure for the site and add some filler content.

In the third part of the series, we will create the CSS to format and position the design and content.

In the fourth part of the series, we will create a template from our finished design and use that template to create the individual pages of our site.

In the final part of the series we will create and format the contact information form.

Support the channel and download my Framework and Project Templates at http://www.timothywebdesign.com/los-angles-web-design-tutori­als.htm

Dreamweaver Project 2 - OurTown Country Market

This Adobe Dreamweaver Tutorial will take you through the process from beginning to end of creating a professional and easy to maintain website.

If you wish to download the completed project and the framework and resources I use to create this site, please visit http://www.timothyframework.com

Dreamweaver Project 3 - Somewhere Coffee Shop

See a website for a small business created from beginning to end. Videos will cover creating the HTML structure and a CSS layout. We will also create a CSS navigation menu with rollover images. Project will use Adobe Dreamweaver CS5.

Support the channel and download my Framework and Project Templates at http://www.timothywebdesign.com/los-angles-web-design-tutori­als.htm

Dreamweaver Project 4 - Kellerson Consulting

In this video series you will see how to create a simple professional small business general website with a three column CSS layout.

Support the channel and download my Framework and Project Templates at http://www.timothywebdesign.com/los-angles-web-design-tutori­als.htm

Creating Table Based Layouts in Dreamweaver CS5

Learn to create a simple table based website layout with Adobe Dreamweaver CS5

Dreamweaver CS5 Tips and Tricks

Miscellaneous videos showing tips and tricks for using Adobe Dreamweaver CS5 more effectively

Creating Table and CSS Layouts In Dreamweaver

In this series we discuss the properties of tables, how to create fixed width table based layouts, fluid layouts and how to combine fluid layouts with fixed content containing tables. We will also look at creating layouts with DIVs and using CSS to style and position them.

Support the channel and download my Framework and Project Templates at http://www.timothywebdesign.com/los-angles-web-design-tutori­als.htm

Formatting Data Tables with CSS

In this video series you will see how to structure data tables and style them with CSS

CSS Navigation Menus

Using CSS to format and position navigation elements on your page. Examples use Adobe Dreamweaver CS5.

Working with HTML5 and CSS3

Tutorials on using HTML5 with Dreamweaver CS5. You will need to install the Dreamweaver CS5 HTML5 extension from Adobe.com to work along with these examples. Topics include understanding the new HTML5 semantic structural elements, the Canvas tag, and the audio and video tags. Learn about CSS3 tips and tricks with Dreamweaver CS5. Topics include usiing CSS3 rounded corners on callout boxes and menus.

CSS Menu with Rollover Images and Current Page Marker

In this series you will see how to create a pure CSS Horizontal navigation menu with rollover images. The menu will have three states to it - The "off" state, "hover" state and a "current" state to indiciate the current page. Parts 1-5 covers creating the menu in Adobe Dreamweaver CS5 and Parts 6-8 show how to create the images in Adobe Fireworks CS5.