Introduction to HTML5 and CSS3

Introduction to HTML5 and CSS3
Event on 2013-11-04 00:00:00

Course Description

Students will acquire knowledge of the latest and greatest approaches to website design and consistency. Using hands-on work exercises, they will build a small business web site of their own. Students will work with images and learn to add formatting and style with CSS to encourage consistency and simple editing in web site design.

Course Objectives

Understanding HTML5
Build effective web sites with HTML5
Comprehend the benefits of CSS3 to web pages
Acknowledge browser variations in handling CSS

Prerequisites

Knowledge of OS X and basic personal navigation

Course Outline

Note: The curricula below comprise activities typically covered in a class at this skill level. The teacher may, at his/her discretion, adjust the lesson plan to meet the needs of the class.

An Overview of HTML5

Defining HTML5
HTML5 markup
Key HTML5 elements
Web forms
New HTML5 elements
An overview of HTML5 APIs and supporting technologies
Geolocation in action
Web Workers
Web storage
CSS animations
CSS transitions
CSS 2D and 3D transformations
CSS3 backgrounds, borders, RGBa colors, gradients, drop shadows and rounded corners
@font-face web fonts
HTML5 is in a say of transition
Who is using HTML5 today?
Identifying HTML5 sites

Fundamentals of HTML, XHTML, and CSS

Web languages
Web page structure is based on HTML
The details of XHTML syntax
Doctype lets the web browser know what to expect
The W3C and page validation
HTML structure
Placing images in HTML
The role of CSS
Styling a heading
Understanding class styles and the element
Three ways to use styles
Internal versus external style sheet
What makes styles cascading

Formatting Text with CSS

The importance of typography on the Web
The challenges of fonts on the Web
Setting a font-family
Sizing text with CSS
Pixels and points are not the ideal choices
Using a combination of percent and the em measurement
Using margins to alter space between your text
Setting paragraph line-height
Transforming text with CSS
Working with HTML lists
Styling HTML lists

Basic (X)HTML Formatting

Making Text Bold or Italic
Changing the Size of Text and Using a Monospaced Font
Using Preformatted Text
Quoting, Superscripts, and Subscripts
Marking Changed Text

Introduction to CSS Layout

Working with the CSS reset file
A brief history of layout techniques on the Web
An overview of page layout options
Understanding the element: creating a two-column fixed-width CSS layout
Understanding the CSS float property
Creating columns with the float property
Working with the clear property
Creating a list-based navigation using floats
Adding text styles
The effect of margins and padding on your fix-width layout
A review of using margins and padding for layout
Styling your footer with a background image

Advanced CSS Layout

Building your page layout
Removing the background color
Working with CSS background images
Using hacks to solve layout problems
Enhancing your CSS navigation bar
Moving internal styles to the external style sheet
Creating a style for the active page
Adding images to your sidebar
Working with absolute positioning

Using HTML5 Markup

A review of semantic markup
HTML5 fundamentals
The HTML5 DOCTYPE declaration
The different categories used for HTML5 content
Using the new header element in HTML5
Adding support for HTML5 elements in browsers
Adding the HTML5 elements
Adding the other HTML5 sectioning elements
HTML5 document outlines
Adding the footer element
Adding the article and aside elements
Additional HTML5 elements
Revisiting familiar HTML elements

Creating HTML5 Forms

The need for updated forms
Reviewing how forms work
The components of a form
Adding new HTML5 input types and attributes
Creating an order form with new HTML5 input type and attributes
HTML5 form features under development
Providing fallbacks for browsers that don't support HTML5 features

Introduction to JavaScript and JQuery

Interactivity on the Web
Adobe Flash
JavaScript
JavaScript basics
JavaScript events
Placing your JavaScript into an external document
The Document Object Model
JavaScript frameworks
Hiding an element with JQuery
Adding an event trigger to show effect

Working with Video and Audio Elements

Adding video
Adding support for more browsers
Adding fallback support for older browsers
Controlling a video with JavaScript
Adding audio

Working with Canvas

Understanding the Canvas element
The benefits of the Canvas element
Drawing paths
Drawing rectangles
Drawing lines and circles
Drawing curves
Adding text
Using colors, styles and gradients
Adding images
Using transforms
Creating a drawing loop

Styling with CSS3

Understanding the role of CSS3
Using CSS3 border-radius and border-image
Adding multiple background images
Working with CSS3 transparency and opacity
Using CSS3 gradients
CSS3 gradients potential for the future
CSS3 transforms, transitions, and animations
CSS3 transforms and transitions
Working with CSS3 animations
Working with web fonts
Using @font-face to specify a web font
Using a web service to generate multiple fonts
Alternative methods for adding web fonts

CSS3 Media Queries and the Future of CSS3

The role of CSS3 media queries
Using CSS3 media queries to deliver a mobile-optimized layout
Upcoming developments of CSS3
The CSS3 multi-column layout
The CSS3 Flexible Box layout module
The CSS3 template layout module
Adding template-based position to CSS3

Offline Storage in HTML5

Offline storage in HTML5
HTML5 storage types
localStorage methods
localStorage example
Advanced data storage
Application caching
The store manifest file
Cache manifest structure
Updating the cache
The applicationCache object

HTML5 Geolocation

Understanding Geolocation
Getting the user's location
Displaying the user's location with Google Maps
Browsers absent HTML5 Geolocation
Creating a HTML5 Geolocation and Google Maps mashup
Adding Google Map markers to your geolocation page

HTML5 Drag and Drop

Drag and Drop on the Web
Cross-browser drag and drop
Transferring data with a drag-and-drop operation

Price: ,495.00
Duration: 3 days
Time: 10am – 6pm

Contact: Cari Jones, Corporate Account Manager 
Email: CariJ@fmctraining.com
Phone: 407-354-4866
?

