dreamweaver cs6 how Insert unusual characters to your page

dreamweaver cs6 how Insert unusual characters to your page

You can add special characters, such as the Euro, copyright, or trademark symbol, to your page in Dreamweaver without having to remember their bizarre HTML equivalents or odd keyboard combinations. In Dreamweaver, relief is just a menu choice away.

Browsers use HTML and numeric entities to display characters and symbols that can't be inserted from a normal keyboard. how to insert them in Dreamweaver and discusses the best approach for inserting accented characters, such as those used in many European languages.
An oddity about HTML is that it ignores multiple spaces. One of the special characters you can insert is the non-breaking space, which is useful for adding multiple consecutive spaces and occasionally for nudging text and even images. Dreamweaver uses the HTML code for a non-breaking space (which is  ) inside paragraph tags so that blank lines appear in Web browsers, like so:
<p>&nbsp;</p>
If you want multiple spaces between words, insert one or more non-breaking spaces. The easiest way to do this is to press Ctrl-Shift-spacebar (Cmd-Shift-spacebar), but you can also use the Characters pop-up menu in the Text category of the Insert panel or the Insert > HTML > Special Characters submenu.

The main message of most Web sites is conveyed by the site's text, and a major part of your job in working with any site will be adding, modifying, and styling that text. Dreamweaver gives you the tools you need to effectively put text on your pages and get your message across.

buy adobe dreamweaver cs6 mac pc only at $ 50

 Want buy adobe photoshop cs6 at cheap price? you can go to my webshop to buy it ,cheap dreamweaver cs6  full version .

  It is not a OEM or tryout version.

  We offer worldwide shippment .

  You can pay by paypal.

you can buy it at my website shop at only $50 low price cheap dreamweaver cs6 pc mac version and more other usefull design software tools.

 cheap adobe dreamweaver cs6 $50 

Laying Out Fluid Grids in Dreamweaver CS6

Laying Out Fluid Grids in Dreamweaver CS6

 

The Fluid Grid layouts are clearly based on Ethan Marcotte's Responsive Web Design (the book and the article that led to the book). This feature allows you to specify three fluid grids: one each for mobile, tablet, and desktop layouts. Each grid can have 2–24 columns; a common gutter width between the columns and you can specify how wide the grid should spread across each screen.
You then add fluid grid layout div elements to construct your page in the mobile layout. (Mobile First) The next step lands squarely in the category of "brilliant"—you can resize the elements in each of the layouts, snap them to the grid, and then easily move individual elements to sit alongside and play nice with each other. This is done in either Design view or Live view, and, best of all all, Dreamweaver automatically calculates the percentage width of elements and margins to four decimal places.
This calculation is based on Ethan's formula of target/context = result. A good example of this would be column width. Let's assume you have a page width of 1232 pixels and you decide each column should be 350 pixels wide. To get the fluid column width you divide 350 (the Target) by 1232 (the Context) = 0.28409091. You would then move the decimal two places to the right for a result of 28.409091. Dreamweaver's Fluid Grid layout calculation will shave off the final two numbers for a result of 28.4090 per cent. This calculation applies to anything that has "hard" numbers attached to it such as font size, margin, padding and so on.
The CSS created by the Fluid Grid Layouts uses percentage widths and floats, so it produces layouts that adapt to any screen size. These styles are constructed on the basis of "mobile first" and even work in browsers that don't understand media queries. For those of you new to Responsive Web Design, this one feature alone is enough to get you into the game.

buy adobe dreamweaver cs6 mac pc only at $ 50

 Want buy adobe photoshop cs6 at cheap price? you can go to my webshop to buy it ,cheap dreamweaver cs6  full version .

  It is not a OEM or tryout version.

  We offer worldwide shippment .

  You can pay by paypal.

you can buy it at my website shop at only $50 low price cheap dreamweaver cs6 pc mac version and more other usefull design software tools.

 cheap adobe dreamweaver cs6 $50 

using dreamweaver css Controlling Background Images and Colours

using dreamweaver css Controlling Background Images and Colours

Cascading Style Sheets aren't just for stylizing text. You can also use the design power of CSS to add borders to an image, force text to wrap around an image, and even add images to the background of other elements. For example, the CSS background-image property lets you place an image in the background of a Web page, or add a graphical background to a link.

