What is a Wireframe?This lesson will introduce you to the concept of a wireframe. There is no need to manually create a wireframe from designs when using Adobe Fireworks, but understanding the idea of a wireframe will help understand how Fireworks looks at a web page when creating the code for web designs during the graphic design to HTML and CSS conversion process.
Creating a Pop-Up MenuSee how easy it is to create a pop-up menu with Adobe Fireworks. Learn how to create a pop-up
menu using the Fireworks interface for the Destinations link in the navigation bar of a web page.
Preparing a PNG File for ExportGraphic design files can become laden with extra layers, and those extra layers can prevent
the conversion process from working correctly. In this lesson you'll see how to set up your
PNG file to avoid issues while converting from a graphic design into a web page.
Exporting the PNG File
Positioning with CSS
Working with List Views
jQuery vs. jQuery Mobile
The Elements of a jQuery Mobile Page
jQuery Mobile: Building a Mobile Website Trailer
Positioning with CSSHTML 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 ProjectAdobe 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 TrailerCSS 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 ColumnIt 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 PropertyThis 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.
Quickly Turn Your Designs into Web PagesIn 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: Candyce Mairs Publication Date: November, 2012 Duration: 4 hrs 15 min
Fireworks CS6 Web Workflow Trailer
Master Application Framework, Error Handling, and ColdFusion ComponentsExpert web developer and trainer Candyce Mairs helps you take your Adobe ColdFusion skills to the next level in this course that covers the application framework, error handling, and ColdFusion components. You’ll learn how to move your code off individual ColdFusion pages and control it based on the triggering of events throughout your application. You’ll also learn to understand the various levels of error handling built into ColdFusion and take control of error handling in your application. The course also covers creating and calling ColdFusion static and instance-based components to create more modularized coding accessible from both within and outside your application. Topics include:
- Installing ColdFusion Builder - Setting up the project and database - Understanding the application framework - Error handling - Creating and calling CFCs - Working with form data - Using the cfproperty tag - Coding and running an instance-based component - Calling a method from a URL or a formAuthor: Candyce Mairs Level: Advanced Duration: 4h 10m Released: Oct 17, 2012
Create Dynamic, Database-Driven WebsitesIn this course, expert web developer and trainer Candyce Mairs teaches you how to build a dynamic, database-driven website using Adobe ColdFusion 10 and ColdFusion Builder. You’ll learn how to set up a testing environment — including installing ColdFusion, ColdFusion Builder, and a database — and be introduced to the basics of dynamic websites. Then you’ll work along with Candyce as she creates a complete database-driven ColdFusion website. Along the way you’ll learn how to work with forms, scoped variables, queries, ColdFusion functions, and more, and get up to speed on ColdFusion 10 features such as function enhancements for queries, new forms of looping, and new attributes. Topics include:
- Understanding static vs. dynamic requests - Using the ColdFusion Administrator - Creating, displaying, and scoping variables - Working with include files - Pulling data from a database - Displaying and modifying database data - Passing data between pages - Working with form data - Populating form fields with query dataAuthor: Candyce Mairs Level: Beginner Duration: 5h 0m Released: Aug 09, 2012
Get Up and Running as a Mobile Site DeveloperIn 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: Candyce Mairs Publication Date: July, 2012 Duration: 5 hrs 20
Controlling Layout with CSSCSS enables you to control the look and layout of a web page much more precisely than you could with HTML alone, but it can be time-consuming to learn. In this innovative workshop, expert developer 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. Topics include:
- Previewing pages in browsers - Customizing the HTML editor - HTML vs. CSS: which does what? - Building the header area - Adding the navigation menu - Positioning using a float - Adding background colors and images - Comparing the web page to the graphic designAuthor: Candyce Mairs Level: Beginner Duration: 3h 57m Released: May 24, 2012