On a Mac, press the following keys together: Option, Shift, Hyphen(-). On a PC, hold down the ALT key and quickly type 0151. You may use two hyphens (do not use a single hyphen with spaces on either side), or you can create a smooth dash using the following keyboard shortcuts. Most word processors automatically convert two hyphens (-) into a dash (-).
#Drupal 7 new features online courses free#
Both are excellent tools to ensure your text is free of typos. If you click the "ABC" icon on the right, Drupal will check your spelling as you type, underlining misspelled words like a word processor does. If you click the "ABC" icon on the left (see below), Drupal will run a spell-check on the entire body area at once. The text editor toolbar has two helpful options. It's easy to make mistakes when updating a web page. In HTML, this is represented by the tag.)
(Notice how the new text appears on the very next line this is called a single line break. If you want a line of text to appear directly beneath another line of text (or an image, etc.), create a single line break by holding down the Shift key and pressing Enter. In Drupal's Edit mode, hitting the Enter key once will create a double line break. Do not use keyboard shortcuts to insert bullets or use asterisks.įor more information, consult the W3C guide. Use the list buttons in the text editor toolbar to create lists they will insert bullets and numbers for you. Use a numbered list only when you want to emphasize a numerical order. Use bullets in all other cases, but remember that both numbered lists and bulleted lists are lists and should be populated by more than one list item. This is because underlining has become synonymous with linking: where there's an underline, users assume there's a link. If you'd like to embed a video in your website, you will also need to provide captions and a transcript.ĬLAS websites do not use underlining in the text editor for style. For detailed instructions about uploading images, read the Uploading Images section of this Guide to Using Drupal. If the image is also a link, you must describe the image as well as the linked-to page (e.g., "Buckingham Fountain Wikipedia entry for Chicago").įor more information on alt text and accessibility standards, consult the W3C guide or WebAIM site.
Do not preface your description with the phrase "image of" or "picture of.".Be succinct a few words usually suffice.Be accurate and equivalent in presenting the image's content (e.g., "Buckingham Fountain").When adding alt text to an image, please: You will see a field called Alternative Text. To add alternative text to an image, click the image icon in the text editor toolbar, or right-click on the image. Think of alt text as a hidden caption that describes the image clearly and consciously. Adding alt text to images is the first principle of web accessibility, as it makes websites accessible to people who may need ot use a screen reader because of a visual impairment or who are using a browser that doesn't show the image. Add links only to normal next.Īlternative text provides a textual alternative to non-text content in web pages, particularly images. Think of headings only as labels that introduce subsequent text. Then, click Save and check the page in View mode.ĭo not add links to headings. If you're worried that a heading didn't "take," make sure you have selected "Full HTML" in the Text Format menu below the body area. Headings may not look the same in Edit mode as they do in View mode. Learn more about line breaks and spacing.
The text will appear beneath the heading with the right amount of space between it and the heading (even if it doesn't appear this way in edit mode). Hit Enter once after typing a heading, and begin typing where the cursor is blinking. Text set in Heading 2 should always precede text set in Heading 3.ĭo not put an additional paragraph space after the headings. Use Normal for normal-sized text, like this.įor sub-level headings.If you click the Paragraph Format drop-down menu at the bottom of the text editor toolbar, you will see different heading types. Know the difference between single and double line breaks Use numbered lists and bullets correctlyĥ. To be consistent across CLAS websites, please use these best practices when editing existing web pages or adding new ones.Ĥ. For guides and helpful instructions on the new Drupal 9 platform, please refer to the Drupal 9 SiteNow documentation. This platform has been replaced on campus with the new Drupal 9 platform, which provides updated branding, features, service, and security, as well as an updated user experience. NOTE: The following guide was designed for websites built in the Drupal 7 platform on campus.
0 kommentar(er)
