Textformatering med Adobe CS5 Dreamweaver Property Inspector - dummies

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver Property Inspector används för att tillämpa HTML-taggar och bygga CSS-klasser för att formatera textfärg, ansikte, storlek och andra egenskaper. Fastighetsinspektören är uppdelad i två visningar: HTML och CSS. Du kan växla mellan dem genom att använda knapparna på vänster sida av panelen.

ändra textattribut.

Här är vad alla knappar på egenskapsinspektören betyder:

• Format (HTML): Använd rullgardinsmenyn Format för att tillämpa HTML-taggar som format ett helt stycke, inklusive rubriktaggar (Rubrik 1 till Rubrik 6) som vanligtvis tillämpas på rubriker och titlar, stycketiketten och den förformaterade texttaggen. Du kan enkelt finjustera vardera taggens attribut senare med hjälp av CSS.

  Det sista valet i rullgardinsmenyn Format är Preformatted, så att webbläsaren kan visa text precis som du komponerade den.

• ID (HTML): Den här inställningen gäller en CSS ID-stil till ett element. ID-er är en specifik typ av CSS-regel (eller väljare) som används för att lagra formateringsinformation som är unik för ett enda objekt på sidan (till exempel positioneringsinformation för en behållare).

• Klass (HTML): Den här listrutan gäller en befintlig klassstil till ett urval på sidan. Klassstilar kan skapas med egenskapskontrollen eller direkt från CSS-stilpanelen.

• Länk (HTML): Skriv en hyperlänk (som www. Wiley. Com) eller klicka på mappikonen för att bläddra och länka till en annan sida på din webbplats.

• Mål (HTML): Välj var det länkade målet ska visas.

• Fet (HTML / CSS): Djärv vald text.

• Kursiv (HTML / CSS): Kursivera vald text.

• Justering (CSS): Du kan klicka på justeringsknapparna på verktygsfältet för att tillämpa vänster, mitten och högerjustering. För att återgå till standard vänsterjustering, klicka på den valda justeringsknappen igen.

• Oordnad lista (HTML): Sätt automatiskt in kulor framför listade objekt. När du avancerar i användningen av Cascading Style Sheets kan du tillämpa många fler attribut på listor, inklusive anpassning av kulorna.

• Ordered List (HTML): Nummerar varje ytterligare textrad varje gång du trycker på Enter (Windows) eller Retur (Mac) -knappen.

  För att tvinga texten till en annan rad utan att lägga till automatisk numrering trycker du på Skift + Enter (Windows) eller Skift + Retur (Mac).

• Text Outdent (HTML): Ångra om du trycker på Indent med knappen Text Outdent. Det här alternativet tar bort taggen

  som knappen Text Innehåll skapar.

• Textinmatning (HTML): Använd det här alternativet för att skriva in text. Placera bara markören i det stycke text som du vill ange och tryck på knappen Textinmatning. En

  -kod tillämpas.

• Riktad regel (CSS): Ändra en befintlig CSS-regel eller skapa en ny. Den här listrutan gör det klart om du skapar en ny regel eller ändrar en befintlig i egenskapsinspektören.

• Redigera regel- / CSS-panelknappar (CSS): För regeln som visas i listrutan Målad regel kan du antingen redigera egenskaperna och värdena för den regeln i dialogrutan CSS-regeldefinition eller visa den i panelen CSS Styles till höger, respektive.

• Teckensnitt (CSS): Teckensnittet är den typ du väljer för att visa text. Tänk på att vilket teckensnitt som tittaren ser är baserat på tillgängligheten av teckensnitt på den användarens dator. Av denna anledning är teckensnitt begränsade till grundläggande systemfonter som installeras på de flesta olika datorer, oavsett operativsystem.

  Visaren kanske inte har teckensnitt som du fyller i typsnittet, så försök hålla fast vid sådana vanliga teckensnitt som de som redan ingår i de befintliga skriftsätten Dreamweaver.