In general, you probably don't need to create a tag style for the <img> tag. That type of style applies across a site, and affects every image. And while you may want a bright red, 10-pixel border around each thumbnail in a photo gallery, you probably don't want that border around the site's logo or the graphical navigation buttons on that same page. You're more likely to create class styles that you manually apply to certain graphics. In this case, create a class style with the proper border setting, and then apply that class to each gallery image 
Learn how to insert and place an image using CSS when working in Adobe Dreamweaver . Whether you're new to Adobe's popular WISYWIG HTML editor or a seasoned web development professional just looking to better acquaint yourself with the workflow, you're sure to be well served by this video tutorial. For more information, including a step-by-step overview, watch this free video guide..
Correctly Positioning an image with CSS against a block of text can be quite challanging to the novice web designer. Fortunetly it's very easy to accomplish, and in this Dreamweaver tutorial we will show you how.
First let's create a div (a div creates a container and allows attributes to be applied to control it's properties).
To start with we need a container to hold the image and text, in CSS the div element lends it's self perfectly for this purpose.
To insert our div tag Insert > Layout Objects > Div Tag
Dreamweaver will insert the div tag on the page.
Dreamweaver places some default text in the Div layer, remove this. Then place your cursor back in the div tag and click, this is the position that Dreamweaver is going to insert the image.
The image should now be inside the div layer, if you tried to add text next to the image you would notice that it wraps around the bottom of the placed image, not really the effect that we want.
To make things a little clearer we are going to switch from WYSIWYG mode to code view,click on the code button top left

buy adobe dreamweaver cs6 mac pc only at $ 50

 Want buy adobe photoshop cs6 at cheap price? you can go to my webshop to buy it ,cheap dreamweaver cs6  full version .

  It is not a OEM or tryout version.

  We offer worldwide shippment .

  You can pay by paypal.

you can buy it at my website shop at only $50 low price cheap dreamweaver cs6 pc mac version and more other usefull design software tools.

 cheap adobe dreamweaver cs6 $50 

how Add CSS Style Sheets in Dreamweaver

how Add CSS Style Sheets in Dreamweaver

In a new HTML or CSS document, open the CSS Styles palette. Click on Window then CSS Styles or Shift-F11.

At the bottom of the window is a small document icon with a plus on it. This allows you to start creating new CSS styles. Click on it.Dreamweaver makes it easy to style a specific tag in your document. Just click on the "Tag" radio button, and write the tag name in the Tag: box.

Note: This option will allow you to style only one tag. If you want multiple tags to have the same style, you need to use the next option.One of the most common CSS selectors is the class selector. So Dreamweaver offers it as your first choice for creating a style. Click on the "Class" radio button, and put your class name in the Name: box. Remember that a class name must be all one word, is case-sensitive, and cannot start with a number.

I named my class "bigHead".

Dreamweaver allows you to create a style sheet for your entire site by choosing to define it in a new style sheet file, an existing style sheet file, and in the current document only. I chose to put it in the current document.View the HTML code and you can see that Dreamweaver added the styles to the head of your HTML document. Even though I didn't put the period (.) at the front of the class name, Dreamweaver did it for me. It also commented out the CSS in case older non-CSS browsers hit the site.

I set my Dreamweaver options to use shorthand for my CSS font properties, so Dreamweaver wrote the font styles as just one long font property.

If you chose to write your styles to a separate style sheet, Dreamweaver will create a new CSS file and write the CSS there. You will then need to link to that style sheet from your Web pages.
Once you've defined a class, you can use it to change the style of any associated element on your document. First select the element you'd like to style, then go to the Properties menu (Ctrl-F3 or Cmd-F3) and choose the style class from the drop down menu. As you can see, if the class has visual text styles, they will show up in the menu, so that it's easier for you to tell which style you're picking. You don't even have to remember the name.

buy adobe dreamweaver cs6 mac pc only at $ 50

 Want buy adobe photoshop cs6 at cheap price? you can go to my webshop to buy it ,cheap dreamweaver cs6  full version .

  It is not a OEM or tryout version.

  We offer worldwide shippment .

  You can pay by paypal.

you can buy it at my website shop at only $50 low price cheap dreamweaver cs6 pc mac version and more other usefull design software tools.

 cheap adobe dreamweaver cs6 $50 

Creating New HTML Files from Dreamweaver

Creating New HTML Files from Dreamweaver

All new pages must be created from an existing functional page in your site. The new page will take on all the source page's features, so choose the source page carefully. By features, we mean BreadCrumbs, LeftColumn links, and tab highlight, if any.

Step 1: Identify a page (and file) to duplicate