FUTURE MEDIA CONCEPTS, INC., the nation's premier digital media training center, provides manufacturer-authorized training in all areas of digital media including digital video and film editing, web design and development, sound design, DVD authoring, 3D animation, motion graphics, desktop publishing, architectural and mechanical design and Mac IT. FMC is an authorized training bourgeois for Adobe, Apple, Autodesk, Avid, Boris FX, Digidesign, NewTek and Softimage. Founded in 1994, FMC has training centers located in New York, Boston, Philadelphia, Washington DC, Orlando, Chicago and Dubai. www.fmctraining.com

at Orlando, Florida, United States
Contact event organizer for details
Orlando, United States

Introduction to Debugging and Optimization on Midway

Introduction to Debugging and Optimization on Midway
Event on 2013-05-14 13:00:00
Location:
Crerar Library, Kathleen A. Zar Room
5730 South Ellis Avenue, Chicago, IL

This workshop will give a brief introduction to the acquirable tools for code debugging and profiling on the RCC cluster Midway. General techniques for identifying common bugs and areas causing incorrect results or poor performance will be discussed. The tutorial will start with identifying common memory errors using a combination of compiler options, standard debuggers, and the Valgrind analysis tool. This will be followed by an introduction to techniques of code profiling including gprof, higher-level profiling tools, and hardware performance counters. Examples and hands-on exercises will be provided in C.

Prerequisites:
* Attendees are encouraged to bring a laptop to participate in the hands-on session
* Familiarity with C, C++, or Fortran

at University of Chicago
5801 South Ellis Avenue
Chicago, United States

Introduction to HTML5 and CSS3

Introduction to HTML5 and CSS3
Event on 2013-09-23 00:00:00

Course Description

Students will acquire knowledge of the latest and greatest approaches to website design and consistency. Using hands-on work exercises, they will build a small business web site of their own. Students will work with images and learn to add formatting and style with CSS to encourage consistency and simple editing in web site design.

Course Objectives

Understanding HTML5
Build effective web sites with HTML5
Comprehend the benefits of CSS3 to web pages
Acknowledge browser variations in handling CSS

Prerequisites

Knowledge of OS X and basic personal navigation

Course Outline

Note: The curricula below comprise activities typically covered in a class at this skill level. The teacher may, at his/her discretion, adjust the lesson plan to meet the needs of the class.

An Overview of HTML5

Defining HTML5
HTML5 markup
Key HTML5 elements
Web forms
New HTML5 elements
An overview of HTML5 APIs and supporting technologies
Geolocation in action
Web Workers
Web storage
CSS animations
CSS transitions
CSS 2D and 3D transformations
CSS3 backgrounds, borders, RGBa colors, gradients, drop shadows and rounded corners
@font-face web fonts
HTML5 is in a say of transition
Who is using HTML5 today?
Identifying HTML5 sites

Fundamentals of HTML, XHTML, and CSS

Web languages
Web page structure is based on HTML
The details of XHTML syntax
Doctype lets the web browser know what to expect
The W3C and page validation
HTML structure
Placing images in HTML
The role of CSS
Styling a heading
Understanding class styles and the element
Three ways to use styles
Internal versus external style sheet
What makes styles cascading

Formatting Text with CSS

The importance of typography on the Web
The challenges of fonts on the Web
Setting a font-family
Sizing text with CSS
Pixels and points are not the ideal choices
Using a combination of percent and the em measurement
Using margins to alter space between your text
Setting paragraph line-height
Transforming text with CSS
Working with HTML lists
Styling HTML lists

Basic (X)HTML Formatting

Making Text Bold or Italic
Changing the Size of Text and Using a Monospaced Font
Using Preformatted Text
Quoting, Superscripts, and Subscripts
Marking Changed Text

Introduction to CSS Layout

Working with the CSS reset file
A brief history of layout techniques on the Web
An overview of page layout options
Understanding the element: creating a two-column fixed-width CSS layout
Understanding the CSS float property
Creating columns with the float property
Working with the clear property
Creating a list-based navigation using floats
Adding text styles
The effect of margins and padding on your fix-width layout
A review of using margins and padding for layout
Styling your footer with a background image

Advanced CSS Layout

Building your page layout
Removing the background color
Working with CSS background images
Using hacks to solve layout problems
Enhancing your CSS navigation bar
Moving internal styles to the external style sheet
Creating a style for the active page
Adding images to your sidebar
Working with absolute positioning

Using HTML5 Markup

A review of semantic markup
HTML5 fundamentals
The HTML5 DOCTYPE declaration
The different categories used for HTML5 content
Using the new header element in HTML5
Adding support for HTML5 elements in browsers
Adding the HTML5 elements
Adding the other HTML5 sectioning elements
HTML5 document outlines
Adding the footer element
Adding the article and aside elements
Additional HTML5 elements
Revisiting familiar HTML elements

Creating HTML5 Forms

The need for updated forms
Reviewing how forms work
The components of a form
Adding new HTML5 input types and attributes
Creating an order form with new HTML5 input type and attributes
HTML5 form features under development
Providing fallbacks for browsers that don't support HTML5 features

Introduction to JavaScript and JQuery

Interactivity on the Web
Adobe Flash
JavaScript
JavaScript basics
JavaScript events
Placing your JavaScript into an external document
The Document Object Model
JavaScript frameworks
Hiding an element with JQuery
Adding an event trigger to show effect

Working with Video and Audio Elements

Adding video
Adding support for more browsers
Adding fallback support for older browsers
Controlling a video with JavaScript
Adding audio

Working with Canvas

Understanding the Canvas element
The benefits of the Canvas element
Drawing paths
Drawing rectangles
Drawing lines and circles
Drawing curves
Adding text
Using colors, styles and gradients
Adding images
Using transforms
Creating a drawing loop

Styling with CSS3

