SharePoint CSS Deep Dive – 2007

This course is part of the track

Upcoming dates

What’s this all about?

Designers: "Yes you can build CSS based layouts in SharePoint!"

Take your SharePoint branding to the next level with CSS based layouts, semantic code and more advanced CSS selectors. Create sites that are not only highly customized, but highly accessible as well! In this session Heather Solomon will share with you the lessons she has learned building out CSS based SharePoint master pages and tons of CSS tips and tricks.

Who should take this course?

Products covered by this course

Available delivery formats

Cost and duration

Online training

Private online training

Back to top

What do I get?

  • Access to a support forum in our online Learning Management System (LMS) site for all of your questions and comments. The instructor monitors the forum and you can get feedback from other students!
  • Invaluable tips and tricks you can put to use right away in your SharePoint environment

Course modules

  • Check out DOCTYPEs, what they are and why it matters
  • Organize CSS files for easier maintenance and integrate baseline CSS into SharePoint
  • Learn about semantic code, how to do it, the benefits and structuring your SharePoint page semantically
  • Understand the challenges with positioning and floats in SharePoint and tricks to work around issues that arise
  • Use browser tools and other CSS tricks to quickly identify styles and debug issues
  • See several cool CSS tricks to solve common problems in SharePoint web pages and walk away with code!

Back to top

Prerequisites

  • 300kbit/sec Internet connection (500kbit/sec + recommended)
  • Any desktop browser that supports Adobe Flash on any platform
  • 1024×768 resolution (1280×1024 + recommended – dual monitors would be even better)
  • Headphones or speakers to listen to the course audio
  • Optionally, a microphone

Workstation requirements

  • SharePoint Experts will provide you with your own SharePoint site for class
  • SharePoint Designer 2010 (required)
  • Microsoft Office PowerPoint 2010 (highly recommended)
  • Photoshop or other graphics design program (optional)
  • USB 2.0 port for in-class file transfer (classroom and on-site students only)

Back to top

Frequently asked questions

This class is for a beta product, how much of what I learn will still apply when the product is released?
The majority of the class content will be applicable for the production release of SharePoint 2010. However, this course was written based on the beta and the product is subject to change. As alumni you will receive course workbook updates and access to a special beta release forum. If the product changes, you will still have appropriate materials as well as insight from your instructor.
Is it OK if I don’t know HTML or CSS?
In this course you will view and edit code. If you don’t know HTML and/or CSS, you can get by but there may be times you feel a bit lost. Lab code samples are provided so you can continue through the modules.
I am not a graphic or web designer, is this course still right for me?
Yes! This is not a design class and you will not be asked to produce original web site design. Even if your artistic abilities are limited to stick figures, you will still get the full benefits from this class! Sample designs will be provided in class for your use.
I need to know how to create a SharePoint Feature for branding deployment. Does this class cover that?
The course covers branding deployment options and provides some resources. However, this is a custom SharePoint branding course and not a SharePoint development course. You will not create a Feature in class.
Can I bring my web site design from work with me to class?
We love to work with real-world designs and challenges and everyone is welcome to bring web site designs or comps from their existing organizations and/or projects. There will be several times during class that we can review the design and/or use it for branding code samples. It is not required to use the course design samples and you can complete any of the lab exercises using your own design.
Where can I get more information?
Contact us using the “Contact Us” link at the top of the page.
My question isn’t here.
Well, that’s not really a question. Just kidding! Contact us with your question using the “Contact Us” link above. If your question seems common enough, we’ll add it to this page!

Back to top