How to Create HTML5 Templates in Dreamweaver

How to Create HTML5 Templates in Dreamweaver using Dreamweaver's Template System
HTML templates are used to create continuity for your website design, enabling the web pages to have the same look and feel across the entire website. HTML templates allow for code reuse and can save man-hours for your web design projects. HTML templates can be presented to clients to get their approval of the overall look and structure of their website prior to investing any considerable time in a structure only to be told, that is not the look that they wanted. HTML templates are time savers and money savers. HTML 5 templates are good business.
In this video, we will learn how to Dreamweaver's template system and create our own HTML5 template.
We will incorporate the following HTML 5 tags in our template design:
- Header
- Nav
- Section
- Aside
- Footer
After we have the basic HTML5 in place, we will style the template with CSS. We will learn how to create a separate CSS style sheet and attach the style sheet to our HTML5 template.
We will learn how to create editable regions. Your HTML5 template will be locked and un-editable except where you specifically allow edits. This will prevent anybody from changing any of the structures that you want to remain consistent across the website.
Learn Dreamweaver
#Dreamweaver #Tutorial

[@nanoarts214]

great tutorial, my teacher is making us follow this for a class project (webdesign 2), i can confidently say you taught me more in 20 minutes than i've learned from a year and a half in this class, cheers man

[@Skeeterz71]

Thanks!

[@CodingMazaa]

Really helpful tut. Great for beginners.

[@benwilson5929]

Good tutorial. You sound like Patrick Bateman.

[@RobertBlanda]

Very Helpful. I'm trying to make it easy for my assistant to take my responsive eblast designs and have her just type in the fields that will change without having to have her edit code. I also didn't want to implement a database for the sake of portability. I'll finish watching your video later, but I wanted something that would GENERATE the code itself.

[@dibashchuke6144]

Great Tutorial! Really Helpful!!

[@jiyaadali]

Love this video great tutorial:) my exam is on this tommorow

[@user-rq6cz3ph5v]

you are king.
thank you very much.

[@hillarybasemeza9373]

I really like this.thanks

[@KevinSNavarro]

Youre gunna save me :) 30% assignment tmr no extensions heheeh

[@P_double_H]

Awesome man... keep up the good work!

[@Skeeterz71]

Glad it helped

[@sublimetx]

Thank you for making this video. I found it to be very helpful.

[@Skeeterz71]

Glad you found it helpful

[@shawnadriscoll6830]

SkeeterZ71
- Web & Graphic Designer​ Tutorials

[@mariocarnival]

The problem is that if we have to use one day a code editor, out of dreamweaver, the templates coding will not work, right?

[@bowtiemenswearllc7945]

Thank you for your tutorial. I have learned a lot and so far you been the best teacher. I will subscribe to keep learning from you. I own CS5 until I buy the Dreamweaver cc, hopefully soon " awesome "

[@Skeeterz71]

Thanks!

[@bowtiemenswearllc7945]

Your welcome!

[@bowtiemenswearllc7945]

Are you going to keep adding more videos and classes by you?

[@Skeeterz71]

I think I will in the near future.

[@DavidTimberDKT]

What's the difference beteween selecting New>Blank Page and New>Blank Template?

[@sylteboks4408]

how do you open the CSS rule definition?

[@Krall117]

video was ok

[@HalimHassani]

You tube don't force people to watch ads.

[@cancerinokripparino5575]

looks like im in biology section