Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CS6
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Transcription

  • Related Books

Bookmark and Share
Lecture Comments (2)

0 answers

Post by Candyce Mairs on February 5, 2015

When inserting special characters into a web page, it is important to use ASCII characters for HTML entities. Each of these special characters require an & at the beginning and a semi-colon at the end. You can view a listing of these characters at and choosing the first link for ASCII characters.

Within Dreamweaver, if you use Insert->Character and choose Copyright, Dreamweaver will create the correct ASCII characters on your web page. If you are inserting these characters directly from your operating system using a shortcut command, these characters will not display correctly on the web page once the page has been uploaded to a web server.

Be sure to use the Insert command or Insert panel to add these special characters to your pages and you should not have any issues.

0 answers

Post by James Cocherell on February 5, 2015

My characters are showing in the code as bold and without the ampersand.  ie. copy;  I have also posted an issue about the bold and italic buttons showing as <b> and <i> instead of <strong> and <em> in the previous lecture.  I believe the issues are related.  Please advise.

Inserting Special Characters

  • We will take a look at ASCII characters as entity names/numbers within HTML
  • Add the following text to the bottom of the destinations.html page:
    • Copyright 2013 Wanderlust Travel
  • To add the copyright to the lower right portion of the page
    • The copyright and other symbols are available in the text tab of the insert bar
    • Far right, drop down arrow in the text tab
    • Whatever you chose last will show  up as the icon for this area
    • Show both the insert menu & the insert bar sections
  • Display the code in the code view
  • There is special html code needed so this shows up correctly on all OS & browsers
  • You can view ASCII character entity names/numbers page within the HTML resources area at by using the first link in the left column
  • Do not use the character map from your operating system, always use the ones from within Dreamweaver or those listed on this page

Inserting Special Characters

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • ASCII Characters 0:12
  • Create Copyright Message 2:10
    • Insert Copyright Symbol

Transcription: Inserting Special Characters

We are going to take a look at inserting special characters within our web pages using Dreamweaver.0000

But I want to explain a concept before we do, and that is the concept of an ASCII character; so, I am on my Resources page for HTML--if you click Resources and then click HTML, that is where I am; and the very first thing in the upper left I want to show you.0008

This is called an ASCII character; and basically, there are characters and symbols within your code that you will end up needing to use in order to create things like ampersands and copyrights and registered and trademark and a few other things.0029

And if you notice, within this HTML number versus name, what these actually are...this is an entity number and an entity name.0049

Basically, what happens is: a character starts with the ampersand and ends with the semicolon in every example.0061

If you look all the way down, the numbers all have an ampersand and a pound sign; the names do not; but it has an ampersand, and then it has a semicolon at the end.0070

Notice, here is the @ symbol; now, the @ symbol has an ampersand and the pound sign; notice, there is no specific HTML entity name for this one.0083

If you see these types of characters in your code, and you are not quite sure what they are--if it starts with an ampersand and ends with a semicolon, it is some type of entity number or name.0095

HTML and browsers don't understand characters from your regular operating system; when it is reading the page, it has to be able to understand your characters.0109

So, what you want to make sure you are always doing when you are working with some of these special characters is: you are using the entity name.0121

Let me show you how to do that using Dreamweaver.0130

I'll close this page up; and what we actually have on our Destinations page is: there is no copyright information down here, so what I am going to do is add it.0134

After my last list (and let me do that again to show you)--if I put my cursor after this, because I am in a list, sometimes it is tricky to get out of a list; the general rule is to hit Enter or Return twice in a row, and it should pop you out of the list.0146

I'll hit Enter or Return--1, 2--and it pops me out; notice, it moves me down, and I am now inside a p tag.0168

That is something to watch for: if you put your cursor after a list, make sure you get out of the list by hitting Enter or Return twice; and then, you want to double-check where your cursor is located.0177

So, I am just fine now; what I am going to do is add Copyright 2013, and let's do Wanderlust Travel; so there is no copyright on this page right now.0189

What I want is: I want to put the copyright symbol in front of the word Copyright; and just so you know, it is not mandatory at all to have both of these--you don't need the copyright symbol and the word "copyright" together.0203

But you will find a lot of people do it anyway, so I want to show you how to put that code in there.0221

Within Dreamweaver (and I am going to do this in Split View so you can see the code), you can see, here is the copyright; and if you can't find it, just highlight the line and it will show you where it is in the code.0226

I am going to put my cursor in front of the word Copyright, and then we'll look at the code that Dreamweaver created, if I do it the right way.0240

I am going to click on the Text tab; and within the Text tab, by default, there is this BR at the end; but any time in an Insert bar you see a little dropdown black arrow, that tells you there are more options if you click here.0249

I'll click on that, and here are some of those entity names or numbers for special characters you may want to add.0267

Now, the print folks in the crowd are always asking me about the quotes or the em or en dashes; this is where you can find them.0276

You can also create a nonbreaking space--we will come back to that later.0285

But what we want for right now is the copyright; and notice, here is my copyright, so I'll select it; and take a look at what Dreamweaver added in my code.0291

You can see that it has an ampersand at the beginning; it has a semicolon at the end and the word copy in the middle; this is referred to as an entity name, because it is named the word "copy."0304

We can't just copy one of our characters from our operating system and dump it onto an HTML page.0318

I am sure you have all seen, at some point, these funny little characters appear on your HTML page; and if you did, that is exactly what happened: HTML can't read funny little characters from your operating system.0327

I am going to put an extra space in here; and whichever item you used last, that will be the one that remains here until I use it again.0343

So, just be aware that, when you choose one from the dropdown, whatever one I choose last--it stays there until I change it again; so, I'll go ahead and put it back on the copy, because that is probably the most common one I use within this area.0354

Now, what I actually did was added a copyright and a euro symbol into my code; you can see, it is right here; every time you click one of those, you are adding into your web page--so just be aware of that.0370

And I can simply select those two and hit the Delete key, and I am all set.0387

I will save my page; and we now have that copyright symbol within our web page, or whatever other symbols we need.0393

Now, if these are not quite enough, you do have one down at the very bottom; click on that, and it provides other characters as well that you may need on your page.0403

That is adding special entity names or numbers (in other words, special characters) within Dreamweaver.0415

It is important to always use Dreamweaver to do that, to make sure that those characters can be understood by the browser.0424

Those are special characters and how to use them within Dreamweaver.0432

Thank you for watching; see you in the next lesson!0438