Understanding the role of CSS3
Using CSS3 border-radius and border-image
Adding multiple background images
Working with CSS3 transparency and opacity
Using CSS3 gradients
CSS3 gradients potential for the future
CSS3 transforms, transitions, and animations
CSS3 transforms and transitions
Working with CSS3 animations
Working with web fonts
Using @font-face to specify a web font
Using a web service to generate multiple fonts
Alternative methods for adding web fonts

CSS3 Media Queries and the Future of CSS3

The role of CSS3 media queries
Using CSS3 media queries to deliver a mobile-optimized layout
Upcoming developments of CSS3
The CSS3 multi-column layout
The CSS3 Flexible Box layout module
The CSS3 template layout module
Adding template-based position to CSS3

Offline Storage in HTML5

Offline storage in HTML5
HTML5 storage types
localStorage methods
localStorage example
Advanced data storage
Application caching
The store manifest file
Cache manifest structure
Updating the cache
The applicationCache object

HTML5 Geolocation

Understanding Geolocation
Getting the user's location
Displaying the user's location with Google Maps
Browsers absent HTML5 Geolocation
Creating a HTML5 Geolocation and Google Maps mashup
Adding Google Map markers to your geolocation page

HTML5 Drag and Drop

Drag and Drop on the Web
Cross-browser drag and drop
Transferring data with a drag-and-drop operation

Price: ,495.00
Duration: 3 days
Time: 10am – 6pm

Contact: Cari Jones, Corporate Account Manager 
Email: CariJ@fmctraining.com
Phone: 407-354-4866
?

FUTURE MEDIA CONCEPTS, INC., the nation's premier digital media training center, provides manufacturer-authorized training in all areas of digital media including digital video and film editing, web design and development, sound design, DVD authoring, 3D animation, motion graphics, desktop publishing, architectural and mechanical design and Mac IT. FMC is an authorized training bourgeois for Adobe, Apple, Autodesk, Avid, Boris FX, Digidesign, NewTek and Softimage. Founded in 1994, FMC has training centers located in New York, Boston, Philadelphia, Washington DC, Orlando, Chicago and Dubai. www.fmctraining.com

at Future Media Concepts – Orlando
6675 Westwood Boulevard Suite 145
Orlando, United States

Chicago iPhone/iPad Boot Camp – Certificate 3 Day Intensive Introduction to IOS 6 Workshop

Chicago iPhone/iPad Boot Camp – Certificate 3 Day Intensive Introduction to IOS 6 Workshop
Event on 2013-03-22 10:00:00

Read the Blog Posting about the iPhone Boot Camp Experience

If you want to develop apps on the iphone you need this intensive workshop. Don't try this on your own, unless you have a couple of months to spare ” —Craeg K Strong – lead developer, Arielpartners.com 

iPhone Boot Camp Featured on Chicago NBC News

The training was worth each penny spent, each minute attended, and each mile driven (400 miles total).  I was very happy with Arek.  He did a great job.  He's very knowledgable with  good presentation and training skills.  I'll be interested in advanced sessions in the future, please keep me posted – Mazen Neffakh,  attended March 2011 Chicago iPhone Boot Camp

“If you want to develop apps on the iphone you need this course. Don't try this on your own, unless you have a couple of months to spare ” —Craeg K Strong – lead developer, Arielpartners.com, attended Jan 2009
________________________________________________________________

The opportunities for iPhone applications developers has never been better. Apple has paid out over 5 billion dollars to developers with App in the iPhone app store. iPhone developers' work-for-hire is the highest paid in the software industry.

The iPhone Boot Camps are arguably the most inexpensive and experienced iPhone application development workshops. Our rates are often half the price of other workshops and our trainers the most experienced in the field, with apps in the top ten in the iPhone store and/or authors of favourite books on iPhone development.

Since 2008 we have trained over 1,000 developers in over sixty workshops in the United States, Canada, Australia and the UK . The training range from on-site training sessions for Fortune 500 companies such as IBM, General Motors, Bank of USA and 3 and 6 day intensive workshops for developers enrolled from companies and independent software developers.

We are the only iPhone training to offer advanced workshops and a full money back guarantee after the first day of the workshop if you are not absolutely satisfied with the training – no questions asked. Keep in mind that if you do not have a basic understanding of Object Oriented Programming (OOP) the workshop will be extremely challenging.

We specialize only in iPhone application development training. No other iPhone workshop has trained as many developers and we've learned a great deal from all our training sessions. Our workshop use proven course materials developed and tested over time and we instruct the latest versions of the SDK/Xcode – currently IOS 6. The workshops are all hands small workshops with one-on-one hands on instruction under the supervision of the trainer. 

At the conclusion of the workshop we offer an industry recognized certificate and membership in our vast network of iPhone Boot Camp alumni to further advance your career in iPhone development, including job postings from our alumni and other companies. Frequently after the workshops developers follow up their training with the trainers and partner on developing apps and if we have space acquirable in our other workshops we offer you the opportunity to take the workshop over at no additional cost. 

Our mission is to train you to develop iPhone apps on your own and most developers are healthy to so after completing the training. In fact iPhone Boot Camp alumni now have apps in the top ten in the Apple store with millions of downloads.

iPhone Bootcamp – Introductory Workshop

Want to jumpstart your transition into iOS development? You’re at the right place.

This 3 day intensive workshop will wage you with enough information to build a full-featured iPhone application using stock Apple controls and view controllers.

Topics covered in this bootcamp will include the iOS 6 SDK layers and iOS Application lifecycle, application debugging techniques, View Controller basics, multi-view application basics with TabBar and Navigation Controllers, working with the camera and image library (UIImagePicker), advanced design patterns including MVC, delegation and target-action, TableViews and plateau row operations (moving, deleting, inserting), plateau searching (UISearchBar, UISearchDisplayController).  Introduction to the UIResponder chain and touch handling, easy view animations, CoreLocation, MapKit and CoreMotion frameworks, consuming web services and uninterrupted data with NSUserDefaults.  We will also look at some iOS 6 features including Automatic Reference Counting (ARC), Local notifications and Twitter integration.

