Advanced Dreamweaver Course
Build advanced, interactive sites with Dreamweaver
Instructor-Led CourseFeedback from design professionals
Creative ProjectsStretch your skills, grow your portfolio
Learn at Your Own PaceSelf-paced and scheduled programs available
1 - Bootstrap Layouts
We'll dive right into the latest options for building responsive layouts using the Bootstrap framework. Emphasis will be placed on making good design decisions, not just the right technical moves. After a foundation in Bootstrap, you'll learn how to use absolute positioning to expand the possibilities of a responsive layout, incorporate and organize HTML5 structural elements within Dreamweaver, and apply layout changes using the Code Navigator and CSS Inspector.
2 - Extending Dreamweaver
In this lecture, you'll explore how to use Dreamweaver to apply advanced CSS techniques to improve your visual design concepts and speed up site development. Before CSS, text shadows, box shadows, gradients required extra graphics. Now, you can achieve the same effects with a few lines of code. And Dreamweaver can implement that code for you—with the right clicks! We'll also take a look at Dreamweaver's tools for collaborative site editing.
4 - CSS Transitions
No matter how pretty your Web page is, no one is going to stop and stare at it for long. What users do is interact. And when they interact, you want that pretty page to come to life. A live Web page is not a static design comp; a live page moves and breathes. Using CSS transitions, you can control the timing and effects created by interactivity. In this lecture, we'll try out transitions of all shapes and forms.
5 - Form Page Design
In this lecture, you'll learn how to design and "hook up" a basic form that looks and works great. We'll look at how to create various form elements such as text fields, radio buttons, checkboxes, and submit buttons, explore ways of implementing different types of form handlers and learn to troubleshoot common form problems.
6 - jQuery Mobile
jQuery Mobile is a touch-optimized Web framework for smartphones and tablets. The code is based in HTML5 and the design themes are customized with CSS. Add jQuery widgets for accordions, toolbars, grids, and form elements, and you've got yourself a great toolset. Dreamweaver makes jQuery Mobile easy to implement, whether you are planning to build a native app or a browser-based mobile Web site. It's the perfect place to end our journey through Dreamweaver's advanced features.
- Develop and submit for feedback six responsive Web sites demonstrating specific Dreamweaver techniques.
- Create attractive, consistent, and responsive Web site designs relative to target audiences.
- Use CSS (Cascading Style Sheets) to format all text and content areas in a site.
- Incorporate a navigation system using a Bootstrap navbar.
- Utilize the following CSS techniques: text shadows, border radius, box shadow, opacity, and gradients.
- Utilize CSS positioning to accurately position and align content areas.
- Build an attractive working image carousel.
- Insert three accordion menus and customize the accordion menus styles.
- Create and style a photo gallery using caption hover effects.
- Create the front-end of a Web-based form using appropriate HTML form elements.
- Integrate a form with a free form handler service.
- Apply CSS transitions to the main navigation bar and external links.
- Design an effective and attractive custom jQuery theme using ThemeRoller.
- Accurately incorporate jQuery list views and collapsible blocks.
- Embed Google maps in HTML files and link to them using jQuery buttons.
Interested in this course? Scheduled and self-paced enrollment options are available. Ask Admissions about taking this course as part of a degree or certificate program.
|Course Level||Classes start||Registration Fee||Technology Fee||Tuition|
3 credits, 15 weeks
|Jan, May, Aug||$200||$50/semester||$375/credit|
60 clock hours, 3 months access
|Enroll today, start tomorrow||$50||$25/course||$524|
|* Registration fees are nonrefundable after 5 days from enrollment. All tuition includes a digital materials fee for updates to course or program content.|
|** Effective Sept 1st, 2016, all non-matriculated degree course students will be required to pay a $50/semester technology fee, and vocational course students will be required to pay a $25/course technology fee.|
Software and Supplies
To take this course you'll need:
- Computer with Internet connection.
- Adobe Dreamweaver CC
- Basic experience in the above software.
- An account with a Web hosting service. Free services are available. Check with your Web host to make sure it supports Dreamweaver's FTP protocol.
- Adobe Photoshop recommended but not required.