Watch trailer
Course at a glance
| Release date | 4/3/2015 | |
| Level | Beginner | |
| Runtime | 1h 8m | |
| Closed captioning | N/A | |
| Transcript | N/A | |
| eBooks / courseware | Included | |
| Hands-on labs | N/A | |
| Sample code | Included | |
| Exams | N/A |
Course description
Master Web Design in this five part learning series, 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. 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.
Prerequisites
This course assumes some familiarity with HTML and CSS. This course is part of 5 courses; Web Design: Design and Tools; Web Design: HTML Intro and Web Images; Web Design: CSS and Layouts; Web Design: Advanced Layout and Web Design Essentials: JavaScript and jQuery. Please be sure to view the courses in order if you are new to the material.
Meet the expert
Our Creative Design courses are presented by experts from Wiley Publishing. Wiley is a global provider of knowledge and knowledge-enabled services that improve outcomes in areas of research, professional practice, and education. They are the publisher of award-winning journals, encyclopedias, books, and online products and services.
Course outline
Design and Tools
What is Web Design (19:44)
- Introduction (00:10)
- Defining User Experience (01:27)
- Web Designer Responsibility (00:43)
- Roles (01:10)
- Characteristics of the Web (01:40)
- The Role of User Experience (01:35)
- Stages of the Planning Process (00:19)
- Research Stage (00:58)
- Information Architecture (00:41)
- Defining Navigation (00:25)
- Visual Design Process (00:57)
- Wireframes (00:44)
- Mockup (00:21)
- Prototype (00:21)
- Why? (01:42)
- How to create Wireframes (00:35)
- Fireworks (01:07)
- Software for Mockups (00:22)
- Software for Prototypes (00:40)
- Microsoft Sketchflow (03:28)
- Summary (00:10)
How Web Pages Work (20:13)
- Introduction (00:10)
- How Web Pages Work (02:05)
- Domain names and hosting (00:47)
- Web Hosting (01:26)
- The role of the web browser (00:48)
- Fundamentals of web standards (00:45)
- Benefits of web standards (00:33)
- W3.org (00:17)
- Designing for the Web (00:35)
- Identifying target audience (01:29)
- Designing for screens (00:30)
- Statowl.com (00:36)
- Content Strategy (01:48)
- Good Design Better Experience (00:28)
- Higher Usability (00:54)
- Styles (03:21)
- JavaScript Interactivity (01:37)
- HTML Structure (00:25)
- CSS Style (00:29)
- JavaScript Interactivity Slide (00:52)
- Summary (00:10)
Text and WYSIWYG Design (17:21)
- Introduction (00:10)
- Text versus WYSIWYG (02:14)
- TextMate (04:18)
- Design Surface (00:59)
- WYSIWYG Editor (03:08)
- Dreamweaver CS5 (02:17)
- Site Setup Features (00:55)
- Site Folder (03:06)
- Summary (00:10)
Expression and Browser Tools (10:44)
- Introduction (00:10)
- Expression Web (04:14)
- Fire Bug (04:33)
- Chrome Tools (00:39)
- IE Tools (00:57)
- Summary (00:10)