In three days you will complete about 15 hands on exercises to serve you as building blocks for your future apps.  We will finish with a full-featured “I was here” app, saving geo-tagged images of places you visited with descriptions.

  1. iOS 6 SDK overview
  2. “Hello World” and application lifecycle
  3. Documentation and Debugging
    1. Apple Class Reference Library
    2. Debugging settings
    3. Debugging techniques
  4. Memory management 
    1. Memory management model
    2. Autorelease pool
    3. ARC
  5. Requesting your developer certificate and device provisioning
  6. Multi-view Applications
    1. View controllers
    2. TabBar view controller
    3. Navigation view controller
  7. Camera and Image Library
  8. Design Patterns
    1. MVC
    2. Delegation
    3. Target-action
  9. Table views
    1. Configuring 
    2. Row operations (insert, delete, move)
    3. Searching
  10. Touch handling and the UIResponder chain
  11. UIView animation block
  12. CoreLocation
    1. Getting GPS coordinates
    2. Showing location on map
    3. Map points and overlays
  13. CoreMotion
    1. Accelerometers example
  14. Twitter integration
  15. NSURLConnection and Web Services
  16. Finishing touches
    1. Persisting data
    2. Playing sounds
    3. Local notifications

Trainers

Our trainers are all very experienced iPhone developers  and some are also authors of ideal selling books on the iPhone and Obj-C . 

Authors/developers include Jeff LaMarche ("Beginning iPhone Development. Exploring the SDK" – apress ), Stephen Kochan ("Programming Objective- C 2.0" – Addison WesleyPress) Dan Pilone ("Head First iPhone Development- A Learners Guide to Creating Objective- Applications for the iPhone" – O’Reilly Press)  Jonathon Manning and Paris  Buttfield-Addison ("iPhone and iPad Game Development for Dummies" – Wiley Press) and Matthew Campbell ("How to Make an iPhone App- Mobile App Mastery")

Developers only include trainers Eddie Marks and saint Anthony (co-founders Inedible Software, developers of the ideal selling game "Shotgun"), Ben Sgro (senior software engineer and development manager, Elephant Ventures) , Charles Gamble (founder, Percula Software) and Oz Michaeli (co-founder, Spiralstormgames.com)

What should I bring with me?

  • An Intel Macintosh laptop computer
  • Latest version of XCode and the iPhone SDK installed on your Macintosh laptop
  • An iPhone or iPod Touch, if you have one (optional)
  • Basic programming knowledge, including object-oriented programming experience, such as Java,, NET, C,  Visual Studio

Why take a workshop when I can read books, attend a lecture watch videos and webinars?

Most people, even those with extensive experience in programming, find the SDK difficult to master. Books and video are great to prepare for a workshop but there  is still no substitute for a small hands on workshop with other developer, where you can ask questions to an experienced teacher looking over your shoulder as you go through the episodes step by step. Basically it saves you month of time and money.

Press About the iPhone Boot Camp
38 Minutes Blog: Developers Perspective on iPhone Boot Camp
arnstechnica Get your pre-WWDC dev juices flowing at the iPhone Mansion

More Info about the iPhone Boot Camp

To find out more about the iPhone Boot Camp, including videos, a detailed syllabus and detailed info on how to prepare for the workshop visit our main site iphonebootcamp.com

To talk with a iPhone Boot Camp representative:  (1) 212-767-9722

Note: Our preferred communication is via email. Emails are usually answered within 24 hours

 

at Illini Center
200 South Wacker Drive
Chicago, United States

Online Marketing Institute – Search Engine Optimization (S.E.O.) – an Introduction


Online Marketing Institute – Search Engine Optimization (S.E.O.) – an Introduction
from How to Get Web Traffic Via Search Engines – Basics for Search Engine Optimization (S.E.O.)
Price: USD 0.99
View Details about Online Marketing Institute

Introduction to HTML5 and CSS3

Introduction to HTML5 and CSS3
Event on 2013-04-29 00:00:00

Course Description

Students will acquire knowledge of the latest and greatest approaches to website design and consistency. Using hands-on work exercises, they will build a small business web site of their own. Students will work with images and learn to add formatting and style with CSS to encourage consistency and simple editing in web site design.

Course Objectives

Understanding HTML5
Build effective web sites with HTML5
Comprehend the benefits of CSS3 to web pages
Acknowledge browser variations in handling CSS

Prerequisites

Knowledge of OS X and basic personal navigation

Course Outline

Note: The curricula below comprise activities typically covered in a class at this skill level. The teacher may, at his/her discretion, adjust the lesson plan to meet the needs of the class.

An Overview of HTML5

Defining HTML5
HTML5 markup
Key HTML5 elements
Web forms
New HTML5 elements
An overview of HTML5 APIs and supporting technologies
Geolocation in action
Web Workers
Web storage
CSS animations
CSS transitions
CSS 2D and 3D transformations
CSS3 backgrounds, borders, RGBa colors, gradients, drop shadows and rounded corners
@font-face web fonts
HTML5 is in a say of transition
Who is using HTML5 today?
Identifying HTML5 sites

Fundamentals of HTML, XHTML, and CSS

Web languages
Web page structure is based on HTML
The details of XHTML syntax
Doctype lets the web browser know what to expect
The W3C and page validation
HTML structure
Placing images in HTML
The role of CSS
Styling a heading
Understanding class styles and the element
Three ways to use styles
Internal versus external style sheet
What makes styles cascading

Formatting Text with CSS

