CIW

IST267 Web Development Tools

(OCC-IST267.ACJ1) / ISBN : 978-1-64459-772-9
Lessons
Lab
TestPrep
AI Tutor (Add-on)
Get A Free Trial

Skills You’ll Get

Download Course Outline

1

Introduction to User Interface Design

  • What Is User Interface Design?
  • Evolution of Web User Interfaces
  • Current Trends in Web Design
  • Web Design Team Roles and Responsibilities
  • Web Design Project Management
  • Collaborative Web Design
  • Creating a Web Design Portfolio
  • Creating a Plan for a Web-Based Business Project
  • Lesson Summary
  • Optional Lab
2

User Interface Design Process

  • Choosing a Web Design Methodology
  • Creating a Web Site Vision Statement
  • Creating and Implementing a Web Site Strategy
  • Creating a Web Site Specification
  • Publishing a Web Site
  • Choosing a Web Site Host
  • Securing a Web Site
  • Creating Ethical and Legal Web Sites
  • Creating a Mind Map
  • Using Metaphors
  • Creating Word Lists and Mood Boards
  • Creating a Site Map
  • Lesson Summary
  • Optional Lab
3

User-Centered Web Design

  • User-Centered Web Design
  • The Cognitive Psychology of Web Design
  • Personas and Usability
  • Accessibility
  • Lesson Summary
  • Optional Lab
4

User Interface Design Principles and Legal Guidelines

  • Web UI Design Principles
  • Visual Design Principles
  • Branding
  • Legal Issues Impacting Web Design
  • Lesson Summary
  • Optional Lab
5

Color, Typography, Layout and Wireframing

  • Color
  • Typography
  • Layout
  • Wireframes and Mockups
  • Responsive Web Design
  • Lesson Summary
6

Designing a Basic Web Site

  • Creating a Web Site
  • Part 1: Creating One Site Page
  • Part 2: Creating the Remaining Site Pages
  • Spell- and Grammar-Check the Site
  • Lesson Summary
  • Optional Lab
7

Navigation Concepts

  • Why is Web Site Navigation So Important?
  • Site Structure, Directory Structure and URLs
  • Positional Awareness
  • Primary and Secondary Navigation
  • Navigation Elements
  • Navigation Conventions and Principles
  • Creating a Navigation System
  • Lesson Summary
  • Optional Lab
8

Designing and Developing a Professional Web Site

  • Why is Prototyping So Important?
  • User-Centered Web Design
  • User Interface Design Patterns
  • Optimizing the look and feel of a Web site
  • Focus on Web Forms
  • GET and POST
  • Constructing a Professional Web Site
  • Web Framework
  • User Interface Libraries
  • Web Content Management Systems
  • Additional Web Development Tools
  • Web Hosting Services and Domain Names
  • Lesson Summary
  • Optional Lab
9

Site Publishing, Maintenance, Security, and SEO Strategies

  • Making Sure a Web Site is Ready to be Published
  • Maintaining a Web Site
  • Search Engine Optimization (SEO)
  • SEO and Written Site Content
  • SEO and Mobile-Friendliness
  • SEO and Metadata
  • Lesson Summary
  • Optional Lab
10

Introducing Blocks

  • A new way of creating
  • What are design tools?
  • Key concepts
  • Summary
  • Further reading
11

Block Design Tools

  • Stepping into design tools
  • Leveling up design tools
  • Summary
12

Block Styles

  • What is a block style?
  • Adding a block style from a theme
  • Removing a default block style
  • Approaches to creating a block style
  • Summary
  • Further reading
13

Blocks and Styles Wrap-Up

  • Unleashing creativity – combining design tools
  • Design tools are evolving
  • Tips and tricks
  • Summary
14

Understanding Block Patterns

  • What is a block pattern?
  • The power of block patterns
  • Summary
15

Discovering and Creating Block Patterns

  • Creating your own patterns
  • Summary
  • Further reading
16

Discovering the WordPress Pattern Directory

  • What is the WordPress Pattern Directory?
  • Finding and using a pattern
  • Adding your own pattern
  • Summary
  • Further reading
17

Wrapping Up Patterns

  • Let’s get creative – inspiring patterns
  • Finding inspiration
  • Combining beyond core blocks
  • Summary
18

An Introduction to Site Editing

  • What is site editing?
  • Exploring template parts and templates
  • A quick guide to the interface
  • Site blocks
  • Design tools in site editing
  • Summary
19

Discovering and Creating Template Parts

  • Creating a template part
  • Summary
  • Reference
20

Discovering and Creating Templates

  • Managing templates
  • Summary
21

Templates Wrap-Up

  • The possibilities of templates
  • Setting a front page
  • Getting inspiration
  • Summary
22

Understanding How Themes Have Changed

  • A brief history of themes
  • Summary
23

Discovering Styles

  • What are Styles?
  • A walkthrough of the Styles interface
  • Style variations
  • Discovering the Style Book
  • Summary
24

Discovering WordPress Block Themes

  • What is a block theme?
  • Where can you find block themes?
  • Summary
25

Wrapping Up Themes

  • How block themes spark inspiration
  • Summary

Related Courses

All Courses