In this tutorial I will show you how to get your LESS and SASS files working in Dreamweaver. If you don't know what LESS or SASS are, they are CSS pre-processors. You need to learn them. They are great.

Producing content for mobile devices raises the issue of testing the content in a situation as close as possible to the reality. Most of the time, you’ll only test the HTML 5 output of Captivate only on the mobile device you own or, even worse, in the desktop version of an HTML 5 web browser. If you are a Mac user, there is an easy way to test the behavior of your Captivate HTML 5 content on iOS devices, without even owning such a device.

My Advance Web Design I students completed an assignment called Bringing It All Together (Assignment: http://mrscullen.com/images/bringingitalltogether.pdf .) With this assignment they had to create a Website for there class which provides tutorials on the main Dreamweaver topics we covered in class. Each student was assigned a topic to cover and loaded their lesson page onto the class Website template in Dreamweaver. At the end of the ...See more

Adobe Brackets is a tool which should be considered for use in teaching introductory web design and development classes. Don't rely on tools like Notepad++ or Text Wrangler. I provide a series of reasons why Adobe Brackets can be very helpful for those just learning HTML and CSS and JavaScript.

I also provide links to a couple of websites which may give you a better understanding of Brackets.

Explore The steps of web pages design, the element of web pages, the guidelines for the design elements of a web pages, tips in web page creation and design, the guidelines for creating library web sites, using a graphic computer applications to appropriate, essential, and relevant to the content of the page, functional, serve a purpose and/or provide information. Of size, quality and file format appropriate for the page content.

This is the fourth of a series of posts outlining an ever-evolving plan to re-imagine and reconstruct a self-paced, collaborative, student-centered learning environment to better prepare kids for challenges they’ll face in a rapidly-changing 21st century workplace. Comments, critiques, suggestions, etc. are always welcome.

Since much of this will conflict with preconceived notions, common sense, and other conditioned reflexes, I offer these words to...See more

A basic bare bones introduction to HTML 5 with Dreamweaver CS6. The series will continue on to look at headings and hierarchy, formatting text, the document head, css styles including layouts and finally an introduction to some very simple JavaScript.

Getting started and finding your way around, plus setting up a Dreamweaver site locally to manage your website files.

This is the third of a series of posts outlining an ever-evolving plan to re-imagine and reconstruct a self-paced, collaborative, student-centered learning environment to better prepare kids for challenges they’ll face in a rapidly-changing 21st century workplace. Comments, critiques, suggestions, etc. are always welcome.

Since much of this will conflict with preconceived notions, common sense, and other conditioned reflexes, I offer these words to...See more

This is the second of a series of resources outlining an ever-evolving plan to re-imagine and reconstruct a self-paced, collaborative, student-centered learning environment to better prepare kids for challenges they'll face in a rapidly-changing 21st century workplace. Comments, critiques, suggestions, etc. are always welcome.

Since much of this (and what will follow) will conflict with various preconceived notions, common sense, and other condit...See more

This is the first of a series of resources outlining an ever-evolving plan to re-imagine and reconstruct a self-paced, collaborative, student-centered learning environment to better prepare kids for challenges they'll face in a rapidly-changing 21st century workplace. Comments, critiques, suggestions, etc. are always welcome.

Since much of this (and what will follow) will conflict with various preconceived notions, common sense, and other c...See more

This .pdf file provides video tutorial links on how to create dynamic content in InDesign to be published to the iPad. There is a video tutorial provided on the following skills:

1. Hyperlinks and Buttons

2. Scroll Fram (scrolling text)

3. Slideshow

4. Pan and Zoom

5. Audio Overlay

6. Image Sequence

7. Panorama Overlay

A project to introduce the Adobe Edge Animate timeline in an open and creative way.

www.lynda.com

Adobe Muse software enables you to create HTML websites for desktop and mobile devices, without writing code. In this recorded presentation, you will hear from Professor Mark Dubois, to see how design web-standard sites, let you design print layouts. Understand how professors in many disciplines can c...See more

On April 9, I gave a webinar on how Adobe MUSE can be used by educators. I provided an example website. There is also a recording of the session. Links below should take you to the appropriate resources.

Este recurso explica con contenidos interactivos, ejemplos, ejercicios, actividades de aprendizaje y evaluaciones de seguimiento el Sistema de Gestión de Eventos en ActionScript 3.0.

El sistema de Gestión de Eventos de ActionScript, se ha pensado para facilitar la programación para las plataformas de Adobe® Flash® Player y Adobe® AIR™.

El modelo de eventos se basa en un enfoque verdaderamente Orientado a Objetos y basado en estándares interna...See more

This project was undertaken by students from Midhurst, England as part of their advanced studies in computing technology and follows a scenario set by the OCR exam board to produce an animated robot character that has to perform a few simple moves using tweened animation.

The pupils had to firstly design their robot in Illustrator before importing it into Flash to work on the animation.

Resources to support this process are included here and include example fla files and ...See more

This simple file teaches beginners how to scan a photo into Photoshop CS6 step by step.

I am really excited about Adobe’s newest product lineup. Last month saw the pre-release of Reflow, effectively a beta which you’re all invited to play around with and poke holes in, so you can let the makers know what you want to see in the final version.

Reflow is a visual editor for responsive web layouts. It aims to plug the gap between static design applications (such as Photoshop and Fireworks) and working directly with code in the browser. Let’s take a lo...See more

Let’s look a little deeper into what Adobe Reflow can do for our web design process. To begin with, we’ll prepare some visual assets in Adobe Fireworks, we’ll then export them across to Reflow. Having done that, we’ll examine some of Reflow’s key features as we build our design responsively.

Remember: Reflow is a work in progress. It will evolve and develop asyou guysfigure out what it should be doing....See more

A 3- part video tutorial that walks you through a typical project from concept and asset creation to assembly in Reflow.

Reflow is a visual editor for responsive web layouts. It aims to plug the gap between static design applications (such as Photoshop and Fireworks) and working directly with code in the browser. Let’s take a look and see if it does a good job..

I would like to introduce a draft of what a four-year Adobe curriculum could potentially look like. This is in response to the question at http://edex.adobe.com/resource/c2eda9/.

Disclaimer: Several of the products on this list I have never used, or know only slightly. If the community would like to take ownership of this curriculum outline and fix it up, please do!
Year 1: Basic artistic competency.
Year 2: Advanced artistic compete...See more