The importance of typography on the Web
The challenges of fonts on the Web
Setting a font-family
Sizing text with CSS
Pixels and points are not the ideal choices
Using a combination of percent and the em measurement
Using margins to alter space between your text
Setting paragraph line-height
Transforming text with CSS
Working with HTML lists
Styling HTML lists

Basic (X)HTML Formatting

Making Text Bold or Italic
Changing the Size of Text and Using a Monospaced Font
Using Preformatted Text
Quoting, Superscripts, and Subscripts
Marking Changed Text

Introduction to CSS Layout

Working with the CSS reset file
A brief history of layout techniques on the Web
An overview of page layout options
Understanding the element: creating a two-column fixed-width CSS layout
Understanding the CSS float property
Creating columns with the float property
Working with the clear property
Creating a list-based navigation using floats
Adding text styles
The effect of margins and padding on your fix-width layout
A review of using margins and padding for layout
Styling your footer with a background image

Advanced CSS Layout

Building your page layout
Removing the background color
Working with CSS background images
Using hacks to solve layout problems
Enhancing your CSS navigation bar
Moving internal styles to the external style sheet
Creating a style for the active page
Adding images to your sidebar
Working with absolute positioning

Using HTML5 Markup

A review of semantic markup
HTML5 fundamentals
The HTML5 DOCTYPE declaration
The different categories used for HTML5 content
Using the new header element in HTML5
Adding support for HTML5 elements in browsers
Adding the HTML5 elements
Adding the other HTML5 sectioning elements
HTML5 document outlines
Adding the footer element
Adding the article and aside elements
Additional HTML5 elements
Revisiting familiar HTML elements

Creating HTML5 Forms

The need for updated forms
Reviewing how forms work
The components of a form
Adding new HTML5 input types and attributes
Creating an order form with new HTML5 input type and attributes
HTML5 form features under development
Providing fallbacks for browsers that don't support HTML5 features

Introduction to JavaScript and JQuery

Interactivity on the Web
Adobe Flash
JavaScript
JavaScript basics
JavaScript events
Placing your JavaScript into an external document
The Document Object Model
JavaScript frameworks
Hiding an element with JQuery
Adding an event trigger to show effect

Working with Video and Audio Elements

Adding video
Adding support for more browsers
Adding fallback support for older browsers
Controlling a video with JavaScript
Adding audio

Working with Canvas

Understanding the Canvas element
The benefits of the Canvas element
Drawing paths
Drawing rectangles
Drawing lines and circles
Drawing curves
Adding text
Using colors, styles and gradients
Adding images
Using transforms
Creating a drawing loop

Styling with CSS3

Understanding the role of CSS3
Using CSS3 border-radius and border-image
Adding multiple background images
Working with CSS3 transparency and opacity
Using CSS3 gradients
CSS3 gradients potential for the future
CSS3 transforms, transitions, and animations
CSS3 transforms and transitions
Working with CSS3 animations
Working with web fonts
Using @font-face to specify a web font
Using a web service to generate multiple fonts
Alternative methods for adding web fonts

CSS3 Media Queries and the Future of CSS3

The role of CSS3 media queries
Using CSS3 media queries to deliver a mobile-optimized layout
Upcoming developments of CSS3
The CSS3 multi-column layout
The CSS3 Flexible Box layout module
The CSS3 template layout module
Adding template-based position to CSS3

Offline Storage in HTML5

Offline storage in HTML5
HTML5 storage types
localStorage methods
localStorage example
Advanced data storage
Application caching
The store manifest file
Cache manifest structure
Updating the cache
The applicationCache object

HTML5 Geolocation

Understanding Geolocation
Getting the user's location
Displaying the user's location with Google Maps
Browsers absent HTML5 Geolocation
Creating a HTML5 Geolocation and Google Maps mashup
Adding Google Map markers to your geolocation page

HTML5 Drag and Drop

Drag and Drop on the Web
Cross-browser drag and drop
Transferring data with a drag-and-drop operation

Price: ,495.00
Duration: 3 days
Time: 10am – 6pm

Contact: Cari Jones, Corporate Account Manager 
Email: CariJ@fmctraining.com
Phone: 407-354-4866
?

FUTURE MEDIA CONCEPTS, INC., the nation's premier digital media training center, provides manufacturer-authorized training in all areas of digital media including digital video and film editing, web design and development, sound design, DVD authoring, 3D animation, motion graphics, desktop publishing, architectural and mechanical design and Mac IT. FMC is an authorized training bourgeois for Adobe, Apple, Autodesk, Avid, Boris FX, Digidesign, NewTek and Softimage. Founded in 1994, FMC has training centers located in New York, Boston, Philadelphia, Washington DC, Orlando, Chicago and Dubai. www.fmctraining.com

at Future Media Concepts – Orlando
6675 Westwood Boulevard Suite 145
Orlando, United States

Introduction to Adobe Dreamweaver

Introduction to Adobe Dreamweaver
Event on 2013-02-12 10:00:00

2 Day Course
Day:  Tuesdays & Wednesdays
Time: 10.00am – 4.00pm
Price from: £230

Includes Free Lunch at Jamie Oliver's Fifteen Restaurant

 

Adobe Dreamweaver is the industry leading web design and HTML editor software. This introductory one day course will ebable you to build and manage professional, well designed and standards compliant websites using Adobe Dreamweaver. HTML and CSS concepts are also covered. We also offer one-to-one tuition in Adobe Dreamweaver.
 

Course Content:

  • Introducing the Adobe Dreamweaver Interface
  • Site management
  • Creating a basic website
  • Cascading Style Sheets
  • Working with graphics
  • Creating Links
  • Organising pages for logical site structure
  • Best practice and SEO considerations
  • Using templates
  • Accessibility

 

Course requirements: This course is suitable for anyone with basic computer or Mac skills with tiny or no existing knowledge of web design. We also offer an HTML & CSS for Email course.

View Full course details: http://www.westlandplacestudios.com/course/adobe-dreamweaver

 

