Courses Courses Arts and Design Arts and Design Animation Graphic Arts Photography Web Design Business Business Accounting Administrative Communication Finance Marketing and Sales Operations Project Management Small Business Soft Skills Computer Applications Computer Applications Autodesk Microsoft QuickBooks Windows Computer Science Computer Science Programming Construction and Trades Construction and Trades Construction Environmental and Energy Trades Health and Fitness Health and Fitness Alternative Medicine Dental Fitness Medical Veterinary Wellness Hospitality Hospitality Hospitality Service Information Technology Information Technology Cloud Computing Networking Other Security Language Language Languages Legal Legal Legal Studies Math and Science Math and Science Mathematics and Science Teacher Professional Development Teacher Professional Development Child Development Classroom Technology Math and Science Reading and Writing Test Prep Test Prep Exam Prep Writing Writing Writing and Editing Skill Map Resources Resources About ed2go Externship Programs Financial Assistance Find a School Blog MyCAA

CONTACT US

(855) 520-6806

See all results for ""

See All Courses

ed2go Arts and Design Web Design Designing Effective Websites
Return to Web Design
web-designing-course

Designing Effective Websites

These days, creating a website is so easy almost anyone can do it. But with all the competition on the web, creating a site that's effective is more challenging than ever. Regardless of your current skills or level of knowledge, in this course you'll master the basics of web design and learn how to build sites that are better and more effective.

You'll examine the tension between form and function, explore the six major states of the website development process, and learn the basics of user-centered design. You'll also look at the five basic steps to organizing information, find out how site design themes can be used for information delivery, and review website design considerations. Along the way, you'll learn about effective type and graphics and explore the idea of Web 2.0. This course is a must for web designers, giving the tips and tools that will help them establish a solid career.

6 Weeks / 24 Course Hrs
Currently Enrolling

Offered in Partnership with your Preferred School

ed2go

Why this school? It's been chosen based on your location or if you've visited this school's website. Change School

Learning Method

Instructor-led

Confirm your Start Date in Cart

Starting July 14 | August 18
Self-Paced

No instructor. Study on your own schedule

Designing Effective Websites

Details + Objectives

Course Code: dew

What You Will Learn
  • Learn the fundamentals of effective website design
  • Discover the relationship between website design themes and information delivery
  • Explore the six major states of the website development process
  • Learn how to effectively reach an online audience and stand out from the fierce competition
How the course is taught
  • Instructor-led or self-paced online course
  • 6-12 weeks to complete
  • 24 course hours
How you will benefit
  • Learn about the elements and principles of design and how they can be applied to a number of career fields
  • Gain confidence in your ability to communicate and market to a specific audience
  • Open the door to new career opportunities
  • Gain a greater understanding of modern, forward-thinking website design

Outline

Expand All
Form Versus Function

This course is different from most web creation courses you'll find because it's not designed to teach you the mechanics of creating a web page or how to use a particular software program. Instead, it's designed to help you take your website creations to the next level by enhancing both design and functionality. You'll discover what attracts visitors to a website, and how to use design tools such as typography, Cascading Style Sheets (CSS), and multimedia to captivate visitors and keep them coming back.

Website Planning Process

Visitors are attracted by good design, but content is what keeps them at the site longer and motivates them to return. Learn how to use two tools to attract and retain visitors: design critiques and a content inventory. Explore the six major development stages that yield expert design and smart content. Then study the three parts of web design and the skills you'll need for each.

Interface Design

By now, you probably understand that an interface is the screen visitors see and use when they visit any page of your site. Designing an interface is easy. Designing an effective interface, however, is more challenging. There are four main elements that you'll need to consider to make your site user-centric: usability, visualization, functionality, and accessibility. Explore each of these elements to see the thought that goes into effective interface design.

Site Structure

Even if your basic content is accurate, attractive, and well written, your site won't function well without a solid and logical organizational foundation. Review the five basic steps involved in organizing information and four essential structures that you can use to build a website. Then learn how to create a flowchart for the pages you want to include on your site.

Site Design

Websites exist to inform, educate, persuade, or entertain. Take this opportunity to concentrate on site design themes that pay attention to information delivery. Learn how to organize elements in order to enable visitors to accomplish their own goals. Explore usability, content, and design.

Page Design

Discover how you can use visual and graphic design, page layout, and grids to take your designs to the next level. At the same time, become familiar with design considerations like visual hierarchy, page dimensions, and white space.

