Web Design Professional

Are you a creative person? Do you envision an idea and then wish you could bring it to life? Web design may be the perfect field for you.

Every good business needs to present the best image to an audience. In the fast-paced world of web design, you can help companies and organizations present their best images using a mix of modern technology and the proper design principles. Using these tools, you may be the one to convey your client’s or employer’s message to the public.

In this course, you will learn the technology, philosophy, and proper rules to bring web creativity to life. You will also gain practical skills in the art of planning and managing the development of a web project.

Objective

In this program, learn the following:

  • Basic Web development
  • The difference between HTML and XHTML
  • CSS syntax
  • JavaScript syntax
  • Differences between HTML5 and HTML 4
  • HTML5: new elements and attributes
  • Basic color theory principles
  • Considerations for print and web
  • Rules of typography and when how professionals break the rules
  • Photoshop workspace and work images
  • Section 508 compliance considerations
  • Phases of the design process
  • Browser support for CSS 

You will be able to complete the following tasks:

  • Organize CSS code
  • Create stunning visual effects with dynamic HTML
  • Define project scope
  • Modify content on the fly
  • Work with audio and video in HTML5
  • Position elements dynamically
  • Create mockups and work with data
  • Make type flow
  • Create a color palette for your project
  • Define a site in Dreamweaver
  • Load and control Animate Content
  • Work with Sound and Video in Animate CC 
  • Build a style guide for your project 

Details 

Are you looking for a career that stimulates your logical and creative sides in a fast-paced, ever-changing industry? A career in web design may be what you are looking for.

You will start with the basics of HTML, CSS, and JavaScript and advance to HTML5 to learn the technologies that drive the functionality of websites. You will then learn about color theory and typography and develop a strong foundation in building client relationships and organizing their projects. In the last part of the course, you will learn the tools of the trade: Adobe Photoshop, Dreamweaver, and Animate.

Every great site needs more than functionality. It needs a fresh, unique look, a tone to convey the company or organization’s products, services, and message. With the skills you learn in this program, you can do just that.

