Creating Anchor Links

• When using named anchors we can create links that can jump directly into a specific section on a page, instead of letting the user scroll around to find what he/she is looking for.
• An anchor can point to any resource on the Web: an HTML page, an image, a sound file, a movie, etc.

Getting Started :
1) Inserting the Anchors.

• Place your cursor in front of the"Headline" This is where the first link will jump to when clicked.
• Insert > Named Anchor :
  
• Or click the Named Anchor icon on the Insert Bar :

2)Enter a name for the anchor in the "Insert Named Anchor" dialog window :


3)Targeting the Anchor Links:

• Select the text or image to which you want to assign the link.
• Highlight the first text link by clicking and dragging to select the entire word.
• Click the Point to File button(Link) on the Property inspector and type : #if, or drag it to the first anchor you created :
  
  

Cascading Style Sheets

With CSS you will be able to:
*Control layout of many documents from one single style sheet
*Add new looks to your old HTML
*Completely restyle a web site with only a few changes to your
CSS code
*Use the "style" you create on any webpage you wish!

1)Open Adobe Dreamweaver.

2)Insert Table :


















3)Open CSS window :


4)Create new CSS Rule :


5)Select the Type :


6)Save CSS on your current folder :


7)Now we are able to start with our CSS :


8)Highlight our text and apply CSS :


9)Editing :


10)With CSS, you are able to set the background color or image of any CSS element :


11)Text options :


12)Box : Padding can be uniform inside an element :
Margin can be uniform outside an element :


13)There are numerous types of border styles at your disposal :


Types of border :


Border Width :


14)New Css Rule (headline) :


15)Different Font,Size,Style.....


16) Apply CSS (headlina) :