🚨 Heads up! This course is no longer supported. We recommend checking out our Webflow Essentials course.

How to basic page information to a web page (meta tags)?

Course contents
SECTION: 9
How to backup 4:44
SECTION: 17
Finished 1:58

Questions

2
0
0
0

Course info

53 lessons / 5 hours

Overview

NOTE: this course uses Bootstrap 3. Dreamweaver has recently updated to Bootstrap version 4. You can change it back to 3 using the ‘New Document > Bootstrap > Preferences'. Please do this before starting the course.

Some versions of Dreamweaver will require you to download the specific Bootstrap version you want to use and link it within the site. You can download Bootstrap 3 here: http://getbootstrap.com/docs/3.3/

Hi - my name is Dan and I’ll be leading you through this course on how to Make money building mobile friendly websites using Dreamweaver.

I built this course for the visual person, the right brained person. We won't hide from code but we'll use all the visual tools that makes Dreamweaver so amazing.

These are the skills you’ll need to become a professional web designer. You’ll learn how to make responsive websites in Dreamweaver as well as learning what to charge and how to manage a website project.

We cover everything you need to build your first website. From creating your first page through to uploading your website to the internet. During the course we’ll create a website for a mock creative agency - creating mobile and desktop versions. See our example here:

I’m a Dreamweaver Certified Instructor and an Adobe Certified Web Specialist.

With exercise files you can download and work along with me. At the end of each video I have a downloadable version of where we are in the process so you can compare your project with mine making it easy to see where you might have a problem.

I’ll be showing you how to work with Dreamweaver to easily create HTML & CSS websites. How to create mobile and tablet versions of your design and how to test your website on your phone.

I’ll be teaching you how to create navigation bars, how to work with responsive images and favicons.

We’ll work with Dreamweaver’s new Bootstrap integration to easily add carousels, tabbed menu’s and accordions. Even easier you’ll learn to impress clients by embedding videos, calendars, maps, event ticketing & social sharing options. 
 
 Know that I’ll be around to help - if you get lost you can message in the forum and together we’ll get you back on track.

Now it’s time to upgrade your skills, get that better job and impress your clients.

What are the requirements?

  • You'll need a copy of Dreamweaver CC 2015 or above. A free 30 day trial can be download from Adobe here.

  • No previous Dreamweaver or web design experience is necessary.

  • If you're not sure if this course is right for you. Email me what you’re trying to do and check if you’re on the right track.

What am I going to get from this course?

  • 60 lectures 3 hours of content!

  • Forum support from me. 

  • All the techniques used by professional website designers.

  • Ways to preview your designs straight to your mobile device.

  • Firm understanding of responsive web design.

  • Professional workflows and shortcuts. 

  • A wealth of other resources and websites to help your new career path.

What is the target audience?

  • YES: This course is for beginners. For people who prefer not to work in code. Aimed at people new to the world of web design. No previous Dreamweaver experience is necessary. People with knowledge of previous versions of Dreamweaver CC 2014 and below will also get great value from this course as the software has changed so much.

  • NO: This course is NOT suited to people experienced in using HTML & CSS. If you prefer to work in code only then this course isn’t right for you.

Course duration 5.5 hours + your own study.

Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.

Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.

Downloads & Exercise files

Transcript

Hi, my name is Dan, and in this video we're gonna look at  basic page details. Now, there are two of them. Okay? One's called the title and one's called the description. And you should do this when you create every page. Now, what are they?

They're the things  that Google lists when it lists your site. So you absolutely need to have them per page. So if I go out to Google, if I go to Google  and I look at, I do a search for, say,  creative agency, you get two. So let's skip the ads. Let's go down to these guys here. So this is what's, what is considered the title, okay?

Everything in blue. And this down here  is called the description. And you add that physically to every page. And then when Google lists you okay  and ranks you in its engine, it will use both your title  and your description to display to the audience. So they're quite important. A lot  of people when they're new, especially in Dreamweaver,  they'll use, uh, watch this into Dreamweaver.

It's called, it'll be called Untitled Documents. If I go into Dreamweaver here and I go to properties,  and you can see down here it's called Untitled Document. That's what would be listed here. And you will never get a ranking if you've got a page called  Untitled Documents. So as you're going in, as you're building your pages,  make sure you give it a page title and a description. So let's do that.

It's really easy,  have nothing selected, okay? And you'll have your document title down here. Now there's an art to naming your page. Um, we're gonna call ours, bring your own Laptop. Bring your Own Laptop, and maybe Adobe Training. Okay, so there's my title,  and that's what's gonna list in blue.

Now I need to add my description. Okay, it's called meta description. To add the meta description, it's under insert  and under  H, TM L there's one in here called Description. Great. Now the description, remember is  that second part in Google,  and this is descriptive text of the page. It has to be unique for every page, just like the title.

So if you've got a hundred pages,  you're gonna have a hundred, um, page titles  and a hundred meta descriptions. Okay? It can be a little painful when you're writing these  out, but they are in necessity. Okay? In terms of what you should write in description, uh,  this is kind of where you get to do your sales pitch, okay? Um, now Google will clip you off at about 180 characters,  so don't write it too long.

Um, so now I've got one that I've written already,  so don't make it too long. Um, click okay. And the weird thing is, is that your page  hasn't changed at all, right? So it's just, if we're in now index page under a source  code, click split view. If I scroll up to the top here,  you can see there's my description. Okay?

And where is my title? There it is there. Okay. So in between the open  and close of the title, there it is there  and there is my description. Okay? You can go through and edit it  in code view if you like.

Afterwards, it's up to you. Or you can do it down here. It doesn't really matter. But remember that every page needs a page title  or a page description. Now, let's check out on Google just  to remind ourselves this up here is the page title,  and this is the description. Okay?

You can see with longer ones,  you can see the longer title it gets cut off. Do. It's better to have a short to the point title,  and same with the meta description. If it gets too long, can you see? Google decides to cut it off  and it's not, it's a little bit arbitrary about  where it cuts it off. It's pretty close to about 180 mark.

Oh yeah. And before we go, I just wanted to quickly point out  that the body is everything. You see this little thing here? Don't delete it. Okay. Um, this is our jQuery and we need it.

I'm gonna push it to the bottom. Um,  just make sure he's always there. If you're having problems with your site later on  and things aren't working, that should, it could have been  that you've broken this  or deleted it by accident, just leave him down the bottom  and ignore him, and the word site will work. Okay? That's to add basic page details, uh, page title  and meta description. And you should do this for every page on your Dreamweaver  site.
  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2025