Original author: Adrian Senior
Original link: http://www.communitymx.com/content/article.cfm?page=1&cid=EDF1F
Translation: the monthly wind
Dreamweaver 8 has a very interesting and cool new features, style rendering toolbar.
Style rendering toolbar allows you to easily for different media types, such as screen, handheld devices and print out the design. Other types of support media projection equipment, TTY (Television Type Devices), and TV media types. Dreamweaver 8 also provides CSS by switching the display button to turn on or turn off all style rendering capabilities.
Set media type
Of course, to use these options to view the page you need to create a style sheet for them and set the style sheet of media types. When we add the style sheet into the document when the Dreamweaver 8 will enable us to easily do this, shown in Figure 1.
Figure 1: The new additional external style sheet dialog box
Significant change here is from the media list, select the media type selection ability. You can go to the "media:" select list all the options are available.
I used for my personal site, three separate CSS files: one for the screen, one for print and the third for handheld devices. The CSS file for each file in the head of each page is linked (attached to a page), as shown in Table 1.
Table 1: Use the media type of additional style sheet (highlighted in blue section)
Style rendering toolbar
Let us now look at the style show toolbar - We explore his later features. Style rendering toolbar, the toolbar in the document right-click and select the style of presentation options to display the toolbar, shown in Figure 2. When the context menu displayed on the check mark check mark tag number, the tool bar becomes active.
Figure 2: Select the style of presentation
Once you select the style of rendering toolbar is added to the document toolbar, which is fully equipped stand-by. Style rendering toolbar has seven buttons, shown in Figure 3, each button has its own particular legend, as shown below.
Figure 3: The style rendering toolbar
1, the screen
2, print
3, handheld devices
4, projection equipment
5, TTY
6, TV
7, turn on / off CSS
To activate any given type of media you just click the appropriate button. Dreamweaver 8 will select the media type you loaded the appropriate CSS file, the page will be rendered accordingly. Let's start with a familiar view - the view screen to begin. Here the screen view button is highlighted in red.
Figure 4: Our page on the screen showing CSS mode
If you look closely, you will see in Figure 4, another new feature: all my page elements have a dotted outline. This allows me to scan a precise view on the status of each element. It can certainly be turned off, but I like to make this feature has been opened because it is very useful.
View by media type conversion
Now that we have in the design view, open the page, then we only need to click the button to see the media types in different pages of our equipment, or real print mode is how to present to the. Let us first view the page in the print mode. Do this we need only show in the style of the toolbar button click on Print Media (highlighted in red below).
Figure 5: See our page Print display
Yes, ha! This saves a lot of spending in the browser to load and preview time. We can now easily set up a Web page and printer-friendly print style in the design when we see the page display.
Other media types are both optional. You pay only for media types defined style sheets and style rendering toolbar, select the appropriate button to see the media type is how to present the next page. Of course, you can directly in Dreamweaver 8 design view to see the results. I will complete the hand-held device view preview.
We just need to select the appropriate button again at the request of the media types see our page rendering. (Bottom middle) style rendering toolbar handheld media type button is highlighted in red.
Figure 6: In the handheld device to view our page format
Simple really could not be more simple, right? You only need to build your CSS file and apply the page style, matching the design of media types whom you can. Dreamweaver 8 will provide a good show so you can accurately see the page how emerging.
Dreamweaver 8 All the good new features, the style rendering toolbar is my favorite feature. It obviates the need to design for different media types a lot of trouble; in fact it is (for us) save a lot of time - hundreds of hours!
Conclusion
In this preview article, we see the Dreamweaver 8 can read and render the style sheet based on media type. Many people in the past may not use the specified device or print the Cascading Style Sheets, Dreamweaver 8 will make this conversion as a simple matter.
Recommended links:
Help Tools Storage
Expert: the open source community is its own worst enemy
Introduction of several open source J2ME UI Library
pb6 how to get the number of characters in the string?
DivX To IPod
OGM to AVI
On the subject of internal control and internal control environment
Tongfang response to piracy crisis: is the distributor of pirated security
Remain A Top: The Blue Sea To
Directory Multimedia Creation Tools
Symantec said the new storm worm detected
REPORT Hobby
ASF To MPG
for you Reference Tools
three ways to reset sa password
