Video description
Master Web Design on your terms with this one-of-a-kind video training course Web design requires knowledge of multiple software tools and coding languages, like Dreamweaver, Flash, Silverlight, Illustrator, Photoshop, HTML, and CSS, among others to craft truly unique, robust, and interactive websites that work across a variety of platforms. Now, you can learn the ins and outs of web design - from a working knowledge of popular design tools to bringing your vision online- with Web Design. Our instructors provide expert, straight-forward, user-friendly training to help you tackle new topics the way you want to learn. Master basic skills, boost your creativity, and challenge yourself in bold new directions. Delve into the basics of good web design and get familiar with the most common web development tools Conceptualize your site, outline its key features, and implement your design concepts Incorporate user experience and solid interface design techniques into your site design to create a website that is both functional and attractive Includes over 6 hours of Web Design video training. If you're looking for real-world Web Design instruction, you'll find it here.
Table of Contents
Web Design: First Steps
Defining User Experience
00:09:59
Wireframes, Mockups and Prototypes
00:09:22
Fundamentals of the Web
Website Basics
00:13:04
Separating Style, Structure and Interactivity
00:06:46
Web Design Tools
Text Editors versus WYSIWYG Applications
00:10:39
Creating a Site in Dreamweaver CS 5.5
00:06:19
Creating a Site in Expression Web
00:04:12
Working with Web Browser Development Tools
00:06:09
Fundamentals of HTML, XHTML and CSS
An Introduction to HTML Markup
00:06:10
Validating your Web Pages
00:06:57
Adding Links and Images
00:06:59
Styling a Heading with CSS
00:06:27
Using a CSS Class
00:05:53
Creating an External Style Sheet
00:06:59
Working with Web Graphics
Resize an Image for the Web
00:07:17
Optimize a JPEG Image in Photoshop
00:10:38
Create a Transparency Effect with a JPEG Image
00:04:45
Optimize a GIF Image in Photoshop
00:11:23
Create an Animated GIF in Photoshop
00:08:49
Optimize a PNG Image in Photoshop
00:07:33
Creating a Web Button in Photoshop
00:10:04
Working with Slices
00:10:34
Formatting Text With CSS
The Basics of Styling Text with CSS
00:05:49
Sizing Text with CSS
00:08:18
Adding Space Between Text with Margins
00:05:48
Working with Line-Height and Other Text Styles
00:07:17
Working With Lists
00:08:19
Styling HTML Lists
00:10:53
Introduction to CSS Layout
Working with a CSS Reset File
00:07:38
Working with the HTML div Element
00:10:06
Understanding the Float Property
00:08:44
Creating Columns with the Float Property
00:05:27
Working with the Clear Property
00:06:08
Creating a List-based Navigation Bar
00:08:01
Controlling Column Layouts with Padding
00:07:21
Controlling Column Layouts with Margins
00:10:55
Styling a Footer with CSS
00:06:45
Advanced Layout
Creating Basic Layout Styles
00:06:16
Working with CSS Background Images
00:07:23
Solving Common Layout Problems
00:09:23
Creating an Enhanced CSS Navigation Bar
00:12:48
Using Absolute Positioning for Precise Layout
00:08:55
Browser Compatibility
Browser Testing Fundamentals
00:13:02
Tools for Browser Testing
00:09:46
Introduction to JavaScript and jQuery
JavaScript Basics
00:11:54
JavaScript Events
00:04:28
The Document Object Model and JavaScript Frameworks
00:07:32
Hiding an Element with jQuery
00:07:43
Adding the jQuery Show Effect
00:08:32
Mobile Design with Media Queries
Using Media Queries to Deliver Page Layouts to Different Size Screens
00:08:50
Creating a Single-Column Layout for a Smartphone
00:10:41