To change the settings you made earlier, click somewhere in the middle of a block of text that has previously been assigned the class you created earlier. Do not select the text — just click to put your cursor somewhere in the middle of that block. Try not to put the cursor at the very first character, in case you accidentally place it outside the block.
If you do it correctly, the "Class" field in that panel will show the name of the class you want to change. If your Dreamweaver window or computer monitor is too small that you cannot really see much of that portion, click the scroll bar at the side of that ' Properties for ".
Note: if your window is big enough so that the entire ' Properties for ". If you made a font change for that class, you should be able to see a line in that section that says "font-family" followed by the name of the font you set earlier. If you made other changes, you will be able to see the other properties you set in that section as well, such as font-size, etc.
To modify those fields, just click the value portion of those fields. For example, if you have set the Comic Sans MS font for your class, and have now changed your mind, click the word Comic Sans MS to change it into a drop-down box which you can modify. Actually, you can also doubleclick the word "font-family" to create the same effect. Note: my use of "font-family" here as well as in the picture is just an example. If you didn't change the font, but changed the font size instead, you will see "font-size" in that section, which you can doubleclick to make modifiable.
If you want to change the font for your entire web page, you do not have to create a new class just for this purpose. Since your page is based on one of Dreamweaver's pre-packaged templates, you can use the class that Dreamweaver has already pre-assigned to the content of your whole page. All you need to do is to modify this existing class to use the new font.
Remove any existing text in the Selector Name field by deleting it. Then enter "container" without the quotes into that field. Yes, the name of the pre-assigned class is "container". If you want to change the font for the entire left or right columns, do the following. We will take advantage of the fact that Dreamweaver has already assigned the class "sidebar1" to the left column, and the class "content" to the right column, for pages based on the particular template that you're currently using.
Delete any existing text in the Selector Name field. Enter "sidebar1" without the quotes if you want the font change to be applied to the entire left column. Alternatively, enter "content" without the quotes if you want it to be applied to the entire right column. Sometimes, you may want to emphasize a word or phrase in your content. You do not have to create an entire class just to do this. Simply highlight the word, phrase or sentence that you want to put into bold or italics.
As before, you can do this by either dragging your mouse over the text you want, or holding down the SHIFT key and moving the arrow keys. Notice that there are 2 characters, " B " and " I " just to the right of the Class fields. These are actually clickable buttons. If you want your selected text in a bold font, click the " B " button in that panel. If you want your text in italics, click the " I " button.
The changes should be immediate. If you don't understand this paragraph, don't worry: just stick to clicking the "B" and "I" buttons mentioned above. Note the use of "Save All" instead of "Save". Then publish it to your website with "Site Put". Remember what I said about the importance of clicking "Yes" when Dreamweaver prompts about your dependent files. Then check your home page in a web browser. Your home page, now with both graphics and appropriate text styling, is well on its way to being completed.
Don't worry, I know it's not finished yet. But it's already developing into something that you can be proud of. In the next chapter, you will learn how to change the background of your web page. This includes changing the colours of the background or using an image as its backdrop. All rights reserved. Section Types of Positioning.
Absolute Positioning 14m 51s. Exploring Floats 10m 50s. What is a Clear? Fixed Positioning 10m 48s. Section Working With Tables. Creating a Table 9m 48s. Importing Spreadsheet Data onto a Page 12m 4s. Aligning Table Content 4m 46s. Section Creating Forms. Text Field Elements 8m 37s. Validating Form Data 20m 58s. Server-Side Validation Languages 4m 10s. Creating a Library Item 8m 30s. Modify a Library Item 5m 33s.
Converting a Page into a Template 11m 23s. Creating Editable Regions 9m 21s. Applying a Template 8m 48s. Centering a Page in the Browser 14m 9s. Using CSS3 7m 7s. Creating Drop Shadows 8m 12s. Working With Gradients 10m 17s. Rounded Corners 7m 34s. Adding a Swap Image Behavior 12m 8s. Fade and Appear Effects 9m 44s. Opening a New Window Behavior 9m 37s. Dreamweaver Extensions 7m 13s. Installing an Extension 15m 35s.
Installing the Widget Browser 8m 46s. Adding a Widget to My Widget 6m 41s. Obtaining the FlexSlider Widget Files 7m 23s. Customizing the FlexSlider Widget 14m 5s. Section Responsive Design. What is Responsive Design? CSS Media Types 10m 9s. Planning for Multiple Screen Sizes 7m 16s.
Creating Media Queries 10m 2s. Modifying Styles within Media Queries 17m 53s. Site Reports 6m 2s. Entering Web Server Information 3m 31s. Uploading Files to the Web Server 3m 43s. Downloading from the Web Server 3m 15s. What is jQuery Mobile? Building a jQuery Mobile Page 8m 48s. Working with jQuery Mobile Themes 6m 20s. Section Summary. What We Accomplished in the Course 4m 27s. This is a quick preview of the lesson.
For full access, please Log In or Sign up. For more information, please see full course syllabus of Adobe Dreamweaver CS6. Add to Playlist Share Send Feedback. Share this knowledge with your friends!
Lecture Comments 2 0 answers. Section 1: Course Introduction What is Dreamweaver? Use the fluid grid layout system and HTML editor to design projects for smartphones, tablets, and desktop screens. Check your designs with Live View and Multiscreen Preview. Add rich typography and CSS3 transitions to create compelling projects. In this book-and-DVD package, expert instructors provide a complete course in basic Dreamweaver that you can access at your own speed. Step-by-step instructions in the book are supported by lesson files and video tutorials on the DVD, presenting the newest version of Dreamweaver in 16 self-paced lessons.
You'll learn to use style sheets, dynamic HTML, multimedia, databases, and much more to design, develop, and maintain your website. Statistics Gen. Unlimited access to our entire library. Please sign in to participate in this lecture discussion. Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure. Pearson may provide personal information to a third party service provider on a restricted basis to provide marketing solely on behalf of Pearson or an affiliate or customer for whom Pearson is a service provider.
Marketing preferences may be changed at any time. If a user's personally identifiable information changes such as your postal address or email address , we provide a way to correct or update that user's personal data provided to us.
This can be done on the Account page. If a user no longer desires our service and desires to delete his or her account, please contact us at customer-service informit. Users can always make an informed choice as to whether they should proceed with certain services offered by Adobe Press. If you choose to remove yourself from our mailing list s simply visit the following page and uncheck any communication you no longer want to receive: www.
While Pearson does not sell personal information, as defined in Nevada law, Nevada residents may email a request for no sale of their personal information to NevadaDesignatedRequest pearson. California residents should read our Supplemental privacy statement for California residents in conjunction with this Privacy Notice.
The Supplemental privacy statement for California residents explains Pearson's commitment to comply with California law and applies to personal information of California residents collected in connection with this site and the Services. This web site contains links to other sites. Please be aware that we are not responsible for the privacy practices of such other sites.
We encourage our users to be aware when they leave our site and to read the privacy statements of each and every web site that collects Personal Information. This privacy statement applies solely to information collected by this web site. Please contact us about this Privacy Notice or if you have any requests or questions relating to the privacy of your personal information. We may revise this Privacy Notice through an updated posting.
We will identify the effective date of the revision in the posting. Often, updates are made to provide greater clarity or to comply with changes in regulatory requirements. If the updates involve material changes to the collection, protection, use or disclosure of Personal Information, Pearson will provide notice of the change through a conspicuous notice on this site or other appropriate way. Continued use of the site after the effective date of a posted revision evidences acceptance.
Please contact us if you have questions or concerns about the Privacy Notice or any objection to any revisions. All rights reserved. Publishers of technology books, eBooks, and videos for creative people.
For example, you get the ability to control the space between lines of text, and an option to change the case of text—to make text upper- or lowercase. The people viewing your site might not notice the difference, but Google, other search engines, and screen reading software will. In the case of headlines, which browsers automatically display as bold, clicking the B button has no effect.
To remove the bold formatting from headlines, you have to use the CSS Style Definition window, and, from the font-weight menu, select normal see Figure Several of these settings are the same as those available from the Property inspector in CSS mode and you learned about them in depth starting on Duplicating a Style. To summarize, this category of CSS properties includes:.
You choose a font for the style from the Font menu. As discussed on Choosing a Font , you choose from groups of fonts rather than the specific one you have your heart set on. As described on Changing the Font Size , you can choose from among many different systems for sizing text, but the most common are pixels, ems, and percentages.
Weight refers to the thickness of the font. The Weight menu offers 13 choices. Normal and bold are the most common, and they work in all browsers that understand CSS. See Figure for details. CSS was designed so that each of the nine numeric weight values between and would tweak the thickness of fonts that have many different weights ultrathin, thin, light, extra bold, and so on. Similarly, choosing any of the values from to just gets you bold text bottom text in right column.
In this peculiar instance, Style means italic, oblique, or normal text. Technically, italic is a custom-designed, emphatic version of a typeface, like this. Oblique, on the other hand, is just a computerized adaptation of a normal font, in which each letter is inclined a certain number of degrees to the right. Line Height. To create more space between lines, set the line height greater than the font size. You can change the units of measure using the pop-up menu to the right of the Line Height field.
Now, if you change the size of the text, the relative space between lines remains the same. With CSS, you can make lines bump into each other by setting a low line-height value top paragraph , or spread them far apart by using a larger value bottom paragraph. From this menu, you can automatically capitalize text. This strange assortment of five checkboxes lets you dress up your text, mostly in unattractive ways.
The Block Properties panel is a hodgepodge of CSS settings that affect how browsers display letters and words see Figure This setting also helps remove space before and after headlines.
To indent paragraphs, set the Left and Right margin properties. You can apply a style with these properties to even a single word or two.
The one exception is the Text Align property, which applies only to paragraphs and other block-level elements. Here are your choices:. Word spacing. This property helps you clean up text by adding or removing space between words.
If you want words in a sentence to be spaced apart like this, then type a value of about 10 pixels. Choose Value from the first pop-up menu and then the units you want from the second one. The bigger the number, the larger the gap between words. You can also remove space between words by using a negative number—a great choice when you want to make your pages difficult to read. Letter spacing.
0コメント