Locate the page you want to duplicate in a browser; for this exercise, find the 2-column stationery page
Examine the URL in the Address bar; the URL will tell you where to look for the file in your site, e.g. root/2col_stationery.html
Switch to Dreamweaver, find the file in question within your local site files directory, and open it, as if for editing
Use the menu sequence File > Save As… and give the file a new name. Make sure there are no spaces or special characters in the file name. You can use hyphens (-) or underscores (_) to make words in your file names. Keep file names as short as possible. If working on a tutorial, try "my_page.html"
Step 2: Modify your new page, save and put

Update the main headline: "This is [your name]'s Page"
Update the browser title: "[your name]'s Page"
Save the file and then use the menu sequence Site > Put. You can click "No" on the Dependent Files prompt
Step 3: Validate the new page in your browser

Switch to the browser window and find your site's home page
Look at the Address bar; it either ends "/" or "/index.html"
You want "/my_page.html"; if the URL ends in "/" go to the end and type "my_page.html"; if it ends "index.html" select this and replace it with "my_page.html"
Type Enter; you should see your new page
If not, check your URL and file name; they must match exactly, including capitalization
You can switch back to Dreamweaver and close the my_page.html file
Filling in your content

In reality, you would fill in all of the page's content -- text, images, charts, etc. -- and upload it to the server to "publish" it (sort of)
Until the page is linked, it's what we refer to as "Secure by Obscure" in that it can only be found if one is provided the URL
The edited file is available in the browser and can be found by users if:
The page is linked to from another page, OR
You provide the URL to users, say by email; this is one method of private review before publication

 

buy adobe dreamweaver cs6 mac pc only at $ 50

 Want buy adobe photoshop cs6 at cheap price? you can go to my webshop to buy it ,cheap dreamweaver cs6  full version .

  It is not a OEM or tryout version.

  We offer worldwide shippment .

  You can pay by paypal.

you can buy it at my website shop at only $50 low price cheap dreamweaver cs6 pc mac version and more other usefull design software tools.

 cheap adobe dreamweaver cs6 $50 

Create a MySQL database connection in Dreamweaver

Create a MySQL database connection in Dreamweaver

Creating your database connection in Dreamweaver is the final step in preparing your system for dynamic web development. Once this has been defined, you are ready to start producing your dynamic website. A PHP database connection tells Dreamweaver, that the current site is going to create PHP pages, and refer to a specific database to store or display data.

This tutorial shows you how to set up a PHP database connection from within Dreamweaver that you can then use in your site.The Databases panel allows you to define your database connections for your site. This even gives you the opportunity to preview some of the data in your database once a connection is established.

From the Dreamwaever Window menu, select Databases.
The Databases Panel should now be open.

NOTE: If the window doesn't appear, it is most likely tucked away in the tool panels along the right-hand side of Dreamweaver

2. Connect to your database
Once the databases window is accessible, it's time to make a new connection.

Video Tutorial: If you are creating your database connection to your live (hosting provider's) server. Watch this video on how you can obtain the correct settings.
In the database dialog, click the Add (+) option, then choose MySQL Connection.

The MySQL Connection window will display.
In the Connection field, enter your connection name.
For this tutorial we will call our connection "mysql_tutorial", but the connection name can be whatever you like. Try to keep it descriptive of the database being connected to, as several connections can get confusing to work with.
In the MySQL server field, enter the name of your MySQL Server.
The MySQL server is the name of the server that hosts MySQL. In most cases, it will be hosted on the same server as your site, and in that case you can enter localhost as the server name.
In the User name field, enter your user name and password.
User name is the name set up for the specific MySQL server you are connecting to, and Password is the password you defined when creating your database.

NOTE:If you don't remember creating a password, you probably weren't asked to do so when setting up your testing server or database. You can leave this field blank, but should go and specify a password for your database later. For testing servers, your User name is probably 'root' as this is the default "SuperUser" for MySQL databases.

In the Database field, enter your database or click Select to choose it from a list.
You can manually input the database here (including .sql), or click Select, to see a list of databases hosted on the MySQL server.

buy adobe dreamweaver cs6 mac pc only at $ 50

 Want buy adobe photoshop cs6 at cheap price? you can go to my webshop to buy it ,cheap dreamweaver cs6  full version .

  It is not a OEM or tryout version.

  We offer worldwide shippment .

  You can pay by paypal.

you can buy it at my website shop at only $50 low price cheap dreamweaver cs6 pc mac version and more other usefull design software tools.

 cheap adobe dreamweaver cs6 $50