Dreamweaver - HTML and CSS Using Dreamweaver

Adding copy to Dreamweaver

Questions

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Course info

34 lessons / 3 hours

Overview

Dreamweaver (and web design in general) is such a hard program to teach yourself. We know, because as Dreamweaver trainers we have all taught ourselves. We wish we had a resource like this when we were learning.

Hand coding a website from scratch is now a thing of the past. Web designers use tools like Dreamweaver to a lot of the heavy lifting. We imagine this is your first website build and we're glad we're here to help make this process a little less troublesome. 

Who should use this?

Anyone that is brand new to Dreamweaver and anyone brand new to web design in general. If you're reasonably experienced in web design you might find this course a little slow going.

What do you need?

  • You'll need a laptop (Mac or PC)
  • Dreamweaver CC installed. Dreamweaver can be downloaded from theAdobe website here.

Can I use this tutorial with Adobe Dreamweaver CS4, CS5 or CS6?

No. Unfortunately there were some fundamental changes in the Dreamweaver CC update that makes CC and previous versions very different.

Remember you can download Dreamweaver CC free for 30 days. Don't worry - after your free trial has expired your files will still be updatable using any other web design program.

If you like the tutorials we'd love you to like, share and tweet it. We'd be very grateful.

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

Download Exercise Files

Transcript

Dreamweaver tutorial 03: How to add text to a webpage.

Hi, Welcome,

My name is Daniel Walter Scott. I am a trainer here at Bring Your Own Laptop. This course is designed for people who are new to dreamweaver and web design. The topic we are covering today is: Adding text to our website.

You will get text that will come from another website, a word document or from an email and you have to copy it in to Dreamweaver. A lot of styling will come along for the ride with that text and cause you a lot of problems in your code for Dreamweaver.

We want to show you how to remove any styling that might get attached to the text before you bring it in to Dreamweaver. As an example, I have a word Document. You can see here someone has gone through and added headings, a hyperlink as well as some other fonts and colour. If I copy it and go back in to Dreamweaver and paste it in, it brings through the Times New Roman with a hyperlink, a table and different fonts. That can cause me a lot of problems, especially when I’m new to this. I don’t know how to remove a lot of that stuff. It’s best to remove all the formatting before you bring it in to Dreamweaver.
Washing your text

So I’m going to go to Edit > Undo and I’m going to do it all again. What I need to do is what they call ‘washing the text’. I need to strip off all the formatting. We are going to do a step here. On a Mac going from Word, we will copy and paste in to ‘Text Edit’ (which is built in to every MAC, you may need to go off and find it). On a PC you will use ‘Notepad’ which is built in to every PC.

So on a MAC I am going to copy the text. ‘Edit’ – ‘Copy’, move in to ‘Text Edit’, make a new document and paste it in here. On a MAC it still brings through all the formatting. So on a MAC I need to do an extra step here. I need to go to ‘Format’ and then ‘Make Plain Text’. Once I press ‘OK’, It just turns it in to a plain text. On a PC once you copy in to ‘Note Pad' it will be nice plain text straight away. So there is one less step in a PC.

So we are now going to ‘Select' 'All’-‘Edit’-‘Copy’- ‘Move to Dreamweaver’, -‘Edit’ - ‘Paste’. You can see it brought through the text but without all the headings and styles and links etc. It’s nice plain text now. This is the best way to move any text. We might be bringing text from an email, word etc, always wash it. It may not look like it’s got any styling in it but it might bring through some!

Bring Your Own Laptop
  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2024