When you register you receive twelve (12) months to complete this program

  • Registration + Fees

    Begins: Open enrollment | REGISTER

    Course: OWXX800.02

    Tuition: $3,695 | Prospective students of this program may be eligible for full or partial federal tuition assistance under the Workforce Innovation and Opportunity Act.

  • Outline

    I. Introduction to HTML
             A. A Quick Overview of Web Development
             B. Introduction to HTML
             C. Paragraphs, Headings and Text
             D. HTML Links
             E. HTML Images
             F. HTML Lists
             G. HTML Tables
             H. HTML Forms
    II. Introduction to CSS
             A. Crash Course in CSS
             B. CSS Fonts
             C. CSS Text
             D. Colors and Backgrounds
             E. Custom Cursors
             F. CSS and Links
             G. Borders, Margins and Padding
             H. Styling Tables with CSS
             I. Transforms and Transitions
    III. Advanced CSS
             A. Positioning and Visibility
             B. Advanced CSS Page Layout
             C. Media Queries
             D. CSS Shorthand Properties
             E. CSS Lists as Hierarchical Navigation
             F. CSS Background Tricks
             G. Laying out and Styling Forms with CSS
             H. CSS Best Practices
             I. Browser-compatibility Issues
    IV. Introduction to JavaScript
             A. JavaScript Basics
             B. Variables, Arrays and Operators
             C. JavaScript Functions
             D. Built-In JavaScript Objects
             E. Conditionals and Loops
             F. JavaScript Form Validation
             G. Images, Windows and Timers
             H. Navigator, History, and Location Objects
    V. Advanced JavaScript
             A. Quick JavaScript Recap
             B. Advanced Techniques
             C. Regular Expressions
             D. The HTML Document Object Model
             E. Dynamic Forms
             F. Dynamic HTML
    VI. Introduction to HTML5
             A. Laying out a Page with HTML5
             B. HTML5 - How We Got Here
             C. Sections and Articles
             D. HTML5 Audio and Video
             E. HTML5 Forms
             F. HTML5 Web Storage
             G. HTML5 Canvas
             H. Integrated APIs
    VII. Color Theory
             A. Terminology
             B. Building an Efficient Color Theme
             C. Color Theory Principles
             D. Color Context
             E. Implementing Color
    VIII. Typography
             A. Anatomy
             B. Typeface vs. Font
             C. Rules for Typography
             D. Types of Typography
             E. Type Hierarchy
             F. Building an Efficient Style Guide
    IX. Introduction to Photoshop
             A. Exploring the Photoshop Workspace
             B. Image Size and Resolution
             C. Selection Tools
             D. Painting
             E. Retouching
             F. Color Correction
             G. Advanced Layer Techniques
             H. Working with Type and Vector Shapes
             I. Designing for Web
             J. Preparing Final Art
    X. Introduction to Dreamweaver
             A. A Quick Overview of Web Development
             B. Getting Started with Dreamweaver
             C. Creating HTML Pages
             D. Links
             E. Images
             F. Lists
             G. Tables
             H. Styling Content
    XI. Managing Web Design Projects
             A. Design Process
             B. Project Scope
             C. Mock-ups
             D. Functionality Model
             E. Integration
             F. Usability and Accessibility Rules
             G. Roll-out
             H. Analysis
    XII. Adobe Animate Creative Cloud (CC)
             A. Getting Started
             B. Working with Drawing Tools
             C. Graphic Symbols and the Library
             D. Basic Animation
             E. Advanced Animation
             F. Button Symbols
             G. Movie Clip Symbols
             I. Publishing Animate Documents

  • Requirements

    This program can be taken on either a PC or a Mac OS X. It is compatible with the Windows XP (Service Pack 2) and later operating systems and with the latest versions of any of the following browsers: Mozilla Firefox, Internet Explorer, Google Chrome, Opera, and Safari.

    For the HTML, CSS, JavaScript, and HTML5 courses, if you do not already have something to use for Plain Text editing or Web authorizing, please choose one of the options listed below:

    Windows:

    • Crimson Editor - Download (recommended)
    • Notepad is fine for class and is usually included with Windows.
    • Adobe Dreamweaver - Download

    Mac OS X:

    • TextEdit is fine for class and is usually included with Mac OS X.

     Please ensure you choose Format > Make Plain Text from the TextEdit toolbar.

     For the Adobe software that is taught in this program (Photoshop, Dreamweaver and Animate), the student must have these titles installed on their computer. Please see below for more information on obtaining these.

    Adobe downloads are available here:
    http://www.adobe.com/downloads/

    Adobe software titles are available as:

    • Free trials
    • Subscriptions to individual programs
    • Subscriptions to all of the Adobe programs via the Creative Cloud 

    Information on the Creative Cloud is available here:
    http://www.adobe.com/products/creativecloud.html

     Information on all pricing is available here: 

    https://creative.adobe.com/plans

    Check if you are eligible for student pricing on the Creative Cloud package:
    http://www.adobe.com/cfusion/store/html/index.cfm?event=displayEduConditions&store=OLS-EDU&nr=1

    Note that free trials last 7 days. To avoid your trial expiring before you have completed that portion of the course, wait until you reach that point in the course before beginning your free trial.

    Manuals are included as downloadable PDFs throughout the program.

    Prerequisites

    There are no prerequisites for this course; however, students should be familiar with personal computers and have an interest in technology and web design.

  • Instructor

    Tracy Berry has been a senior graphic designer/programmer, instructor, and consultant since 1993 and has developed hundreds of logos, marketing materials, websites, and multimedia solutions for customers worldwide, which includes her involvement in large corporate software rollouts. She has helped many organizations optimize and streamline data solutions. She teaches both onsite and online courses and has her CTT (Certified Technical Trainer) certification. Tracy specializes in teaching graphics, desktop publishing, web design, reporting/productivity applications, as well as the creation of online courses with software from leading vendors.

    Note: This course is supported by multiple instructors at Webucator, a national training and courseware development company, all of whom are experts in their fields.

  • FAQs

    1. Can I register for programs if I am an international student?

    Yes, because ed2go programs are online you never have to actually travel to the school. Most schools offer telephone or online registration.

    2. How long does it take to complete a program?

    All of our programs are self-paced and open enrollment, so you can start them when you want and finish them at your own pace. When you register you receive an initial twelve (12) months to complete this program.

    3. Do I have to buy additional materials?

    All the materials you’ll need are included, and their cost will be covered by your tuition.

    4. Can I get financial assistance?

    ed2go courses are non-credit courses, so they do not qualify for federal aid. In some states, vocational rehab or workforce development boards will pay for qualified students to take our courses. Additionally, some students may qualify for financial assistance when they enroll, if they meet certain requirements.

    5. What happens when I complete the program?

    Upon successful completion of the program, you will be awarded a certificate of completion.

    6. Am I guaranteed a job?

    ed2go programs will provide you with the skills you need to obtain an entry-level position in most cases. We don’t provide direct job placement services, but our facilitators and career counselors will help you build your resume and are available to give advice on finding your first job. Facilitators will also be available to use as a professional reference upon completion of the program. Potential students should always do research on the job market in their area before registering.

    7. Who will be my instructor?

    Each student is paired with a facilitator for one-on-one interaction. The facilitator will be available (via e-mail) to answer any questions you may have and to provide feedback on your performance. All of our facilitators are successful working professionals in the fields in which they teach.

    8. What software or hardware do I need in order to take online programs and what are the system requirements?

    In order to take our online programs, you must have access to a computer and the Internet. You can access the program contents from any Web-enabled computer. You don’t have to use the same computer to log-in to the program every time. We recommend that you have a word-processing program (Microsoft Word is best) and the latest version of Internet Explorer.

    9. Can I use a Mac?

    Yes, you can use a Mac for this program.

    10. How can I get more information about this program?

    If you have questions that are not answered on our website, please feel free to contact us via LIVE chat (click the button above). If you are visiting us during non-business hours, please feel free to send us a question using the “Contact Us” form to the right. You may also call us at 1-855-520-6806‪1-855-520-6806 FREE‬. We will answer your questions promptly.‬‬‬‬‬

    11. When can I start the program?

    Our programs are all open enrollment. You can register and start the program as soon as you are ready.

    Please note: Once the program curriculum is accessed online or through submission of a material shipment confirmation, refunds cannot be issued.

    12. What is a typical day like for a Web Designer?

    Web designers work both independently and with others on a variety of day-to-day tasks and projects. Teamwork, relationship building, a solid skill set, and attention to detail are all keys to success. Typically web designers work in a traditional office setting, though more and more web designers work remotely. Web designers can be employees, freelance or contract workers, or self-employed individuals who own their own businesses. Specifics really depend on the company or institution’s size, work culture, and objectives.

    13. Do Web Designers need to continue to learn?

    While the core skills will always be useful and relevant, web designers must keep up with the latest technologies and techniques as well as versions of software from Adobe.

    14. What if I don't have enough time to complete my program within the time frame provided?

    The time allotted to complete your program has been calculated based on the number of hours for each program, so don't worry too much about not completing in time. If, after a concerted effort, you are still unable to complete, your Student Advisor will help you work out a suitable completion date. Please note that a fee may be charged for an extension.