Thursday, October 21, 2010

Dreamweaver 8 Style rendering toolbar glimpse


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



Thursday, October 14, 2010

Dell CEO or after class due to financial scandals



August 23, some analysts pointed out that if Dell CEO Michael Dell was forced by financial scandal after class, then Dell will have six internal potential CEO successor. Dell's financial problems have continued for two years. Last week, Dell announced the results of an internal investigation and said it would reaffirm the past four years of financial results, projected net income of up to 1.5 million. Company founder and CEO Michael Dell is involved in the case became the focus of the industry.






Recommended links:



Source Editors comparison



WMV to QT



Proper way to make money: to be a know how to "lose money," the dealer



reviews Recreation



QT to WMV



Directory Web Development



Find Out the psychological make promotions



FULL-WIDTH half-angle switching (five-stroke input)



"Computer countryside" brewing changing situation



Emacs is a belief! Introduced the World's most powerful editor



DivX TO VOB



Experts say too early to lower domestic oil prices



SONG Jun-de: fixed integration will create new value space



How to track a cell phone using google latitude



JDK 7 will support the regular expression capture group named



Taobao Alipay Betrayal?