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 Career Online High School Career Online High School Online High School Diploma 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 Computer Science Programming Advanced Web Pages
Return to Programming
web-html-code

Advanced Web Pages

Take your web design skills to the next level! Whether you want to work as a freelance web designer, join a Web development team, or build websites for your organization, this course will give you the advanced tools you need.

In this course, you will learn to write HTML code for page content and CSS code for page styling. You'll learn the latest versions of the languages used to create modern websites. With the help of step-by-step instructions, you'll build interactive websites that collect information from visitors through email signup and feedback forms. In addition, you'll learn the latest and most effective techniques for presenting layouts and video that work in any browsing environment. Along the way, you'll explore aesthetics, color scheming, and accessibility in web page design.

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 December 11 | January 15

Advanced Web Pages

Details + Objectives

Course Code: wb4

What You Will Learn
  • Learn how to design web pages that are optimized and compatible with any browser and device
  • Discover the advanced tools you need to create modern websites that are both professional and attractive
  • Learn how to use HTML5 for content and CSS3 for style so your pages will appeal to visitors
  • Examine how interactivity, animation, and accessibility can transform your web page design
How the course is taught
  • Instructor-led course
  • 6 weeks in duration
  • Courses begin each month
  • 2 lessons released each week
  • 24 course hours
How you will benefit
  • Master cutting-edge techniques that take full advantage of HTML5 and CSS3
  • Gain confidence in your ability to design attractive web pages that appeal to an audience
  • Open the door to new career opportunities through your highly-applicable skills in modern web page design

Outline

Expand All
What Is Advanced Web Design?

If you want to take your Web pages from okay to "wow," it's time to move up to Web 2.0. In this lesson, you'll explore the core elements of advanced Web design: interaction, animation, and page design that's flexible and accessible to visitors on any device.

Creating Your First CSS Style Sheet

Today, you'll enter the world of advanced Web design by building your first CSS style sheet. When you're done, you'll link this style sheet to an HTML page and discover how you can instantly make changes to that page—or even to a thousand pages at the same time. In addition, you'll explore some key elements of Web page design.

Formatting Your Text

Your website text isn't just a collection of words—it's also a design element that can tell your visitors what you're all about! In this lesson, you'll find out how to specify the appearance of your text using your CSS style sheet. You'll learn about setting your font size, color, line spacing, alignment, background, borders, margins, and padding.

Designing and Formatting Links

Links are a key part of any web page, and there's more to designing them than you might think. In this lesson, you'll learn how to create links that suit the purpose of your site, the technological sophistication of your audience, and the image you want to portray. In addition, you'll analyze a controversial question when it comes to link design: to underline, or not to underline?

Formatting Selected Text and Creating Content Boxes

Today, you'll expand your horizons by learning how to format selected page content. After that, you'll take a big step into advanced design by discovering how to use class styles to design content boxes. In the process, you'll learn all about two powerful Web design tools: div tags and span tags.

Creating Containers, Headers, and Footers

Each web page is unique, but three elements are almost universal: a container, a header, and a footer. In this lesson, you'll build these three elements by combining a new tool—ID styles—with div tags. In addition, you'll find out how to embed div tags within containers.

Adding Columns and Interactivity

Today, you'll take your layout to a new level by adding columns to your web page. You'll discover how to place multiple columns on a page, how to pad your columns, and how to create an attractive column layout that's easy to read. In addition, you'll make your columns interactive!

Making Your Pages Look Great on Any Device

Do you use a mobile device to browse the Web? More and more people do—and to keep them happy, you'll need to provide mobile-friendly content. But how can you do that, and still design a page that works on a big screen? Today, you'll find out how to create web pages that look different, but still great, on both full-sized monitors and mobile devices.

Designing With HTML5

Web designers always need to be thinking about the future—and that future will include HTML5. In this lesson, you'll learn all about the advantages of this versatile markup language, and you'll add HTML5 elements to your own Web page. In addition, you'll find out which environments currently support HTML5 and which ones don't.

Embedding Video in Your Web Pages

A great video can increase your website traffic, sell your products, or even make you a superstar. But here's the big issue you'll face as a Web designer: Not all video formats work with all browsers. In this lesson, you'll learn how to overcome that problem as you master simple tricks for embedding videos that will play in any browsing environment.

Creating Forms

What do you need to know about your website's visitors—their names, their email addresses, or maybe even how they rate your site? Today, you'll find out how to collect information like this (and much more) by adding forms to your pages. In these chapters, you'll build your own form, add form fields, and define where your collected data will go.

Uploading and Fine-Tuning Your Pages

You've mastered it all—interactivity, animation, and accessibility—and you're ready to call yourself an advanced Web designer. Now it's time to take the next step and reveal your site to the world. Today, you'll learn how to upload your site to the Web and how to check your spelling, links, accessibility, and browser compatibility. And here's the great news: You'll do it all for free!

View All Sections

Instructors & Support

David Karlins

David Karlins is the bestselling author of more than a dozen books on web design, including "HTML5 for CSS3 for Dummies." His articles have appeared in publications ranging from Macworld to Business Week. He has taught web, graphic, and interactive design at San Francisco State University and in the Extension program at University of California, Berkeley.

Requirements

Requirements

Prerequisites:

There are no prerequisites to take this course.

Requirements:

Hardware Requirements:

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

Software Requirements:

  • PC: Windows XP 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.
  • A code editor.
  • Adobe Flash Player. Click here to download the Flash Player.
  • Adobe Acrobat Reader. Click here to download the 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?

A new session of each course opens each month, allowing you to enroll whenever your busy schedule permits.

How does it work?

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

How long do I have to complete each lesson?

The interactive discussion area for each lesson automatically closes two weeks after each lesson is released, so you’re encouraged to complete each lesson within two weeks of its release.

What if I need an extension?

The final exam will be released on the same day as the last lesson. Once the final exam has been released, you will have two weeks plus 10 days (24 days total) to complete the final and finish any remaining lessons in your course. No further extensions can be provided beyond these 10 days.

Browse All

Reviews