Top Banner
03/21/22 1 Dreamweaver 8 Basics
11

5/8/2015 1 Dreamweaver 8 Basics. 5/8/2015 2 What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor.

Dec 16, 2015

Download

Documents

Ferdinand Dean
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 5/8/2015 1 Dreamweaver 8 Basics. 5/8/2015 2 What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor.

04/18/23 1

Dreamweaver 8 Basics

Page 2: 5/8/2015 1 Dreamweaver 8 Basics. 5/8/2015 2 What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor.

04/18/23 2

What is Dreamweaver?

Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor

Page 3: 5/8/2015 1 Dreamweaver 8 Basics. 5/8/2015 2 What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor.

04/18/23 3

HTML

Hypertext Markup Language Describes the appearance of

web pages and items on the page Hypermedia Enclosed in tags < >

Page 4: 5/8/2015 1 Dreamweaver 8 Basics. 5/8/2015 2 What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor.

04/18/23 4

Tags

< p > A paragraph tag Lets the browser know to start

a new paragraph Use lowercase letters At the end of the paragraph

use the ending tag < / p >

Page 5: 5/8/2015 1 Dreamweaver 8 Basics. 5/8/2015 2 What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor.

04/18/23 5

Elements

<Element Attribute = “value” ><table bgcolor = “silver”>

Tells the browser to make the table background silver

An example could be <sandwich bread = “ wheat”>

<car color = “blue”>

Page 6: 5/8/2015 1 Dreamweaver 8 Basics. 5/8/2015 2 What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor.

04/18/23 6

HTML Document Requirements

<HTML> <HEAD>

<TITLE>Document Title</TITLE> Metatags , Styles, Scripts

</HEAD> <BODY>

content </BODY>

</HTML>

Page 7: 5/8/2015 1 Dreamweaver 8 Basics. 5/8/2015 2 What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor.

04/18/23 7

World Wide Web

Overseen by a not for profit group W3C - W.W.W. Consortium Working toward equal W.W.W.

access for everyone Lots of information and tutorials

http://www.w3schools.com/

Page 8: 5/8/2015 1 Dreamweaver 8 Basics. 5/8/2015 2 What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor.

04/18/23 8

Download Time

No more than 8 seconds Divide information up Make smaller files

Page 9: 5/8/2015 1 Dreamweaver 8 Basics. 5/8/2015 2 What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor.

04/18/23 10

Planning the Web Site

Saves time later Who is your audience? Gather Information Flowchart the site Watch width of page

Monitor Resolution

Page 10: 5/8/2015 1 Dreamweaver 8 Basics. 5/8/2015 2 What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor.

04/18/23 11

HOME PAGE

City Facts Services Map

EmailExternal link

External link

Page 11: 5/8/2015 1 Dreamweaver 8 Basics. 5/8/2015 2 What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor.

04/18/23 12

Root Folder

Only one main (Root) folder Sites may have many sub folders Arrange information logically Put home page (index) in the root folder