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

  • What's New In Adobe CC 2015 Graphics & Web (FREE)

    What's New In Adobe CC 2015 Graphics & Web (FREE)

    FREE

    Course Description

    The lastest release of Adobe’s Creative Cloud suite boasts a host of new features to help you be more productive and creative. In this course, veteran trainer Geoff Blake walks you though the latest features, and outlines how you can make the most from them. Starting in InDesign, you’ll learn how to insert and manage images in tables, paragraph shading, and InDesign’s new Publish Online feature. Then, it’s on to Dreamweaver, where you’ll discover new features like Emmet support, code error highlighting, and how to connect and preview layouts using your mobile devices. Next, it’s on to Photoshop, where you’ll learn how to create and manage artboards, the new Design Space interface, and how to use the Device Preview panel.All this and more awaits in What’s New In Adobe CC 2015: Graphics & Web!- Know everything there is about Adobe CC 2015- Learn the tools and techniques to create dynamic graphics - Be able to utilize this knowledge into your own projects - Have a deeper knowledge in Adobe 

    Read more...

  • Photoshop Skill Builder Workshop (FREE)

    Photoshop Skill Builder Workshop (FREE)

    FREE

    Course Description

    Learn how you can push your Photoshop skills even further! Lead by award-winning trainer Geoff Blake, you’ll discover a handful of techniques for creating stunning black and white images, use Layer Effects to create eye-popping effects, how to build a grid layout for your next web project, and how to non-destructively dodge and burn your images to help make their shadows and highlights pop! Learn how to effectively make your images POP with some Photoshop magic!- Learn the techniques and tools of Photoshop - Know how to apply the tools and techniques- Learn how to create dynamic and beautiful photographs- Learn the secrets of Photoshop and use it to your advantage

    Read more...

  • Photoshop CC For Web Design Bundle

    Photoshop CC For Web Design Bundle

    SGD $35.00

    Course Description

    With so many file formats, colour spaces, and image types, knowing where to start with web graphics can be daunting. But guided by this thorough, yet easy to follow course, you’ll be feeling like a pro in no time! Join award-winning trainer Geoff Blake as he takes you step-by-step through the process of preparing images for your next web project. You’ll learn all about the web friendly file formats, when to use each, and how to get the most out of them. Discover web colour spaces, methods for working faster and more efficiently, and an approach to image resolution that’ll leave you feeling like a Zen Master of web graphics! Break down the barriers, dispel the myths, and clear the clutter. In just a few short hours, you’ll have clarity and confidence using Photoshop for your web projects! Give your page that extra zest with Photoshop! - Learn how Photoshop can give that extra touch to your website  - Learn the step-by-step process of designing your website  - Know what and how to prep for your web design  - Learn and understand the considerations of web design  This course is Skillsfuture Credit Eligible.

    Read more...


Content

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)
GET ACCESS NOW
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.