Course Objectives

Learn how to add professional polish to your design with borders, rounded corners and drop shadows

Study the secrets of embedding YouTube videos on your pages so you don't have to upload video files to your own site

Learn about all the modern file formats and HTML5 tags for embedding sound and music into your pages without using YouTube or any other site

Outline of Instruction

Learn whom this class is for and what it's all about. Start by creating a folder and adjusting some settings in your operating system and editor so you're ready to start creating a website. Discuss the basics of HTML5 and CSS3, as well as why you'll want to learn to use them. Learn to save time by creating an HTML5 page template that you can use as the starting point for each new page you create in this course and later on your own.

Discover how CSS lets you create design elements that give your site a consistent look, feel and unique identity. And, if you ever decide to change something in your styling, you don't have to go digging through all the pages individually to make changes. You just change your style sheet in one place, and all the pages in the site update instantly and automatically.

Background colors, photos, textures, patterns and gradients can really add some pizzazz to your website. Learn to do them all, and you'll have a lot of fun doing so.

Learn how to add some real professional polish to your design with borders, rounded corners and drop shadows. They're easy to do, thanks to some simple CSS properties.

Learn about the many ways you can style your text with CSS, including fonts, text shadows and more. Get an overview of the primary tags for text markup in HTML. Then, look at the many properties CSS offers for making your text look great.

Pictures add a lot of visual interest to any website. Get an overview of the types of pictures you can use, and review how to insert them using HTML tags. Then, discuss ways you can float, position and size pictures using CSS.

Learn about style classes and links. Style classes are a great tool for defining styles that you can use freely wherever you want throughout your site. They can be a real boon to your creativity and a real time-saver for managing your styles. Then, learn about pseudo-classes, which are a special type of class for styling links and mouse-over effects. And as an added bonus, learn some advanced techniques for links, including opening pages in a new window, using jump links within a page, adding tooltips to your links, using pictures as links and creating email links.

Nothing brings a site to life better than sound and video. Learn all the newest and most modern techniques for playing sounds and showing videos on your site, including the secrets of embedding YouTube videos on your pages so you don't have to upload video files yourself. And learn about modern file formats and HTML5 tags for embedding sound and music into your pages without using YouTube or any other site.

HTML tables are the perfect tool for displaying information in rows and columns. Learn techniques for styling tables with traditional CSS, as well as new CSS3 techniques that really make tables shine with minimal coding.

Getting control of the size and location of things and the gaps between them can be a real challenge for web designers. Most of the mystery and frustration that designers experience stems from not understanding the CSS Box Model, which defines how things behave and provides a rich set of tools for managing widths, heights, margins and padding. Learn how to solve the mysteries and overcome the frustrations by exposing the secrets of the ever-important CSS Box Model.

Modern business websites often use page layouts that include a header, footer, sidebar columns and a navigation bar. Historically, these layouts were done using HTML tables or div tags. Learn a new set of layout tags in HTML5 to define our layout sections, how to make them work in new and older browsers alike and some professional-grade techniques for styling them with CSS.

Learn how to add side columns to your layout, be it a left column, a right column or both left and right columns. As an added bonus, add a vertical navigation bar to a side column with links large enough that they're easy to work with a mouse, as well as a fingertip or stylus on a mobile touch screen.

Contact Hours

24

CEUs

1

Industry Standard, State or National Certification

Certification

None

Website

None

Certification Learning Outcomes/Requirements

CE or CU Articulation

No

Prerequisites

Completion of the online Creating Webpages course (or equivalent experience with HTML and web publishing) is recommended. You should have basic computer skills, including familiarity with files, folders, text editing and copying and pasting.

Learning Supplies Needed

Hardware requirements:
This course can be taken on either a PC or a Mac.

Software requirements:
PC: Windows 8 or later
Mac: macOS 10.6 or later
Browser: The latest version of Google Chrome or Mozilla Firefox is preferred. Microsoft Edge and Safari are also compatible.
A text editor such as Notepad
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 material requirements:
The instructional materials required for this course are included in enrollment and will be available online.

Clinical Site/Special Facilities

N/A

Requirements for Successful Completion

90% attendance
Students must pass 10 quizzes or the final exam with 70% or better.

Accreditation/Special Approval Requirements

N/A

Intended Audience

Specific Industry or Business Support Needs

N/A

Wake County Need for Industry Positions

N/A

Industry or Job Titles Related to Training Outcomes for Employment

Related Courses

Course Contact Information

Non-Credit Online Learning https://ceonline.waketech.edu
919-532-5847
[email protected]