Typography on the Web

Typography plays a dual role by providing both verbal and visual communication. Almost any type of font will do to transmit information to others. But to convey the right type of mood along with the information takes a special type and color of font. Learn all the secrets here!

CSS and Font Embedding

Find out how you can use Cascading Style Sheets to modify fonts. Become familiar with inline, document-level, and external (linked) style sheets, and learn how to create an external CSS file to control the formatting of any or all pages on your site. You'll also take a look at some early font embedding techniques and explore two popular Flash-related options currently in use.

Writing for the Web

Before you write for the web, you should take the time to understand how people read online. Become familiar with the use of titles, headlines, and subheads to assist readers in navigating your site. Discover the advantages of using a web content management system. Learn how you can communicate more easily and informally with web visitors by adding a blog to your site.

Images, Colors, and Layers

You can use images to add interest to your site and to help with navigation. Early designers were limited graphically by HTML attributes, and later designers discovered they could use tables to place images. Today's designers also use CSS to add styles to their text and images. As fun as CSS can be, you also have to take accessibility into account so that users with older browsers or screen readers can still navigate your website.

CSS Positioning: More Layers

The combination of HTML, CSS, and JavaScript allows you to create intensely interactive web applications similar to any game or presentation built with traditional programming languages. This interaction of HTML, CSS, and JavaScript is known as Dynamic HTML or DHTML. Become familiar with the basics of DHTML, including code you can use to enhance your designs by adding layers to your pages.

Web 2.0 and Beyond

Early websites were created by a few to be read by many. Over the years, developers added interactivity to websites through discussion forums, chat rooms, and shopping carts. These features are part of what might be called "Web 1.0". Today the focus has shifted from the sponsor of the site to the visitor, and sites like Flickr and YouTube are popular. They're examples of Web 2.0 sites. Examine several popular Web 2.0 sites, and take a look ahead to Web 3.0.

View All Sections

Instructors & Support

Richard Blum

Richard Blum has been an IT industry professional for over 20 years, working mainly as a network and systems administrator. During this time, he has worked with Microsoft, Novell, Unix, and Linux servers, and has created websites using a variety of different programming languages. Blum is the author of several programming and systems administration books, including Professional Assembly Language, C# Network Programming, PostgreSQL 8 for Windows, Sendmail for Linux, Postfix, and Network Performance Open Source Toolkit.

Requirements

Requirements

Prerequisites:

Completion of Creating Web Pages (or equivalent HTML or web authoring tool experience).

Requirements:

Hardware Requirements:

  • This course can be taken on either a PC or Mac.

Software Requirements:

  • PC: Windows 8 or later.
  • Mac: OS X Snow Leopard 10.6 or later.
  • Browser: The latest version of Google Chrome or Mozilla Firefox are preferred. Microsoft Edge and Safari are also compatible.
  • An imaging program, such as Photoshop or Paint Shop Pro, is recommended (not included in enrollment).
  • A web page authoring tool, such as Adobe Dreamweaver or Microsoft Expression Web, is recommended (not included in enrollment).
  • Adobe Acrobat Reader.
  • Software must be installed and fully operational before the course begins.

Other:

  • Email capabilities and access to a personal email account.
Instructional Materials

The instructional materials required for this course are included in enrollment and will be available online.

FAQs

Expand All
When can I get started?

Instructor-Led: A new session of each course begins each month. Please refer to the session start dates for scheduling.

Self-Paced: You can start this course at any time your schedule permits.

How does it work?

Instructor-Led: Once a session starts, two lessons will be released each week, for the 6 week duration of your course. You will have access to all previously released lessons until the course ends.

Self-Paced: You have three-month access to the course. After enrolling, you can learn and complete the course at your own pace, within the allotted access period.

How long do I have to complete each lesson?

Instructor-Led: The interactive discussion area for each lesson automatically closes 2 weeks after each lesson is released, so you're encouraged to complete each lesson within two weeks of its release.

Self-Paced: There is no time limit to complete each lesson, other than completing all lessons before your three-month access expires.

What if I need an extension?

Instructor-Led: The Final Exam will be released on the same day as the last lesson. Once the Final Exam has been released, you will have 2 weeks plus 10 days to complete the Final and finish any remaining lessons in your course. No further extensions can be provided beyond these 10 days.

Self-Paced: Because this course is self-paced, no extensions will be granted after the start of your enrollment.

Browse All

Reviews