Video2Brain

Video2Brain CSS Positioning Free Sample Lessons

Positioning with CSS


HTML tags define page content in the browser. Before you add CSS properties to a div tag,
it is necessary to assign an ID to the div tag to tell the browser which div tag you wish to
change. Once an ID is added to a div tag, CSS properties can be added for that div. In this lesson
we will explore how to assign CSS properties to a div tag.

Exploring the Fireworks Web Workflow Project


Adobe Fireworks CS6 enables you to add additional features to the HTML and CSS files created
when exporting a graphic design. In this lesson we’ll take a look at the graphic design that
will be used in this course and explore some of the features that will be added during
the graphic design to HTML and CSS web page transition process.

Exploring CSS Positioning Trailer


CSS enables you to control the look and layout of a web page much more precisely than with
HTML alone, but it can be time-consuming to learn. In this innovative workshop, Adobe Certified
Expert Candyce Mairs makes it quick and easy, walking you through the process of adding
content to a web page and using CSS to position that content. You will learn CSS positioning
concepts like the CSS “box model,” “floats,” and “clears,” and gain a deeper understanding
of how HTML and CSS work together to create the look of your web page. By speaking the
same language as the browser, you will learn to work with the browser to place content
accurately and easily.

 Creating a CSS Rule for the Column


It will be much easier to see where the left div is located on the page if we create a CSS
style rule for the div and add both a border and a width property to it. In this video we
begin to build the style rules for the left div in order to control both the box and the
content within the box.

Understanding the Float Property


This video demonstrates the float property and the two values available for this property
in CSS. We will use a web page with three divs to play with the float property to demonstrate
the CSS float property before we apply it to our web page for this course.

Fireworks CS6 Web Workflow

Quickly Turn Your Designs into Web Pages

FireworksCS6WebWorkflowIn this hands-on workshop Candyce Mairs shows you how to use Fireworks CS6 to turn a graphic design into a fully operational web page. Beginning with the basics of the Fireworks interface and designing for the Web, Candyce walks you step by step through the transition process, from slicing and optimizing images to wireframing, turning designs into HTML and CSS, and previewing pages. You’ll also learn how to use drop shadows, gradients, rounded edges, and pop-up menus to add that extra flair to your designs. Turning your web designs into web pages has never been easier!

Trainer:
Publication Date: November, 2012
Duration: 4 hrs 15 min

LEARN MORE

 
 

Fireworks CS6 Web Workflow Trailer

jQuery Mobile: Building a Mobile Website

Get Up and Running as a Mobile Site Developer

JQueryBuildingMobileWebsiteIn this course, expert web developer and trainer Candyce Mairs gets you up and running as a mobile site developer using the jQuery Mobile framework. You’ll learn the difference between jQuery Mobile and HTML pages and become familiar with the idea of using libraries and themes to feature and style your mobile website. Then you’ll get started creating and updating pages in the mobile space, and even learn how to add features like a date picker for forms, a Twitter feed, and a photo gallery. Along the way you’ll see how to test your designs on a variety of devices to make sure they’re ready for prime time.

Trainer:
Publication Date: July, 2012
Duration: 5 hrs 20

LEARN MORE

From Web Design to Website

Bridge the Gap Between Graphic Design and the Web

WebDesigntoWebsiteSometimes the most difficult part of creating a website is a step that is often overlooked: converting a graphic design into HTML/CSS files to be used on the web. This step is why many people reach out to someone who knows website design in Bedford to help them create their dream site. In this workshop, expert web developer and trainer Candyce Mairs shows you how to use a design created in Photoshop or Photoshop Elements as the basis for a website created with Dreamweaver. If you don’t quite understand the website design process then it might be worth searching Web Design Cardiff to find a professional in your area with the expertise to do this for you. Anyway, you’ll learn how to “slice” graphic design for conversion, optimize and export your images for the web, and plan how you are going to organize your website. These steps can be shaped by making a web design questionnaire or by going off a list of requirements.

Then, as the course moves into Dreamweaver, you’ll use HTML and CSS to create web pages, add content, and format and position that content. Finally, you’ll see how to test your pages in a variety of browsers to make sure you get the best results. If you feel like that is a lot to take in, it can be to someone who hasn’t dealt with web design and development before. If you feel like you might want to have someone else/another company help design your website so you know that it is running smoothly and looking the way you want it to be, you can contact companies such as Big Gorilla Design to discuss your vision for your web design. Always do what’s best for you and your business in getting the word out.

