Customizing WordPress Sites With Dreamweaver CC

Customizing WordPress Sites With Dreamweaver CC, Singapore SKillsFuture elarning online course

Course Description

This course will show you how to use WordPress as a platform for your website, but then take it a step further and learn how you can use Dreamweaver to develop custom themes for your site. Join Geoff Blake as he walks you through all the necessary steps to not only configure WordPress locally, but setup Dreamweaver to help you manage your WordPress site. Next he’ll show you some best practices for wireframing and then designing your custom themes. Once you’re happy with your design, Geoff will walk you through the process of installing your custom theme making live on your WordPress site.

Realise your designs into an actual site with Dreamweaver CC.

- Learn and understand WordPress and Dreamweaver
- Know about the different tools and techniques using Dreamweaver
- Learn how to apply Dreamweaver into WordPress site designs
- Discover ways to customize your WordPress site

This course is Skillsfuture Credit Eligible.

Course Objectives

1. Understand the purpose of Dreamweaver inorder to create customized WordPress sites
2. Know the tools and interface of Dreamweaver to create projects 
3. Be able to apply tools and techniques from Dreamweaver into real projects

Related Courses

  • Adobe Flash CS5: Beginner and Advanced Training for Mac and PC

    Adobe Flash CS5: Beginner and Advanced Training for Mac and PC

    SGD $99.00

    Course Description

    Adobe Flash Professional CS5 is an authoring tool that you can use to create presentations, applications, and other content that responds to user interaction. Flash projects can include simple animations, video content, complex user interfaces, applications, and everything in between. In general, individual projects created with Flash Professional are called applications (or SWF applications), even though they might only contain basic animation. You can make media-rich applications by including pictures, sound, video, and special effects. As stated by Adobe®, Adobe® Flash® Professional CS5 for PC and MAC software is the industry standard for interactive authoring and delivery of immersive experiences that present consistently across personal computers, mobile devices, and screens of virtually any size and resolution.An advanced authoring environment for creating rich, interactive content for digital, web, and mobile platforms. Dig in deeper and learn how to use advanced features of CS5 with this online tutorial training series!- Learn from the range of basics to advanced skills in Flash CS5- Understand how coding can assist in your Flash CS5 creations- Know the different tools available in Flash CS5 - Equip yourself with these knowledge and create dynamic animations and applications This course is SkillsFuture Credit Eligible.


  • Adobe Flash: CS6 & Creative Cloud

    Adobe Flash: CS6 & Creative Cloud

    SGD $99.00

    Course Description

    As you navigate through this online training series for Adobe Flash, you will learn how to customize the workspace, create .swf files, import various graphic and media files, and draw simple vector objects and symbols. You'll also be introduced to the basics of ActionScript and how to use the Snippet panel so you can write code to interact with your timeline. Lastly, explore video in Flash and convert simple animations into HTML5. Includes learning how to program a Flash® file to work as a mobile device app. Learn to use the Mobile App Simulator to test your app, as if it were actually installed on a mobile device.  Upon programing and testing the app, you will also learn how to configure the app for deployment for use on either an Android™ or iOS® powered mobile device. You will also learn how to work with and use some of the new features of Flash® Creative Cloud, which include an overview of the new dark interface, shortcut and preference panel changes, and ActionScript® editor enhancements along with improved find and replace features. Be equipped with the knowledge of Flash and Creative Cloud! - Learn the basics of Flash CS6 and Creative Cloud  - Understand how Flash CS6 still plays a role in today's development  - Know how to utilize both software in projects  - Know the purpose of the tools in Flash CS6 This course is SkillsFuture Credit Eligible.


  • Adobe CC Cartoon Production

    Adobe CC Cartoon Production

    SGD $45.00

    Course Description

    There are many ways to go about creating an animated cartoon. Luckily the Adobe Creative Cloud has all the tools you need to create a stellar production. In Adobe CC Cartoon Production you will be taken step by step through the process of creating an animated cartoon. We will first start by mapping out a storyboard and creating our characters and scenes. Next, we will animate the entire production as seen in the storyboard. Finally, we will use Premiere to edit and add polish to our animated masterpiece.Create a stellar production with Adobe CC for Cartoon Production. - Learn about the different tools used for creating animations in Adobe CC - Know how you can apply these skills and create your own animations- Master the techniques and skills in creating cartoon animatons using Adobe CC- Learn how you can turn imaginary characters into real cartoons



Getting Started With Dreamweaver & WordPress

Preview Available


Hello And Welcome

A Look At What We'll Build

The Workflow Process

Installing WordPress Locally On Windows, Part One

Installing WordPress Locally On Windows, Part Two

Installing WordPress Locally On The Mac, Part One

Installing WordPress Locally On The Mac, Part Two

Touring Through The WordPress Dashboard

Getting Dreamweaver Set Up

Connecting Dreamweaver To WordPress

Dreamweaver Tools For Working With WordPress


Previewing Your WordPress Site In Dreamweaver

New Dreamweaver CC Live View Features

Navigating Through WordPress Within Dreamweaver

WordPress Websites Versus Traditional Web Design

Discovering Dynamically Related Files

Filtering Files Displayed By Dreamweaver

Understanding How WordPress Themes Are Constructed

Understanding WordPress File Hierarchy

Using Dreamweaver's Live Code Feature

Using Dreamweaver's CSS Inspect Mode

Editing CSS With The Code Navigator

Adding Content To Your WordPress Site


Publishing Your First Post

Formatting Text In Your Posts

Creating Bulleted & Numbered Lists

Creating Additional Posts

Post Publishing Options & Deleting Posts

Changing Post Sort Order

Inserting A “More” Link Into Posts

Inserting Graphics Into Posts

A Look At WordPress's Media Library

Setting Hyperlinks

Controlling The Number Of Posts To Display

Introducing WordPress Pages

Getting Started With Custom WordPress Themes


Considerations When Customizing A Theme

Installing & Activating A Naked WordPress Theme

Viewing The New Theme In Dreamweaver

Reviewing The Theme Template

Getting The New Theme Set Up

Wireframing A Custom WordPress Theme


Roughing In The Header

Inserting The Hero & Introducing Sections

Enclosing The Site Loop

Roughing In The Get It Now & Footer Sections

Setting Up The Master

Wireframing In The Site Logo

Using Code Hinting To Build A Nav Menu

Formatting The Nav Menu

Finishing Up The Header

Wireframing The Hero Section

Constructing The Introducing Area

Wireframing The Loop

Building The Get Section

Finishing Up With The Footer

Applying Design To The Wireframe Layout


Inserting The Logo Image

Formatting The Header

Using Adobe Edge Fonts

Formatting The Hero Section, Part One

Formatting The Hero Section, Part Two

Building Up The Introducing Area

Setting Up The Blog Loop

Applying Formatting To The The Get Section

Finishing Up With The Footer

Uploading To A Live Web Server


Installing WordPress On A Live Web Server

Uploading & Activating The Custom Theme

Uploading WordPress Content

Wrapping Up


Where To Go From Here

SkillsFuture Credit Eligible
SGD $81.90
(Price excludes GST)
Convince your boss email
This site is best viewed using the latest versions of Google Chrome, Apple Safari, Mozilla FireFox, Microsoft Internet Explorer 11 and Edge which supports HTML5/Webkit technologies.