Enquiries
020 3397 4567
courses@westlandplacestudios.com

The short courses programme at Westland Place Studios is run by Platform 39. For all booking enquiries please call us on 020 3397 4567. We reserve the right to cancel a course no later than 7 days before the begin date if there are insufficient numbers booked onto the course. Under such circumstances a full refund will be given to anyone who has already paid.

Before booking a place on any of our courses  please ensure that you have read our  booking policy.

at Westland Place Studios
1st Floor
Islington, United Kingdom

Introduction to HTML5 and CSS3

Introduction to HTML5 and CSS3
Event on 2013-02-13 00:00:00

Course Description

Students will acquire knowledge of the latest and greatest approaches to website design and consistency. Using hands-on work exercises, they will build a small business web site of their own. Students will work with images and learn to add formatting and style with CSS to encourage consistency and simple editing in web site design.

Course Objectives

Understanding HTML5
Build effective web sites with HTML5
Comprehend the benefits of CSS3 to web pages
Acknowledge browser variations in handling CSS

Prerequisites

Knowledge of OS X and basic personal navigation

Course Outline

Note: The curricula below comprise activities typically covered in a class at this skill level. The teacher may, at his/her discretion, adjust the lesson plan to meet the needs of the class.

An Overview of HTML5

Defining HTML5
HTML5 markup
Key HTML5 elements
Web forms
New HTML5 elements
An overview of HTML5 APIs and supporting technologies
Geolocation in action
Web Workers
Web storage
CSS animations
CSS transitions
CSS 2D and 3D transformations
CSS3 backgrounds, borders, RGBa colors, gradients, drop shadows and rounded corners
@font-face web fonts
HTML5 is in a say of transition
Who is using HTML5 today?
Identifying HTML5 sites

Fundamentals of HTML, XHTML, and CSS

Web languages
Web page structure is based on HTML
The details of XHTML syntax
Doctype lets the web browser know what to expect
The W3C and page validation
HTML structure
Placing images in HTML
The role of CSS
Styling a heading
Understanding class styles and the element
Three ways to use styles
Internal versus external style sheet
What makes styles cascading

Formatting Text with CSS

The importance of typography on the Web
The challenges of fonts on the Web
Setting a font-family
Sizing text with CSS
Pixels and points are not the ideal choices
Using a combination of percent and the em measurement
Using margins to alter space between your text
Setting paragraph line-height
Transforming text with CSS
Working with HTML lists
Styling HTML lists

Basic (X)HTML Formatting

Making Text Bold or Italic
Changing the Size of Text and Using a Monospaced Font
Using Preformatted Text
Quoting, Superscripts, and Subscripts
Marking Changed Text

Introduction to CSS Layout

Working with the CSS reset file
A brief history of layout techniques on the Web
An overview of page layout options
Understanding the element: creating a two-column fixed-width CSS layout
Understanding the CSS float property
Creating columns with the float property
Working with the clear property
Creating a list-based navigation using floats
Adding text styles
The effect of margins and padding on your fix-width layout
A review of using margins and padding for layout
Styling your footer with a background image

Advanced CSS Layout

Building your page layout
Removing the background color
Working with CSS background images
Using hacks to solve layout problems
Enhancing your CSS navigation bar
Moving internal styles to the external style sheet
Creating a style for the active page
Adding images to your sidebar
Working with absolute positioning

Using HTML5 Markup

A review of semantic markup
HTML5 fundamentals
The HTML5 DOCTYPE declaration
The different categories used for HTML5 content
Using the new header element in HTML5
Adding support for HTML5 elements in browsers
Adding the HTML5 elements
Adding the other HTML5 sectioning elements
HTML5 document outlines
Adding the footer element
Adding the article and aside elements
Additional HTML5 elements
Revisiting familiar HTML elements

Creating HTML5 Forms

The need for updated forms
Reviewing how forms work
The components of a form
Adding new HTML5 input types and attributes
Creating an order form with new HTML5 input type and attributes
HTML5 form features under development
Providing fallbacks for browsers that don't support HTML5 features

Introduction to JavaScript and JQuery

Interactivity on the Web
Adobe Flash
JavaScript
JavaScript basics
JavaScript events
Placing your JavaScript into an external document
The Document Object Model
JavaScript frameworks
Hiding an element with JQuery
Adding an event trigger to show effect

Working with Video and Audio Elements

Adding video
Adding support for more browsers
Adding fallback support for older browsers
Controlling a video with JavaScript
Adding audio

Working with Canvas

Understanding the Canvas element
The benefits of the Canvas element
Drawing paths
Drawing rectangles
Drawing lines and circles
Drawing curves
Adding text
Using colors, styles and gradients
Adding images
Using transforms
Creating a drawing loop

Styling with CSS3

Understanding the role of CSS3
Using CSS3 border-radius and border-image
Adding multiple background images
Working with CSS3 transparency and opacity
Using CSS3 gradients
CSS3 gradients potential for the future
CSS3 transforms, transitions, and animations
CSS3 transforms and transitions
Working with CSS3 animations
Working with web fonts
Using @font-face to specify a web font
Using a web service to generate multiple fonts
Alternative methods for adding web fonts

CSS3 Media Queries and the Future of CSS3

The role of CSS3 media queries
Using CSS3 media queries to deliver a mobile-optimized layout
Upcoming developments of CSS3
The CSS3 multi-column layout
The CSS3 Flexible Box layout module
The CSS3 template layout module
Adding template-based position to CSS3

Offline Storage in HTML5

Offline storage in HTML5
HTML5 storage types
localStorage methods
localStorage example
Advanced data storage
Application caching
The store manifest file
Cache manifest structure
Updating the cache
The applicationCache object

HTML5 Geolocation

