Textformatering med Adobe CS5 Dreamweaver Property Inspector

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

Textformatering med Adobe CS5 Dreamweaver Property Inspector

Ändra textattribut.

Så här betyder alla knappar på fastighetsinspektören:

  • Format (HTML): Använd rullgardinsmenyn Format för att tillämpa HTML-taggar som formaterar ett helt stycke, inklusive rubriktaggar (Rubrik 1 till Rubrik 6) som vanligtvis tillämpas på rubriker och titlar, stycketaggen och den förformaterade texttaggen . Du kan enkelt finjustera var och en av dessa taggars attribut senare genom att använda CSS.

    Det sista valet i rullgardinsmenyn Format är Förformaterat, vilket gör att din webbläsare kan visa text precis som du komponerade den.

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

  • Klass (HTML): Denna rullgardinslista tillämpar en befintlig klassstil på ett urval på sidan. Klassstilar kan skapas med egenskapsinspektören eller direkt från CSS-formatpanelen.

  • 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): Fet markerad text.

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

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

  • Oordnad lista (HTML): Infoga punkter automatiskt framför listade objekt. När du går vidare i användningen av Cascading Style Sheets kan du använda många fler attribut på listor, inklusive att anpassa punkterna.

  • Ordnad lista (HTML): Numrerar automatiskt varje ytterligare textrad varje gång du trycker på Enter (Windows) eller Retur (Mac).

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

  • Text Outdent (HTML): Ångra genom att trycka på indrag med knappen Text Outdent. Detta alternativ tar bort

    taggen som textindragningsknappen skapar.

  • Textindrag (HTML): Använd det här alternativet för att dra in text. Placera helt enkelt markören i stycket av texten som du vill dra in och tryck på knappen Text Indrag. A

    taggen tillämpas.

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

  • Redigera regel / CSS-panelknappar (CSS): För regeln som visas i listrutan Riktade regel kan du antingen redigera egenskaperna och värdena för den regeln i dialogrutan CSS-regeldefinition eller visa den i panelen CSS-stilar på rätten, respektive.

  • Teckensnitt (CSS): Teckensnittet är det typsnitt du väljer för att visa text. Tänk på att vilket teckensnitt som tittaren ser är baserat på teckensnittens tillgänglighet på den användarens dator. Av denna anledning är teckensnittsuppsättningar begränsade till grundläggande systemteckensnitt som är installerade på nästan alla datorer, oavsett operativsystem.

    Tittaren kanske inte har teckensnitt som du laddar i dina teckensnittsuppsättningar, så försök att hålla dig till sådana vanliga typsnitt som de som redan ingår i de befintliga Dreamweavers teckensnittsuppsättningar.


Hur man tillämpar transparens på SVG:er

Hur man tillämpar transparens på SVG:er

Lär dig hur du tillämpar transparens på SVG-grafik i Illustrator. Utforska hur du matar ut SVG:er med transparent bakgrund och tillämpar transparenseffekter.

Arbeta med bilder i Adobe XD

Arbeta med bilder i Adobe XD

När du har importerat dina bilder till Adobe XD har du inte så mycket redigeringskontroll, men du kan ändra storlek och rotera bilder precis som du skulle göra med vilken annan form som helst. Du kan också enkelt runda hörnen på en importerad bild med hjälp av hörnwidgetarna. Maskera dina bilder Genom att definiera en sluten form […]

Hur man justerar textegenskaper i Adobe XD

Hur man justerar textegenskaper i Adobe XD

När du har text i ditt Adobe XD-projekt kan du börja ändra textegenskaperna. Dessa egenskaper inkluderar teckensnittsfamilj, teckenstorlek, teckensnittsvikt, justering, teckenavstånd (kerning och spårning), linjeavstånd (ledande), fyllning, kant (linje), skugga (skugga) och bakgrundsoskärpa. Så låt oss se över hur dessa egenskaper tillämpas. Om läsbarhet och typsnitt […]

Arbeta med ritytor i Photoshop CC

Arbeta med ritytor i Photoshop CC

Precis som i Adobe Illustrator ger Photoshop-ritytor möjligheten att bygga separata sidor eller skärmar i ett dokument. Detta kan vara särskilt användbart om du bygger skärmar för en mobilapplikation eller liten broschyr. Du kan tänka på en rityta som en speciell typ av lagergrupp skapad med hjälp av panelen Lager. Det är […]

Former och polygoner i InDesign

Former och polygoner i InDesign

Många av verktygen du hittar i panelen InDesign Tools används för att rita linjer och former på en sida, så du har flera olika sätt att skapa intressanta ritningar för dina publikationer. Du kan skapa allt från grundläggande former till invecklade ritningar i InDesign, istället för att behöva använda ett ritprogram som […]

Radbryt text i Adobe Illustrator CC

Radbryt text i Adobe Illustrator CC

Att slå in text i Adobe Illustrator CC är inte riktigt detsamma som att slå in en present – ​​det är enklare! En textbrytning tvingar text att lindas runt en grafik, som visas i den här bilden. Den här funktionen kan lägga till lite kreativitet till alla delar. Grafiken tvingar texten att lindas runt den. Skapa först […]

Hur man ändrar storlek på former i Illustrator

Hur man ändrar storlek på former i Illustrator

När du designar i Adobe Illustrator CC behöver du ofta en form som har en exakt storlek (till exempel 2 x 3 tum). När du har skapat en form är det bästa sättet att ändra storlek på den till exakta mått att använda panelen Transform, som visas i den här bilden. Välj objektet och välj sedan Fönster→ Omvandla till […]

Hur man skapar QR-koder i InDesign CC

Hur man skapar QR-koder i InDesign CC

Du kan använda InDesign för att skapa och ändra QR-kodgrafik. QR-koder är en form av streckkod som kan lagra information som ord, siffror, webbadresser eller andra former av data. Användaren skannar QR-koden med hjälp av sin kamera och programvara på en enhet, till exempel en smartphone, och programvaran använder […]

Hur man får ett nytt foto att se gammalt ut i Photoshop CS6

Hur man får ett nytt foto att se gammalt ut i Photoshop CS6

Det kan finnas en tid då du behöver ett nytt foto för att se gammalt ut. Photoshop CS6 har du täckt. Svartvit fotografering är ett nyare fenomen än man kan tro. Daguerreotyper och andra tidiga fotografier hade ofta en brunaktig eller blåaktig ton. Du kan skapa dina egna mästerverk i sepiaton. Tonade bilder kan skapa […]

Live Paint-funktionen i Adobe CS5 Illustrator

Live Paint-funktionen i Adobe CS5 Illustrator

Med hjälp av Live Paint-funktionen i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du skapa den bild du vill ha och fylla i regioner med färg. Live Paint-hinken upptäcker automatiskt områden som består av oberoende korsande vägar och fyller dem därefter. Färgen inom en viss region förblir levande och flyter automatiskt om någon […]