web design basics
web design basics HOME web design basics DREAMWEAVER TUTORIALS web design basics ARTICLES web design basics SEARCH

 
dreamweaver tutorials
 
 

 

 web design basics

Dreamweaver basics

GOTO
 

 

Creating a webpage can be accomplished by using various sofwares. Some of the useful and user-friendly HTML designing softwares available in the market are

  • Microsoft Frontpage
  • Microsoft Publisher
  • Open Office
  • Macromedia Dreamweaver and many more.

In my dreamweaver tutorials, am going to tell you only about the html secrets.

Why am choosen dreamweaver to teach you about web deisgn is for its excellent visual editing feature which greatly suits for a beginner. Dreamweaver gives you drag and drop feature, so you no need to have programming knowledge. Dreamweaver also lets you to design dynamic pages like ASP, PHP, JSP, etc.,

Following are the basic things to know before to start making a web page.

  • Document window
  • Property inspector
  • Setting of page properties

Document window:

Document window shows the opened documents from which you can jump to any document. It has three views namely

  • Design view - This view offers you visual layout for creating and editing of web page documents.
  • Code view - This will allow you hand coding to make dynamic pages and also static pages.
  • Split view - This is the split view of design and coding views.

Property inspector:

Property inspector is the panel used to format the contents and layout of the web page such as paragraph alignment, font style choosing, writing navigation url and more.

Setting page properties:

You can see a button named "Page Properties" at property inspector which is used to set the properties of web page layout. There is five category of properties to set. They are as follows

 

 

Amazing Secret System Reveals How You Can Easily Generate TONS Of FREE Traffic, Signups And Sales On Complete Autopilot!

paintshop tutorials

Get 15 Individual 4 Income Stream Mini Niche Sites Ready To Start Making You Money! Free Setup.

webdesign tutorials

Police & Government Cars from $200. Get access to nationwide seized database. All makes and models!

free macromedia Flash tutorials
 
  • Appearance - Here you can set page Font and its color, size, page background color and image. And an important property below these is the margin values. You can freely adjust the margin of four sides. If you want your web page to occupy the whole screen size means set all the margin values at "0". Otherwise set these values more than zero.
  • Links - This will be used to set the navigation properties. You can see a detailed study of links at page navigation.
  • Headings - You can set headings for paragraphs as your desire with different font style, size, color etc.,
  • Title/Encoding- Here you can set the page title as you like. Also settings of document type and encoding have to be done here. The common default setting is "XHTML 1.0 Translational" document type and "Western European" encoding.
  • Tracing image - This is an interesting feature available at dreamweaver. You can use your own graphics image layout as a tracer which may be created by applications such MS paint or photoshop to re-create your design.
  
 

 
   
  web design basics BACK 
                      [ 1 ]
  
                      Print Page
 

Home | Contact Us | Recommended Links

© 2007 EYESITES MEDIA