Professional Web Designing with HTML & CSS

Professional Web Designing with HTML & CSS Course Description

Duration: 5.00 days (40 hours)

A well-designed site adds more credibility to businesses. The biggest task in website design is in fact design itself. To effectively grab eyeballs and generate attention and interest, an excellent design is mandatory. HTML and CSS are the most advanced and popular tools to equip a designer with the skills needed to design a creative website. After completing this course, students will be able to employ the newest methods, best practices, and modern web standards: HTML5 and CSS3. This training will `provide exercises to assist you in learning various techniques, and make sure you comprehend key concepts.

Next Class Dates

Contact us to customize this class with your own dates, times and location. You can also call 1-888-563-8266 or chat live with a Learning Consultant.

Back to Top

Professional Web Designing with HTML & CSS Course Objectives

  • » Introduction to the World Wide Web and Basic Design Concepts
  • » Creating a static web page
  • » Adding Text, Links, Images
  • » Creating Tables and Forms
  • » Introduction to HTML 5 and CSS
  • » Formatting Text, Colors and Positioning
  • » Understanding Transitions and Animations and how to integrate them within the webpage
  • » Using JavaScript and Web Graphics

Back to Top

Professional Web Designing with HTML & CSS Course Outline

      1. Where do I start?
        1. Where do I Start?
        2. What does a Web Designer Do?
      2. How the web works
        1. The internet versus the Web
        2. Serving Up your information
        3. A word about browsers
        4. Web Page Addresses (URLs)
        5. The Anatomy of a Web Page
      3. Some Big Concepts You Need to Know
        1. A dizzying multitude of Devices
        2. Sticking with the standards
        3. Responsive Web Design
        4. One web for All (Accessibility)
        5. Site Performance
      4. Creating a Simple Page
        1. A web page, Step by step
        2. Launch Text Editor
        3. Step 1: Start with Content
        4. Step 2: Give the Document Structure
        5. Step 3: Identify Text Elements
        6. Step 4: Add an Image
        7. Step 5: Change the Look with a Style Sheet
        8. Validating Your Documents
      5. Marking up Text
        1. Paragraphs
        2. Heading
        3. Lists
        4. More Content Elements
        5. Organizing Page Content
        6. The Inline Element Roundup
        7. Generic Elements (div and span)
        8. Some special characters
        9. Putting It all Together
      6. Adding Links
        1. The href Attribute
        2. Linking to Pages on the Web
        3. Linking within Your Own Site
        4. Targeting a New Browser window
        5. Mail Links
        6. Telephone Links
      7. Adding Images
        1. First, a word on Image Formats
        2. The img Element
        3. A Window in a window (ifram)
      8. Basic Table Markup
        1. How Tables Are Used
        2. Minimal Table Structure
        3. Table Headers
        4. Spanning Cells
        5. Table Accessibility
        6. Wrapping Up Tables
      9. Forms
        1. How Forms Work
        2. The form Element
        3. Variables and Content
        4. The Great Form Control Round-up
        5. Form Accessibility Features
        6. Form Layout and Design
      10. What--s Up, HTML5?
        1. A Funny Thing Happened on the Way to XHTML2
        2. In the Markup Department
        3. Semantic Tags
        4. New Form Elements
        5. Meet the APIs
        6. Video and Audio
        7. Canvas
        8. Final Word
      11. Cascading Style Sheets
        1. The Benefits of CSS
        2. How Style Sheets Work
        3. The Big Concepts
        4. Moving Forward with CSS
      12. Formatting Text
        1. The Font Properties
        2. Changing Text Color
        3. A Few More Selector Types
        4. Text Line Adjustments
        5. Underlines and Other "Decorations"
        6. Changing Capitalization
        7. Spaced Out
        8. Text Shadow
        9. Changing Lists Bullets and Numbers
      13. Colors and Backgrounds
        1. Specifying Color Values
        2. Foreground Color
        3. Background Color
        4. Playing with Opacity
        5. Introducing.... Pseudo-class Selectors
        6. Pseudo-element Selectors
        7. Attribute Selectors
        8. Background Images
        9. Like a Rainbow (Gradients)
        10. The Shorthand background Property
        11. Finally, External Style Sheets
      14. Thinking inside the Box
        1. The Element Box
        2. Specifying Box Dimensions
        3. Padding
        4. Borders
        5. Margins
        6. Assigning Display Roles
        7. Adding Drop Shadows to Boxes
        8. The Box Model in Review
      15. Floating and Positioning
        1. Normal Flow
        2. Floating
        3. Positioning Basics
        4. Relative Positioning
        5. Absolute Positioning
        6. Fixed Positioning
      16. Page Layout with CSS
        1. Page Layout Strategies
        2. Page Layout Techniques
        3. Multicolumn Layouts Using Floats
        4. Positioned Layout
        5. Top-to-Bottom Column Backgrounds
      17. Transitions, Transforms and Animation
        1. Ease-y Does It (CSS Transitions)
        2. CSS Transforms
        3. Keyframe Animation
        4. Test Yourself
      18. CSS Techniques
        1. A Clean Slate (CSS Reset)
        2. Image Replacement Techniques
        3. CSS Sprites
        4. Styling Forms
        5. Styling Tables
        6. Basic Responsive Web Design
        7. Wrapping Up Style Sheets
      19. Introduction to JavaScript
        1. What Is JavaScript?
        2. Adding JavaScript to a Page
        3. The Anatomy of a Script
        4. The Browser Object
        5. Events
        6. Putting It All Together
      20. Using JavaScript
        1. Meet the DOM
        2. Polyfills
        3. JavaScript Libraries
        4. Big Finish
      21. Web Graphics Basics
        1. Image Sources
        2. Meet the Formats
        3. Image Size and Resolution
        4. Working with Transparency
        5. PNG-8 "Alpha" Transparency
        6. Introduction to SVG
        7. Summing Up Images
      22. Learn and Mean Web Graphics
        1. General Optimization Strategies
        2. Optimizing GIFs
        3. Optimizing JPEGs
        4. Optimizing PNGs
        5. Optimize to File Size
        6. Optimization in Review

Back to Top

Do you have the right background for Professional Web Designing with HTML & CSS?

Skills Assessment

We ensure your success by asking all students to take a FREE Skill Assessment test. These short, instructor-written tests are an objective measure of your current skills that help us determine whether or not you will be able to meet your goals by attending this course at your current skill level. If we determine that you need additional preparation or training in order to gain the most value from this course, we will recommend cost-effective solutions that you can use to get ready for the course.

Our required skill-assessments ensure that:

  1. All students in the class are at a comparable skill level, so the class can run smoothly without beginners slowing down the class for everyone else.
  2. NetCom students enjoy one of the industry's highest success rates, and pass rates when a certification exam is involved.
  3. We stay committed to providing you real value. Again, your success is paramount; we will register you only if you have the skills to succeed.
This assessment is for your benefit and best taken without any preparation or reference materials, so your skills can be objectively measured.

Take your FREE Skill Assessment test »

Back to Top

Award winning, world-class Instructors

Hisham S.
- Masters Degree in Computer Science and several academic projects published over the years.
- Over 20 years of experience as a professor in local and foreign universities, and as a trainer focusing on Web Development.
- In-depth knowledge of programming, including MySQL, PHP, and AJAX.

Bio:

Hisham holds a Masters Degree in Computer Science, in addition to having more than 20 years of experience as a professor and a trainer. His proven expertise, including a position as a Professor of the Department of Computer Science at Minia University Egypt, and a Professor of the Department of Computer Science at City University of New York, in MySQL, PHP, and AJAX is beyond comparison.

As a NetCom Learning instructor, Hisham stays up to date with the latest news in Advanced Website Development. He shares his knowledge and experience in a very focused and clear way, which students find very enticing.
Paul B.
- Microsoft Office Specialist with over 14 years of training experience.
- Expert in the IT industry, working in the IT field since 1986.
- Highly rated instructor with an all-time average evaluation score of 8.7 out of 9.

Bio:

Paul is Subject Matter Expert specializing in the Microsoft Office Suite and SharePoint end-user technologies with more than 25 years of practical experience in the IT industry. He is also a Microsoft Certified Trainer (MCT) with over 14 years of training experience.

A sought-after instructor and eternal favorite among students, his instructor feedback scores are among the industry's highest at 8.7 out of 9.0. As a trainer, his knowledge and passion for the subject matter as well as his personable nature, excellent communications skills and sense of humor are implicit in every class. NetCom Learning is proud to have Paul on our roster of IT geniuses.
Sam P.
- Team leader for the first undergraduate team to win the Duke Startup Challenge.
- Over 15 years of experience in the IT industry.
- NetCom Learning Instructor of the Year 2011.

Bio:

Sam Polsky has spent his entire career in entrepreneurial pursuits, including such fields as biotechnology, software development, data management, and business process management. He began in entrepreneurship as team leader for the first undergraduate team to win the Duke Startup Challenge, a business development competition geared towards Duke Universitys various graduate schools.

Sam Polsky has since co-founded a consulting firm where he has been involved in software architecture, development and implementation. On top of that, Sam has been delivering acclaimed solutions in software architecture, development and implementation for over 15 years. He is a much-admired Subject Matter Expert and Trainer at NetCom Learning and was voted NetCom Learning Instructor of the Year 2011
Jose P.
Jose Marcial Portilla has a BS and MS in Mechanical Engineering from Santa Clara University. He has a great skill set in analyzing data, specifically using Python and a variety of modules and libraries. He hopes to use his experience in teaching and data science to help other people learn the power of the Python programming language and its ability to analyze data, as well as present the data in clear and beautiful visualizations. He is the creator of some of most popular Python Udemy courses including "Learning Python for Data Analysis and Visualization" and "The Complete Python Bootcamp". With almost 30,000 enrollments Jose has been able to teach Python and its Data Science libraries to thousands of students. Jose is also a published author, having recently written "NumPy Succintly" for Syncfusion's series of e-books.

See more...   See more instructors...

Back to Top

Recent Client Testimonials & Reviews

Excellent presentations, very comprehensive, excellent examples presented and discusses.

- Jose A.
Course(s) Taken

» AngularJS Training: Comprehensive AngularJS Training

Instructor was awesome. I have been in other online training sessions and Brian actually knew what he was talking about which was great
Chris A.
Course(s) Taken

» Website Development Professional Combo

Brian was very knowledgeable on the subjects and took the time to ensure the group kept up with the material.
Edwing P.
Course(s) Taken

» Website Development Professional Combo

  More testimonials »  

Back to Top

Ways to contact us

Back to Top