Dreamweaver Templates And JavaScript Menus
Skill Success
Summary
- Certificate of completion - Free
- Tutor is available to students
Overview
This course includes lifetime access so you can complete it at your own speed.
Let’s build a portfolio website using Adobe Dreamweaver!
We’ll use Dreamweaver’s handy templating tools to make updates to our site super easy. We’ll create our very own mobile ‘burger menu’ from scratch learning some basic JavaScript & jQuery.
You do not need any previous knowledge in Dreamweaver or web design experience. We will use Dreamweaver ‘split’ view so we can use all the good visual tools as well as doing some simple amends down here in the code as well.
In this series we will take this static design from either Illustrator or Photoshop and together, step by step, build everything in HTML, CSS & JavaScript. We will make our own navigation. We will make adjustments so that everything looks great on different mobile devices.We will work with beautiful fonts & colors & even add Google Analytics to our site to get amazing information about exactly who visits your site.
Now web design can sometimes be tricky so I am here to help – just message me if you get stuck. There are also exercise files so you can follow along. I even save a full copy of the website at the end of every video so that you can check yours against mine if you’re is not working quite right.
Let’s get excited about finally being able to build a website like a professional web designer.
Benefits of taking this course include:
- Unlimited and lifetime access to the course
- Learn the course at your own pace
- Course can be accessed on any platform
- 24/7 Customer support
Course media
Description
Dreamweaver Templates And JavaScript Menus course will cover the following topics:
Topic 1 - Overview
- Illustrator To Dreamweaver Tutorial Introduction
- What We’ll Be Building And Resources For This Course
Topic 2 - Creating An HTML Website In Dreamweaver
- Setting Up Adobe Dreamweaver To Create Websites
- How To Create A New Website In Dreamweaver
- How To Create A New HTML Page In Dreamweaver And Put In Your Logo
- How Best To Preview Your Website In Adobe Dreamweaver
- Moving Tags Around In Dreamweaver
Topic 3 - Using CSS In Dreamweaver
- How To Create, Edit And Style Your First CSS Style Sheet In Using Dreamweaver
- How To Change Or Adjust The CSS Styles In Your Dreamweaver Website
- How To Center Your Website In Dreamweaver Using A Container
Topic 4 - Responsive Websites
- How To Make A Website Change For Mobile Cell Phones And Tablets Using Dreamweaver
- How To Test Your Dreamweaver Website On A Mobile Phone Or Tablet
Topic 5 - Mobile Navigation Menu
- How To Create A Hamburger Mobile Drop Down Menu In Dreamweaver
- Using Javascript jQuery To Make A Mobile Dropdown Burger Menu In Dreamweaver
- Styling Our Hamburger Menu And Getting Our Ul Menu To Stack Side By Side
- How To Add Different Fonts To A Website In Dreamweaver
- Fixing The Style Of The Mobile Burger Drop Down Menu In Dreamweaver
Topic 6 - Adding Content
- Planning For Our Dreamweaver Template
- Add A Background Image That Is Outside Our Main Container In Dreamweaver
- How To Use The HTML5 Main Tag In Dreamweaver
- How To Add The HTML5 Footer Tag To A Website Using Adobe Dreamweaver
Topic 7 - Templates In Dreamweaver
- How Do I Make A Template In Adobe Dreamweaver?
- How To Create New Pages Based On A Dreamweaver Template.
Topic 8 - Adding Content 2
- How To Create A Responsive Hero Box For Our Website In Dreamweaver
- Fix Problems With Div Tags When You Float Left In Dreamweaver Aka Clearing The Float
- How To Add And Change The Styling Of A Horizontal Rule HR In Dreamweaver
- How To Create A Button In Adobe Dreamweaver CC
Topic 9 - Responsive Content
- Change Fonts And Spacing Of A Website For Tablet And Mobile Sizes Using Dreamweaver
- How To Turn Off Parts Of A Website In Different Views Like Mobile Or Desktop
- How To Create A Responsive Image Grid In Dreamweaver
- How To Make Your Images Responsive In Dreamweaver To Match The Page Size
- How To Make Different Columns For Desktop, Tablet And Mobile Websites In Dreamweaver
- How To Create A Clearfix Pseudo After Class In Adobe Dreamweaver
Topic 10 - Other Pages
- How To Create And Link New Pages In Dreamweaver Using Templates
Topic 11 - Hosting And Analytics
- How To Upload Your Website To The Internet Hosting Via Dreamweaver
- How To Add Google Analytics To Your Dreamweaver Website
Who is this course for?
This course is designed for anyone who is interested in learning how to build websites using Dreamweaver templates and JavaScript
Requirements
No prior knowledge is required to take this course.
Questions and answers
Currently there are no Q&As for this course. Be the first to ask a question.
Certificates
Certificate of completion
Digital certificate - Included
Reviews
Currently there are no reviews for this course. Be the first to leave a review.
Legal information
This course is advertised on reed.co.uk by the Course Provider, whose terms and conditions apply. Purchases are made directly from the Course Provider, and as such, content and materials are supplied by the Course Provider directly. Reed is acting as agent and not reseller in relation to this course. Reed's only responsibility is to facilitate your payment for the course. It is your responsibility to review and agree to the Course Provider's terms and conditions and satisfy yourself as to the suitability of the course you intend to purchase. Reed will not have any responsibility for the content of the course and/or associated materials.