dreamweaver day two

18
Dreamweaver Workshop Day 2 Conducted by: Lawrence Zhuang

Upload: kamen-rider

Post on 24-Jun-2015

427 views

Category:

Education


1 download

TRANSCRIPT

Page 1: Dreamweaver day two

Dreamweaver Workshop Day 2

Conducted by:Lawrence Zhuang

Page 2: Dreamweaver day two

Recap

● Designer and Coding Windows● Entering and Shift-Enter● “What-you-see-is-what-you-get”

Page 3: Dreamweaver day two

Recap

Ttitle

Heading

HTML

Page 4: Dreamweaver day two

Recap

-----Opening/Closing------

<html><heading>

<title></title>

</heading></html>

Page 5: Dreamweaver day two

Recap

<strong>........</strong><body>........</body>

<font size=72>........</font>

<p align=full>......</p><p>......</p>

<br align=center>......</br>

Page 6: Dreamweaver day two

● Back to where we last stop

Page 7: Dreamweaver day two

Tables

Page 8: Dreamweaver day two

Tables

Page 9: Dreamweaver day two

Tables

Page 10: Dreamweaver day two

Tables

Page 11: Dreamweaver day two

Tables

Page 12: Dreamweaver day two

Tables

Page 13: Dreamweaver day two

Tables (Exercise)

Page 14: Dreamweaver day two

Tables (Exercise)

Page 15: Dreamweaver day two

Webform

Page 16: Dreamweaver day two

Webforms

Essential steps● - Insert|Form|Form● - Insert|Form|Textfield● - Insert|Form|Textarea● - Insert|Form|Button● - Windows|Behavior● - In the Behavior, "plus-dropdown", validate form

Page 17: Dreamweaver day two

Webforms

● Alternatively.....

http://www.jotform.com/

Page 18: Dreamweaver day two

The Big Picture

● - linking the three webpages together(i.e. Day 1 exercise, table and webforms)

● Open in new window/same window● - hosting your website