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 Intermediate CSS3 and HTML5
Return to Programming
create-html-code

Intermediate CSS3 and HTML5

Today's websites require streamlined code that adapts to a variety of devices, screen resolutions, Web browsers, and user needs. CSS3 and HTML5 are the keys to creating that, and they're the foundation upon which all modern websites built (not to mention many mobile apps, games, and even desktop apps). This means today's software developers need a deep understanding of CSS3 and HTML5.

In this course, you'll take your CSS and HTML skills to the next level and learn how to create professional-quality websites. You'll find out the methods the pros use to quickly build effective sites that are easy to maintain and modify. You'll discover the secrets to ensuring you keep total creative control over every aspect of a site. You'll master specific techniques for using background images and controlling opacity, visibility, and scrollbars. You'll create picture thumbnail galleries, cool hover (mouse over) effects, drop-down menus and fly out menus, and animation effects that work on hover as well as touchscreens like the iPhone and iPad. You'll also discover wonderful easy-to-code methods for creating responsive layouts that scale well to all screen sizes and devices.

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 January 15 | February 12
Self-Paced

No instructor. Study on your own schedule

Intermediate CSS3 and HTML5

Details + Objectives

Course Code: tm2

What You Will Learn
  • Learn the methods professionals use to quickly build effective sites that are easy to maintain and modify
  • Discover how to keep total creative control over every aspect of a site
  • Master specific techniques for using background images and controlling opacity, visibility, and scrollbars
  • Learn to create visual effects that work on hover as well as touchscreens like iPhone and iPad
  • Discover easy-to-code methods for creating responsive layouts
How the course is taught
  • Instructor-led or self-paced online course
  • 6-12 weeks to complete
  • 24 course hours
How you will benefit
  • Develop a deep understanding of CSS3 and HTML5 so you can develop professional quality websites
  • Understand how to create interactive, responsive sites and add value to any company
  • Become more efficient in your ability to code a website
  • Open the door to new career opportunities as a professional website developer

Outline

Expand All
Get Geared Up

In this lesson, you'll start off with a quick review of what CSS and HTML are all about, the syntax of each language, and the key concepts and terminology. Then you'll go hands-on and actually create a new website to use as working example for more hands-on practice throughout the course. And finally, you'll discover some of the mysteries of the Web browser rendering engines that turn the code you write into the beautiful creations you see on your computer screen.

Advanced Backgrounds

Understand the viewport and its importance in Web design, and apply it to some advanced techniques for background images.

CSS Positioning

In this lesson, you'll learn how to take your web design skills to a whole new level with CSS static, relative, fixed, and absolute positioning. You'll also find out how to position things exactly where you want them, even stack and overlap them, just like the pros do.

Opacity, Visibility, and Scroll Bars

Many of the more advanced interactive techniques for designing web pages require an understanding of the CSS properties and values necessary for controlling opacity, visibility, and scroll bars. Drop-down menus, pop-up thumbnail galleries, and scrolling textboxes are built from these things. This lesson introduces you to all the concepts, as well as the CSS properties and values you need to build such things. You'll then apply these techniques through the course to create ever more interactive pages.

Creating Interactive Pages

In this lesson, you're going to learn how to apply advanced techniques like visibility, absolute positioning, and :hover to some fun things like thumbnail photo galleries and interactive facts. You'll go over some practical examples of the concepts, and the lesson will provide you with some code you can drop right into your own pages and use with minimal alteration. You'll also discover the secret to making the CSS :hover event work on devices like the iPhone, iPad, and iPod Touch, which don't always play nice with events that are designed to work with mouse pointers.

Using Downloadable Fonts

Web developers often feel shackled by the small selection of Web-safe fonts available on most computers. This lesson will free you from those shackles by teaching you about downloadable fonts and the modern Web Open Font Format (WOFF), as well as the CSS @font-face rule that make them possible. With this knowledge, you'll be able to choose from thousands of fonts for your website!

Fancy Navigation Bars

​This lesson is all about creating cool-looking navigation bars and tabs like you see in professional sites. You'll learn different ways to size and position the buttons and tabs, how to use background images that change on mouse over, and how to highlight the tab that represents the current page to the user.

Creating Drop-Down and Flyout Menus

This lesson will help you use the skills you've gained so far to create some complex navigation tools with drop-down and flyout menus like the ones you may have seen in some large, professionally developed websites. Along the way, you'll learn how you can use the CSS rule of specificity to create complex designs with minimal code.

Mastering the Layout

In this lesson, you'll step back from the fine details on which you've focused for the past few lessons, and look again at the bigger picture of the entire page layout. You'll see what web pages look like when using HTML5 and CSS3 and pick up some new tricks for making your pages better for the browsers and devices of today and tomorrow. Finally, you'll learn a new technique for making multi-column layouts easier than ever.

Responsive Web Design

Responsive Web Design is a popular buzzword in the Web design business these days. It's all about designing your website so it looks good and works well on the wide range of devices people use to access the web these days, including smartphones, tablets, portable computers, desktop computers, gaming consoles, and television sets. In this lesson, you'll learn smart and relatively simple techniques that you can start using right now to ensure that your site looks and behaves its best across all those different media.

Animations with Transform and Transition

Despite their widespread use on the web today, HTML5 and CSS3 are still under development. The most important and most needed features of the languages received browser support very quickly. Some of the fancier tags and properties are being adopted more slowly, but they do represent some really cool animations and other fun stuff you'll want to know about now. This lesson will teach you all about those upcoming features.

Expanding Your Horizons

This lesson will help you expand your horizons into other areas of Web development and app development. You'll discover the difference between front-end and back-end languages and learn the purpose of JavaScript and jQuery. You'll understand server-side technologies like PHP, MySQL, ASP.Net, and SQL Server—what they are, how you'd use them, and why you might want to learn them.

View All Sections

Instructors & Support

Alan Simpson

Alan Simpson is an award-winning author, having published over 100 books on computers and the Internet. His books have been published in over a dozen language worldwide. He has covered virtually all aspects of the computer industry, including web development, operating systems, programming, networking, and security. As a seasoned veteran of the computer industry, he is widely regarded as a computer and Internet guru.

Requirements

Requirements

Prerequisites:

You should have basic computer skills and some familiarity with HTML and CSS. Additionally, successful completion of Introduction to CSS3 and HTML5 or prior experience with HTML and Web publishing is recommended.

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 simple text editor like Notepad or TextEdit.
  • 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?

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.

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