Understanding Geolocation
Getting the user's location
Displaying the user's location with Google Maps
Browsers absent HTML5 Geolocation
Creating a HTML5 Geolocation and Google Maps mashup
Adding Google Map markers to your geolocation page

HTML5 Drag and Drop

Drag and Drop on the Web
Cross-browser drag and drop
Transferring data with a drag-and-drop operation

Price: ,495.00
Duration: 3 days
Time: 10am – 6pm

Contact: Cari Jones, Corporate Account Manager 
Email: CariJ@fmctraining.com
Phone: 407-354-4866
?

FUTURE MEDIA CONCEPTS, INC., the nation's premier digital media training center, provides manufacturer-authorized training in all areas of digital media including digital video and film editing, web design and development, sound design, DVD authoring, 3D animation, motion graphics, desktop publishing, architectural and mechanical design and Mac IT. FMC is an authorized training bourgeois for Adobe, Apple, Autodesk, Avid, Boris FX, Digidesign, NewTek and Softimage. Founded in 1994, FMC has training centers located in New York, Boston, Philadelphia, Washington DC, Orlando, Chicago and Dubai. www.fmctraining.com

at Future Media Concepts – Orlando
6675 Westwood Boulevard Suite 145
Orlando, United States

Dreamweaver Fundamentals: An Introduction to Dreamweaver

Dreamweaver Fundamentals: An Introduction to Dreamweaver
Event on 2011-09-26 00:00:00

Description
Dreamweaver Fundamentals: An Introduction to Dreamweaver provides web designers with the knowledge and hands-on practice they need to build and manage professional websites using Dreamweaver CS5.
Audience
This course is for people new to web design and development and want to use Dreamweaver CS5 to build intuitive, captivating and accessible websites.
Prerequisites
Students must be familiar with the basics of navigating a computer or a Mac. This course instructs how Dreamweaver CS5 utilizes these technologies, but does not instruct these various concepts. If you are interested in learning more about these technologies, please review FMC’s Web Programming classes.

Course Outline
Note: The curricula below comprise activities typically covered in a class at this skill level. The teacher may, at his/her discretion, adjust the lesson plan to meet the needs of the class.
Lesson 1: Customizing Your Workspace
* Touring the workspace
* Switching and splitting views
* Working with panels
* Selecting a workspace layout
* Adjusting toolbars
* Personalizing preferences
* Creating custom keyboard shortcuts
* Using the Property inspector
Lesson 2: HTML Basics
* What is HTML?
* Where did HTML begin?
* Writing your own HTML code
* Frequently used HTML 4 codes
* Where Is HTML Going?
Lesson 3: CSS Basics
* What is CSS?
* HTML vs. CSS formatting
* CSS box model
* HTML defaults
* Formatting text
* Formatting objects
* Multiples, classes, and IDs, oh my!
Lesson 4: Getting a Swift Begin
* Defining a Dreamweaver site
* Using the Welcome screen
* Selecting a CSS layout
* Saving a page
* Modifying the page title
* Changing headings
* Inserting text
* Inserting images
* Selecting and modifying CSS styles
* Adjusting text fonts, colors, and sizes
* Using the Property inspector
* Previewing a page in Live view
* Previewing pages in a browser
Lesson 5: Creating a Page Layout
* Web design basics
* Working with thumbnails and wireframes
* Previewing your finished file
* Modifying an existing CSS layout
* Adding a background image to the header
* Inserting new components
* Modifying the page width and background color
* Modifying existing content and formatting
* Inserting an image placeholder
* Inserting placeholder text
* Modifying the footer
* Checking browser compatibility
Lesson 6: Working with Cascading Style Sheets
* Previewing a finished file
* Working with the CSS Styles panel
* Creating new CSS rules
* Creating an interactive menu
* Modifying hyperlink behavior
* Creating faux columns
* Moving rules to an external style sheet
* Creating style sheets for other media types
Lesson 7: Working with Templates
* Previewing finished files
* Creating a template from an existing layout
* Inserting editable regions
* Producing child pages
* Updating a template
* Using Library items
* Using server-side includes
Lesson 8: Working with Text, Lists, and Tables
* Previewing a finished file
* Importing text
* Creating headings
* Creating lists
* Creating text indents
* Creating and styling tables
* Spell checking web pages
* Finding and replacing text
Lesson 9: Working with Images
* Reviewing web image basics
* Previewing the finished file
* Inserting an image
* Adjusting image positions with CSS classes
* Working with the Insert panel
* Using Adobe Bridge
* Inserting incompatible file types
* Working with Photoshop Smart Objects
* Duplicating and pasting images from Fireworks and Photoshop
* Inserting images by drag and drop
* Optimizing images with the Property inspector
Lesson 10: Working with Navigation
* Hyperlink basics
* Previewing your finished file
* Creating internal hyperlinks
* Creating an image-based link
* Creating an external link
* Setting up e-mail links
* Targeting page elements
* Inserting Spry menu bars
* Inserting Spry menus as Library items
* Checking your page
Lesson 11: Adding Interactivity
* Learning about Dreamweaver behaviors
* Previewing a finished file
* Working with Dreamweaver behaviors
* Working with Spry Accordion widgets
Lesson 12: Working with Flash
* Understanding Flash
* Previewing a finished file
* Adding Flash animation to a page
* Adding an FLV file to a page
Lesson 13: Working with Forms
* Previewing a finished file
* Learning about forms
* Adding a form to a page
* Inserting text form elements
* Inserting checkboxes
* Creating broadcasting buttons
* Working with lists
* Adding a submit button
* Specifying a form action
* Emailing form data
* Styling forms
Lesson 14: Working with Online Data
* Working with dynamic content
* Previewing the finished file
* Using HTML and XML data
* Choosing a server model
* Configuring a local web server
* Setting up a testing server
* Building database applications
Lesson 15: Building Dynamic Pages with Data
* Building pages with ASP, ColdFusion, or PHP
* Creating a master/detail page set
* Creating a detail page
Lesson 16: Working with Code
* Code tools overview
* Selecting code
* Collapsing code
* Expanding code
* Adding new code
* Using Code Navigator
* Accessing Live Code
* Using Inspect mode
* Working in related files
* Accessing Split Code view
* Commenting your code
Lesson 17: Publishing to the Web
* Defining a remote site
* Cloaking folders and files
* Wrapping things up
* Putting your site online
* Synchronizing local and remote sites

