Adobe Photoshop Tutorials Image

Adobe Dreamweaver CS3 Basics Tutorial- Page 2

The “Spry Tabbed Panels” are like the Spry Menu Bar except it defaults to the top and it is tabbed like the area around it to keep it congruent.


Adobe Dreamweaver CS3 Basics Tutorial Image 21

The “Spry Accordion” provides you with what seems like a descriptive list format within a creative table.


Adobe Dreamweaver CS3 Basics Tutorial Image 22

The “Spry Collapsible Panel” is pretty much just what it says it is. It allows you to resize the panel as you please and add whatever features you need too.


Adobe Dreamweaver CS3 Basics Tutorial Image 23

The “Table” feature makes a table that you can change to your liking.


Adobe Dreamweaver CS3 Basics Tutorial Image 24

The “Insert Row Above” makes an extra row above the row you are looking at in a table.


Adobe Dreamweaver CS3 Basics Tutorial Image 25

The “Insert Row Below” makes an extra row below the row you are looking at in a table.


Adobe Dreamweaver CS3 Basics Tutorial Image 26

The “Insert Column to the Left” makes a column to the left of the webpage.


Adobe Dreamweaver CS3 Basics Tutorial Image 27

The “Insert Column to the Left” makes a column to the right of the webpage.


Adobe Dreamweaver CS3 Basics Tutorial Image 28

The “Iframe” adds an Iframe tag in your html wherever you want it.


Adobe Dreamweaver CS3 Basics Tutorial Image 29

The next feature allows you to make tables to construct the layout of your webpage. I personally don’t use tables at all to make my layout. I do it all with CSS. Of course if you like tables you can use this handy feature to make all the tables that you can possibly think of for your website. It is a very easy feature that makes it easy to code!


Adobe Dreamweaver CS3 Basics Tutorial Image 30

The “Draw Layout Table” feature allows to actually draw a table like it was within Adobe Fireworks or Adobe Photoshop. I used to use this back in college when I was learning about web development.


Adobe Dreamweaver CS3 Basics Tutorial Image 31

The “Draw Layout Cell” feature allows you to draw tables within your other layout tables. You may need to do this to separate certain sections of your website when adding graphic overlays and such.


Adobe Dreamweaver CS3 Basics Tutorial Image 32

Now we start the forms section by clicking on the “Forms” tab that allows you to select from a wide array of forms that Adobe Dreamweaver makes available to the user.


Adobe Dreamweaver CS3 Basics Tutorial Image 33

The “Text Field” feature makes a form that allows you to add text too. You can change the size of this text field and the parameters within it to whatever you want.


Adobe Dreamweaver CS3 Basics Tutorial Image 34

The “Hidden Field” feature allows you to add a form that is hidden from the viewers view. I am not quite sure what reason you would have to use this, but I am sure you can search it on Google.


Adobe Dreamweaver CS3 Basics Tutorial Image 35

The “Text Area” feature allows you to label certain parts of a table text only.


Adobe Dreamweaver CS3 Basics Tutorial Image 36

The “Checkbox” feature allows you to add a form that makes it capable to checkmark an option.


Adobe Dreamweaver CS3 Basics Tutorial Image 37

The “Radio Button” feature allows you to select an option by clicking on it. Then the black dot will appear next to that option. You can make it select only that option or it can select as many options as you choose to allow it.


Adobe Dreamweaver CS3 Basics Tutorial Image 38

The “Radio Group” feature allows you to make a list of Radio Buttons so that the user can have options. Then you are giving the capability to give them a certain amount of choices as well.


Adobe Dreamweaver CS3 Basics Tutorial Image 39

The “List/Menu” feature allows you to make a list or a menu as a form that can be displayed a webpage and used in a variety of ways.


Adobe Dreamweaver CS3 Basics Tutorial Image 40

Dreamweaver Basics Tutorial - Page 3