Online Web Page Designer Course

Why Penn Foster?

  • Accredited
  • Self-Paced
  • Supportive
  • Low monthly payments

Program Overview

Realize your creative potential as a Web Page Designer with Penn Foster’s Career Diploma Program. Learn how to design eye-catching web pages for yourself and for others. With Penn Foster, you train at home and at a pace that's right for you, and you can complete this program in as little as four months! Did you know that jobs for web developers are expected to increase 20% in coming years, and the average salary is $62,500?¹

You’ll learn how to create websites using Adobe® Dreamweaver® software, included with your program. You’ll also learn about Internet security, how to set up an Internet business, Internet programming, and how to get your web pages onto web servers.

Curriculum Details

Unit 1

Starting Your Program

Succeed by learning how to use your Penn Foster program.


  • Understand how to use your Student Portal, including your My Homepage and My Courses pages.
  • Access the Penn Foster Community and use it to find answers.
  • Connect with Penn Foster on various social media sites.
Technology and Society

This lesson discusses the impact of technology on business and society. 


  • Understand the impact of technology on business and the economy.
  • Study social implications of technology, its benefits and its trends.
  • Review technology careers and what skill sets they require.

Unit 2

Internet Basics

In this lesson, you’ll learn about the vast world of information that exists on the Internet. 


  • Use search engines and email.
  • Identify the best Internet providers and services for your needs.
  • Upload and download files from the Internet.

Unit 3

Managing and Supporting Windows®

This lesson is packed with information about the Windows® operating system and shows you how you can make the program work for you. 


  • Customize the start menu.
  • Create shortcuts.
  • Customize Windows® schemes, themes, and options.
  • Maintain your computer with system tools.
Advanced Windows®

In this lesson, you’ll learn higher-level concepts about Windows.®


  • Set system settings.
  • Configure hardware.
  • Use system tools.
  • Understand system properties.
  • Troubleshoot printing, internet, display, and memory problems.
Practical Exercise: Troubleshooting Windows®

Inevitably, something will go awry with computers, so you’ll need to be ready to fix problems with Windows.® In this practical exercise, you'll complete five activities that will guide you through some of the most common problems you’ll encounter.

Unit 4

Essential Web Publishing Skills

You’ll want your web designs to be eye-catching, but you’ll also want them to be error-free. 


  • Understand elements of a well-written document.
  • Edit and proofread copy.
  • Apply different editorial style and editing guidelines and procedures.
  • Learn tips to improve your keyboarding skills.
Elements of Design

Even before you turn your computer on to begin your design, you’ll need to plan and take preliminary steps.


  • Plan your designs taking into consideration the subject, audience, illustrations, charts, graphs, type, page elements, spacing, style, and publishing.
Computer Graphics

Graphics are a vital part of web design.


  • Learn computer graphics formats.
  • Apply appropriate graphics (illustrations, photographs, animation, video capture).
  • Understand electronic publishing process, and multimedia production.
Cascading Style Sheets

Style sheets will save you time in web development.


  • Identify the types of style sheets, their functionality, and cross-browser techniques related to cascading style sheets.

Unit 5

HTML Fundamentals

HTML is a source code web developers use to organize information on web pages. HTML tells the web browser how web pages should look. 


  • Use HTML tags.
  • Create hyperlinks.
  • Select appropriate colors to use on web pages.
  • Create graphics on the web.
Introduction to Web Page Design

Much goes into designing web pages. This lesson will guide you through the design process.


  • Describe the web page planning process and design elements.
  • Select an editor.
  • Program a web page.
Practical Exercise: Web Page Fundamentals

In this practical exercise, you'll apply your knowledge of HTML and web pages to real-life examples. You'll design a web page using HTML code and research websites to find out what works.

Additional Unit Material

Textbook: HTML Basics

Unit 6

Using Dreamweaver,® Part 1

This lesson is the first part of a two-part tutorial on Dreamweaver.®


  • Use the visual authoring tool, Dreamweaver® software, to design and develop web sites.
  • Use coding tools and features that allow you to edit coding like HTML, XML, XHTML.
  • Publish your website.
Additional Unit Materials

Software and Textbook: Adobe® Dreamweaver®

Unit 7

Using Dreamweaver,® Part 2

This lesson is the second part of a two-part tutorial on Dreamweaver.®


  • Use Dreamweaver® Help and Accessibility.
  • Publish to a remote site.
