dreamweaver course slides

1 DreamWeaver Course 2004 Introducing DreamWeaver

Overview of Lesson 1  What is DreamWeaver?  What is HTML?  File Naming Conventions  File Name Extensions  DreamWeaver’s Interface

What is DreamWeaver? 3  A Web Publishing Program  Creates and publishes webpages through an interface  “What-You-See-Is-What-You-Get” HTML Generator  What you see in DreamWeaver, is what you’ll see on the webpage  Instant feedback  Other WYSIWYG programs: MS Word, MS PowerPoint

What is HTML? 4  HTML stands for HyperText Markup Language  It is what a webpage is made up of  The code behind the pictures, text, formatting, tables, etc.  The computer language  Why learn HTML when there is DreamWeaver?  Troubleshoot problems on webpages  Eases workflow (Think knowing how to drive both automatic and manual transmission car)

General Structure of HTML 7 <HTML> <HEAD> <TITLE>This is where the title goes</TITLE> </HEAD> <BODY BGCOLOR=“#FFFFFF”> This is where the content of the page will go. <P ALIGN=“LEFT”><A HREF =“link.htm”>This is a new paragraph.</A></P> <BR> <IMG SRC=“images/sample.jpg”> </BODY> </HTML>

File Naming Conventions 8  Avoid using spaces  Replace with the underscore “_”  top_panel.htm or toppanel.htm  Avoid capital letters  Some web servers will not be able to accept filenames with uppercase letters  Avoid illegal characters  Fullstop, quotes, forward and back slashes, colons and exclamation marks

File Name Extensions 9  .html / .htm  Denotes an HTML file  .gif / .jpg / .png  Graphic file formats  .swf  Flash files

DreamWeaver’s Interface 20  Insert Bar (Page 22 - 25)  One-click stop for many operations  Context sensitive; changes according to what you select  Property Inspector (Page 26)  Controls settings for many things (Text, tables, alignment and images)  Document Bar (Page 32 & 33)  Buttons and menus that let you do things like: change document view, page title, preview the page, etc.

DreamWeaver’s Interface 20  Document Window (Page 34)  Main workspace  Code view, Design View, Code and Design View  Panel Group & Panels (Page 38 – 39)  Panels are like small windows with additional interfaces and functions which will aid you in your work  Customisable to what you need

dreamweaver course slides

0 comments

Notes on slide 1

1 Favorite