Trainer:
Publication Date: January, 2012
Duration: 6 hrs 55 min

LEARN MORE

From Web Design to Website Trailer

Building the Application Framework and Handling Errors in ColdFusion 9

Control Page Events and Improve Site Performance

AppFrameworkHandlingErrorsColdfusionAnyone who works with ColdFusion-based websites should understand the application and error handling frameworks. Taking advantage of the application level allows you to control events in your pages, offers better performance for your website and web pages, and gives you complete control of error handling within a site. Above all, understanding the above can make it easier for you to remedy any caching issues through platforms such as spring cache. Ultimately, if you were not already aware, caching is the process of saving data temporarily so the site, browser or app does not need to download it each time. There are lots of ways data can be cached but typically it is the duty of the website owner to set what is known as a header on the data. This tells the computer being used that the data can be cached, and stipulates for how long. The website owner then sets caching instructions and your browser gets told what to download. There should also be instructions on how and where to store any temporary files. Essentially you can manually change policies on what is cached at any time, to reduce what is being stored on your device. In this unique workshop from expert developer Candyce Mairs, you´ll use ColdFusion Builder as the development environment for building a complete ColdFusion application and error handling framework. Additional topics include speeding up your ColdFusion performance using query caching and looking at your server performance using the Server Monitor.

Trainer:
Publication Date: August, 2011
Duration: 4 hrs 45 min

LEARN MORE

Building a Data-Driven Website with Adobe Dreamweaver CS5.5

Develop and Test Dynamic Sites

DataDrivenWebsiteDreamweaverIn this course presented by expert developer and Adobe Certified Trainer Candyce Mairs and published in partnership with Peachpit Press, you’ll learn how to build a dynamic, database-driven website using the many features built into Dreamweaver CS5.5. Candyce covers the complete installation and setup of a testing environment for dynamic website development including web servers, application servers, server-side languages, and the appropriate databases for each type of server. You’ll learn how to display database data using Dreamweaver features such as dynamic tables, recordset paging, and recordset navigation; use master-detail page sets to create a data drill-down interface; create database queries using the Recordset Builder and a form to search the database using SQL; and much more. By the time you’re finished, you will have built a complete dynamic, data-driven website.

Trainer
Publication Date: June, 2011
Duration: 3 hrs 35 min

LEARN MORE

Getting Started with ColdFusion 9

Step-by-Step Basics to Get You on Your Way

GettingStartedColdFusionIn this hands-on course from Adobe Certified Expert Candyce Mairs, you’ll build a dynamic, database-driven website using ColdFusion 9 and ColdFusion Builder, an exciting interface developed by Adobe specifically for ColdFusion development. You’ll see how to set up a testing environment by installing ColdFusion, ColdFusion Builder, and a database and use ColdFusion tags and built-in functions to get and display database data. Then you’ll learn how to create data-driven pages and pass data between those pages, as well as how to use and validate forms. By completing this project you’ll gain a thorough understanding of dynamic websites, including how web servers, application servers, server-side languages, and databases all work together to create web pages.

Trainer
Publication Date
: June, 2011
Duration: 4 hrs 15 min

LEARN MORE

Adobe Fireworks CS5: New Features Workshop

Upgrade Your Adobe Fireworks Skills

NewFeaturesWorkshopvideo2brain’s New Features workshops are designed to get you quickly up to speed on the latest versions of your favorite software. In Adobe Fireworks CS5: New Features Workshop, expert trainer Candyce Mairs covers all of the new and enhanced features in the latest version of Adobe’s bitmap and vector graphics editing software. These include enhanced integration with the entire Creative Suite, expanded exporting options, and the ability to quickly create wireframes from Fireworks templates using the new Document Template feature.

Trainer:
Publication Date
: Nov 23, 2010
Duration: 50 min

LEARN MORE

Adobe Dreamweaver CS5: New Features Workshop

Upgrade Your Adobe Dreamweaver Skills

DreamweaverNewFeaturesWorkshopvideo2brain’s New Features workshops are designed to get you quickly up to speed on the latest versions of your favorite software. In Adobe Dreamweaver CS5: New Features Workshop, expert trainer Candyce Mairs covers all of the new and enhanced features in the latest version of Adobe’s web design software. These include the ability to disable and edit CSS properties or work with WordPress, Drupal, Joomla pages directly within the Dreamweaver interface. With this workshop and Dreamweaver CS5, you´ll find it easier than ever before to build and troubleshoot websites.

Trainer:
Publication Date: Nov 23, 2010
Duration: 35 min

LEARN MORE