Graded Projects: Using Dreamweaver®

Use your new skills to complete real-life projects. Create a small business gallery portrait web site, an animal web site, and a café web site.

Unit 8

Internet Security

The Internet is a vast and open network accessed by legitimate users as well as destructive intentions.


  • Learn about Internet and personal security.
  • Understand network and enterprise security.

In this lesson, you'll learn how to set up an Internet business.


  • Design a web site for an Internet business.
  • Learn about the business of online selling.
  • Understand the inventory, equipment, and software needed to start an online business.
  • Design a virtual storefront.
  • Process sales and associated payments.
Introduction to Internet Programming

In addition to web design, programming plays a big part in developing web pages.


  • Identify the types of web pages that could be designed, servers and operating systems, programming languages, browser plug-ins, and web site development applications.
Uploading Web Pages

Part of your responsibility will be to get your web pages onto web servers.


  • Learn the principles of file transfer protocol, file types, Internet connections, and file-transfer speed.
Graded Project: Security and E-Commerce Project

Hone your research skills so you can keep up with the changing trends on the Internet. Keep a portfolio of web terms, Internet server providers (ISPs), and e-commerce sites and how these sites work.

Unit 9

Graded Final Project: Student Campus Resources Web Site

Use all the skills you learned in the program to design a dynamic web site. Write text, choose and add graphics, add pages, and publish the web site.

You will need high-speed internet access to begin your program. You will need access to a Microsoft® Windows® based computer running Windows® 7 or later or an Apple® Mac® computer running OS X® or later, and an email account to complete your program with Penn Foster.

We reserve the right to change program content and materials when it becomes necessary.
Microsoft and Windows are trademarks of Microsoft Corporation registered in the United States of America and/or other jurisdictions.
Apple, Mac, and OS X are trademarks of Apple, Inc registered in the United States of America and/or other jurisdictions.
Adobe and Dreamweaver are registered trademarks of Adobe Systems Incorporated in the United States and/or other countries.

Sample Lesson

To view a Web Page Designer sample lesson, click here.

Web Page Designer Program Details

Penn Foster will help you gain the knowledge and skills you need:

  • Essential web publishing skills
  • Elements of design
  • HTML fundamentals
  • Adobe® Dreamweaver® software
  • Security and e-commerce

¹ Bureau of Labor Statistics, U.S. Department of Labor, "Occupational Outlook Handbook," 2014-15 Edition, Web Developers, on the Internet here.

Web page designers create websites using software like Dreamweaver.® Here are a few qualities that effective web page designers have in common:

  • Creative: When it comes to web design, you often have to think outside of the box.
  • Flexible: Projects may require compromise and different approaches for different clients.
  • Innovative: Design issues will require creativity and unique problem solving.
  • Dependable: Clients and employers rely on you to get the job done.

My overall experience with Penn Foster was great. You are allowed to go at your own speed, and the school gives encouragement to keep you going. I would recommend Penn Foster.

- James R., Penn Foster Graduate

I am so happy that I made a career change with the help of Penn Foster. Penn Foster makes it easy, and they are always supportive and encouraging to you. Whenever I had a question, I just gave my instructors a call, and they were very helpful and easy to talk with. The online testing made it convenient, and my shipments always arrived right on time.

- Christina R., Penn Foster Graduate

I would like to say that enrolling with Penn Foster Career School was the best choice that I ever made. I would recommend Penn Foster. I just have to say 'Thank You' to Penn Foster for achieving my goal.

- Francisco C., Penn Foster Graduate

Penn Foster is a great school with amazing people who always help and work with you through ANY situation. I experienced a fire in my home, and Penn Foster was there for me to cope through the situation. Thank you, and I will be doing another program soon.

- Claudia D., Penn Foster Graduate

We make sure you have everything you need:

  • Graduate debt free with 0% interest
  • Books and learning aids, including Adobe® Dreamweaver® software
  • Study Planner App to customize your study plans and keep track of your progress
  • Instructional support from our world-class faculty
  • Access 24/7 to Penn Foster’s online campus, plus immediate membership in the Web Page Designer academic group
  • Your personalized online student homepage and learning portal
  • Additional resources such as our online library and career guidance from Career Cruising

Does Penn Foster provide any necessary software with its Web Page Designer Career Diploma Program?

Yes, students will receive Adobe® Dreamweaver® software with the program.

More FAQs >

Find us on Google+