at Future Media Concepts – Orlando
6675 Westwood Boulevard Suite 145
Orlando, United States

Dreamweaver Fundamentals: An Introduction to Dreamweaver

Dreamweaver Fundamentals: An Introduction to Dreamweaver
Event on 2011-09-26 00:00:00

Description

Dreamweaver Fundamentals: An Introduction to Dreamweaver provides web designers with the knowledge and hands-on practice they need to build and manage professional websites using Dreamweaver CS5.

Audience

This course is for people new to web design and development and want to use Dreamweaver CS5 to build intuitive, captivating and accessible websites.

Prerequisites

Students must be familiar with the basics of navigating a computer or a Mac. This course instructs how Dreamweaver CS5 utilizes these technologies, but does not instruct these various concepts. If you are interested in learning more about these technologies, please review FMC’s Web Programming classes.

COURSE OUTLINE

Lesson 1: Customizing Your Workspace

* Touring the workspace
* Switching and splitting views
* Working with panels
* Selecting a workspace layout
* Adjusting toolbars
* Personalizing preferences
* Creating custom keyboard shortcuts
* Using the Property inspector

Lesson 2: HTML Basics

* What is HTML?
* Where did HTML begin?
* Writing your own HTML code
* Frequently used HTML 4 codes
* Where Is HTML Going?

Lesson 3: CSS Basics

* What is CSS?
* HTML vs. CSS formatting
* CSS box model
* HTML defaults
* Formatting text
* Formatting objects
* Multiples, classes, and IDs, oh my!

Lesson 4: Getting a Swift Begin

* Defining a Dreamweaver site
* Using the Welcome screen
* Selecting a CSS layout
* Saving a page
* Modifying the page title
* Changing headings
* Inserting text
* Inserting images
* Selecting and modifying CSS styles
* Adjusting text fonts, colors, and sizes
* Using the Property inspector
* Previewing a page in Live view
* Previewing pages in a browser

Lesson 5: Creating a Page Layout

* Web design basics
* Working with thumbnails and wireframes
* Previewing your finished file
* Modifying an existing CSS layout
* Adding a background image to the header
* Inserting new components
* Modifying the page width and background color
* Modifying existing content and formatting
* Inserting an image placeholder
* Inserting placeholder text
* Modifying the footer
* Checking browser compatibility

Lesson 6: Working with Cascading Style Sheets

* Previewing a finished file
* Working with the CSS Styles panel
* Creating new CSS rules
* Creating an interactive menu
* Modifying hyperlink behavior
* Creating faux columns
* Moving rules to an external style sheet
* Creating style sheets for other media types

Lesson 7: Working with Templates

* Previewing finished files
* Creating a template from an existing layout
* Inserting editable regions
* Producing child pages
* Updating a template
* Using Library items
* Using server-side includes

Lesson 8: Working with Text, Lists, and Tables

* Previewing a finished file
* Importing text
* Creating headings
* Creating lists
* Creating text indents
* Creating and styling tables
* Spell checking web pages
* Finding and replacing text

Lesson 9: Working with Images

* Reviewing web image basics
* Previewing the finished file
* Inserting an image
* Adjusting image positions with CSS classes
* Working with the Insert panel
* Using Adobe Bridge
* Inserting incompatible file types
* Working with Photoshop Smart Objects
* Duplicating and pasting images from Fireworks and Photoshop
* Inserting images by drag and drop
* Optimizing images with the Property inspector

Lesson 10: Working with Navigation

* Hyperlink basics
* Previewing your finished file
* Creating internal hyperlinks
* Creating an image-based link
* Creating an external link
* Setting up e-mail links
* Targeting page elements
* Inserting Spry menu bars
* Inserting Spry menus as Library items
* Checking your page

Lesson 11: Adding Interactivity

* Learning about Dreamweaver behaviors
* Previewing a finished file
* Working with Dreamweaver behaviors
* Working with Spry Accordion widgets

Lesson 12: Working with Flash

* Understanding Flash
* Previewing a finished file
* Adding Flash animation to a page
* Adding an FLV file to a page

Lesson 13: Working with Forms

* Previewing a finished file
* Learning about forms
* Adding a form to a page
* Inserting text form elements
* Inserting checkboxes
* Creating broadcasting buttons
* Working with lists
* Adding a submit button
* Specifying a form action
* Emailing form data
* Styling forms

Lesson 14: Working with Online Data

* Working with dynamic content
* Previewing the finished file
* Using HTML and XML data
* Choosing a server model
* Configuring a local web server
* Setting up a testing server
* Building database applications

Lesson 15: Building Dynamic Pages with Data

* Building pages with ASP, ColdFusion, or PHP
* Creating a master/detail page set
* Creating a detail page

Lesson 16: Working with Code

* Code tools overview
* Selecting code
* Collapsing code
* Expanding code
* Adding new code
* Using Code Navigator
* Accessing Live Code
* Using Inspect mode
* Working in related files
* Accessing Split Code view
* Commenting your code

Lesson 17: Publishing to the Web

* Defining a remote site
* Cloaking folders and files
* Wrapping things up
* Putting your site online
* Synchronizing local and remote sites

at Future Media Concepts
200 S. Michicgan Ave. suite 910
Street, United States

WordPress SEO fine-tune by Meta SEO Pack from Poradnik Webmastera