Ana səhifə

Microsoft FrontPage to Expression Web


Yüklə 1.85 Mb.
səhifə3/7
tarix18.07.2016
ölçüsü1.85 Mb.
1   2   3   4   5   6   7

Visual Aids


Visual aids (on the View menu, click Visual Aids, and then click Show) help you see empty or invisible elements and elements with hidden borders. You can also use visual aids to find elements that have hidden or invisible styles, as well as ASP.NET controls that aren’t visible on a page. Finally, you can use visual aids to see which tags are used around specific content, and you can see the size of margins and padding around your tags.

  • Block Selection: When this option is turned on, clicking within block-level elements on a page (such as paragraphs, headings, and list items) will show a dotted rectangle around the element and a tab displaying the name of the tag and any classes or IDs associated with the tag. Clicking the tab will allow you to select the entire element as well as visually see the margins and padding. You can drag the corner and side handles to resize the element or drag the margin and padding handles to resize those, as well. The tab also allows you to reposition absolutely-positioned elements.



  • Visible Borders: When this option is turned on, a faint dotted line appears around elements (such as table elements) that have hidden borders.



  • Empty Containers: When this option is turned on, a dotted line appears around empty elements instead of collapsing them by default.



  • Margins and Padding: When this option is turned on, pink shading appears for margins and blue shading appears for padding.



  • CSS Display:none Elements: When this option is turned on, you’ll be able to see the elements that have been hidden by the CSS display:none property.

  • CSS Visibility:hidden Elements: When this option is turned on, you’ll be able to see the elements that have been hidden by the CSS visibility:hidden property.

  • ASP.NET Non-Visual Controls: When this option is turned on, Expression Web shows a rectangle for ASP.NET controls which otherwise don’t display in Design view.

  • ASP.NET Control Errors: When this option is turned on, error messages will display for ASP.NET controls.

  • Template Region Labels: If you use Dynamic Web Templates or ASP.NET master pages, this option shows a border around editable regions and a tab with the name of the region.


CSS Tools


Expression Web provides you with a comprehensive set of tools to create, apply, and manage styles and cascading style sheets. These tools include:

  • New Style and Modify Style: Design a new or existing style and preview the style’s appearance as you design it.

  • Apply Styles: Create, modify, apply, remove, or delete styles, and attach or remove an external CSS.

  • Manage Styles: Move a style from an internal CSS to an external CSS, or vice versa.

  • CSS Properties: See the styles that are used by the current selection in your Web page in order of precedence.

  • Style toolbar: Apply or remove class-based or ID-based styles, or create and apply new undefined styles.

  • CSS Reports: Generate a report of either CSS errors or CSS usage on one or more pages or within an entire site.

  • Style Application toolbar: Use the toolbar when authoring CSS in Manual style application mode.

  • IntelliSense for CSS: Increase your productivity when authoring and applying CSS in Code view.

Web Standards and Expression Web


Web standards refer to a list of standards or recommendations established by the W3C for creating and publishing Web sites. These standards are generally agreed to be best practices for Web site development and take into consideration such issues as accessibility for people with disabilities, cross-browser compatibility, and platform compatibility. When Web sites conform to W3C standards, they are more likely to be accessible to a greater number of people using diverse devices, browsers, and platforms. Expression Web features state-of-the-art tools for ensuring that your Web sites are compliant with these standards.

As accessibility and Web standards have become more important, the way Web sites are built has changed as well. How your content is marked up—the HTML—is as important as the design (the presentation or display) of the site. Part of the current recommendations for XHTML provides guidelines for how HTML code is written and structured, and for using CSS, which separates the presentation from the HTML. When you separate content from presentation, it is much easier to create Web sites that are accessible not only to people with disabilities by adhering to the Web Content Accessibility Guidelines (WCAG), but also to other form factors, including printers, handheld devices such as cell phones and PDAs, and across different browsers and browser versions. With a standards-compliant site and multiple style sheets, you can more easily provide alternative designs for other form factors instead of having to try to maintain several different versions of your site.


DOCTYPEs


At its core, creating a standards-compliant site essentially means making sure that your code conforms to a specific set of rules identified by a specific DOCTYPE. The DOCTYPE declaration—a line of code at the top of the HTML document—declares which set of rules your HTML is designed to follow. There are DOCTYPES—rules—for HTML as well as XHTML, and for the strict as well as the transitional application of those guidelines. The following are examples of DOCTYPE declarations:

DOCTYPE declaration for HTML 4.01 Transitional

DOCTYPE declaration for XHTML 1.0 Strict

For more information on DOCTYPE declarations and which one to choose, see Fix Your Site with the Right DOCTYPE.

Once you’ve decided which set of guidelines that you want to follow, you can then test, or “validate,” your site to see how closely they follow the guidelines. A compliant Web site is one that passes the validation test. An accessible Web site is one that follows the accessibility guidelines. Expression Web has built-in validation tools, code error notifications, and more to help you create a Web site that follows Web standards.

1   2   3   4   5   6   7


Verilənlər bazası müəlliflik hüququ ilə müdafiə olunur ©atelim.com 2016
rəhbərliyinə müraciət