Hem Sociala medier HTML-grunderna i Adobe CS5 Dreamweaver-dummies

HTML-grunderna i Adobe CS5 Dreamweaver-dummies

Video: Lektion 1: En första titt på Adobe Dreamweaver. 2024

Video: Lektion 1: En första titt på Adobe Dreamweaver. 2024
Anonim

När du skapar en ny webbsida i Adobe Creative Suite 5 (Adobe CS5) Dreamweaver-partier av kod är skapad för att hjälpa din webbläsare att känna igen HTML och vilken version av HTML som används. Dreamweaver fungerar i bakgrunden för att säkerställa att din sida fungerar i de flesta senaste versionerna av vanliga webbläsare, till exempel Firefox, Internet Explorer och Safari.

HTML-kod, men lätt, är precis som något annat språk, för att du måste räkna ut syntaxen (ordens ordalag och bildbildning) och ordförråd (memorera massor av taggar). Du behöver inte ha tejpband på glasögonen för att bygga bra, rena webbsidor, men du måste granska följande HTML-basics.

Om du är en erfaren användare vet du att genom att kopiera och klistra in kod kan du räkna ut mycket om HTML-kod. Om du är en ny användare kan du kopiera och klistra in kod för att förstå koden som andra har implementerat på sina sidor och kanske ge dig några idéer.

I allmänhet består HTML-taggar av tre delar:

  • Tag: Huvuddelen av HTML-informationen, till exempel för stark eller fet, för typsnittstaggen eller

    för en HTML-tabell. En etikett är alltid konstruerad av ett nyckelord som är bifogat i en uppsättning parentes, till exempel

    eller

    .

    Eftersom de flesta taggar kommer i par måste du ange en öppningsetikett (

    ) och en stängningskod (

    ). I XHTML 1. 0 Transitional (den standard som används för alla nya sidor som skapats i Dreamweaver) måste alla taggar vara stängda. Du kan antingen stänga en tagg eller skapa en självstängande tagg genom att inkludera snedstrecket före stängningsfästet:

    Om du till exempel gör text med fetstil genom att lägga till taggen , berätta texten där du ska sluta använda fetstil genom att infoga en stängningskod . Annars fortsätter texten att visas fet på resten av sidan.

  • Attribut: Gör det möjligt att finjustera utseendet på en viss HTML-tagg. Ett attribut läggs alltid till en öppnings tagg och kan ta olika värden för att kontrollera attribut som länkens färg, storlek och destination. Till exempel är justering ett attribut för taggen

    (punkt) som anger hur texten inuti stycket ska anpassas.

    Här är ett exempel på en paragraf (

    ) med ett attribut som läggs till:

    Detta är centrerad text

  • Värde: Färgen, storleken och länkdestinationen, till exempel, anges i en attribut. Du kan till exempel ange ett hexadecimalt tal som värdet för ett färgattribut. Ett exempel på ett värde för bgcolor-attributet för taggen (som styr hela sidans utseende) kan vara "röd" eller "# CC0000".

  • Nesting är den ordning i vilken taggar visas. Om en -tagg används, ser det ut så här: Denna text är fet . Lägg till en kursiv tagg och du ser Den här texten är fet och kursiv. . Lägg märke till inplacering av taggarna: Du arbetar dig från insidan till utsidan när du stänger taggar.

  • HTML-grunderna i Adobe CS5 Dreamweaver-dummies

    Redaktörens val

    Hantera artikellängd i Drupal - dummies

    Hantera artikellängd i Drupal - dummies

    Om du skapar en särskilt lång artikel, hanterar Drupal längden med automatiskt förkorta det för dig och tillhandahålla en Read More länk om användare vill läsa hela artikeln. I stället för att visa ett långt inlägg som tar upp hela skärmen och gör användarna bläddra ner för att se något annat innehåll på ...

    Installera och aktivera Ubercart på din Drupal-webbplats - dummies

    Installera och aktivera Ubercart på din Drupal-webbplats - dummies

    Ubercart är en enda nedladdning som består av ett antal moduler som underlättar inrättandet av ett butiksfront på din Drupal-webbplats. Ubercart beror också på flera andra moduler som måste laddas ner och installeras. Följande går igenom stegen för att ladda ner och installera Ubercart och de andra modulerna som krävs. Ubercart fungerar bäst när ...

    Hantera Drupal Forum Tillstånd - dummies

    Hantera Drupal Forum Tillstånd - dummies

    Registrerade användare kan kommentera Drupal forum ämnen. Men standardbehörigheter gör det så att du är den enda som kan lägga in forumämnen. Eftersom poängen att ha ett forum är att framkalla diskussioner från besökare till din webbplats, vill du tillåta andra att posta forumämnen. Detta styrs av ...

    Redaktörens val

    Hur man öppnar SharePoint Team Sites i Office 365 - dummies

    Hur man öppnar SharePoint Team Sites i Office 365 - dummies

    ÅTkomst till en webbplats som är värd för SharePoint Online, en del av Office 365, kan vara lite annorlunda än webbplatser som är värd på ditt nätverk. Du kan komma åt din webbplats via huvudadressen för Office 365-portalen. Beroende på hur ditt företag har konfigurerat sin anslutning till Office 365 får du inte uppmanas att ...

    Hur man öppnar Microsoft Forums for SharePoint 2013 - dummies

    Hur man öppnar Microsoft Forums for SharePoint 2013 - dummies

    Microsoft upprätthåller ett communityforum för SharePoint 2013 . Du kan komma åt forumet för SharePoint 2013 och ställa frågor och interagera med andra SharePoint-användare.

    Redaktörens val

    Redigering Ljud i Flash CS3 - dummies

    Redigering Ljud i Flash CS3 - dummies

    Efter att du har ställt ett ljud i Flash CS3, kan du redigera Ljud för att finjustera dess inställningar. Du bör ta bort oanvända eller oönskade delar av ett ljud för att minska filstorleken. Du kan också ändra volymen medan ljudet spelas. Gör så här för att redigera ett ljud: 1. Klicka på en ram som innehåller en ...

    Förstå Drupal-moduler - dummies

    Förstå Drupal-moduler - dummies

    Om du är en ny Drupal-administratör använder du moduler utan att förstå det . Drupal själv består av en uppsättning moduler, kända som kärnmodulerna. För att se vad som menas, logga in som administratör och välj Moduler i menyraden Dashboard. Moduler som förinstallerats med Drupal heter Core-moduler. De två ...

    Hitta teckensnitt för webbdesign online - dummies

    Hitta teckensnitt för webbdesign online - dummies

    ÄVen om du kan ladda upp alla teckensnitt du själv har server och länka till den, erbjuder ett online fontförråd många fördelar, teckensnittet lagras på förrådets servrar och det ger CSS att inkludera teckensnittet på din webbplats. Online font repositories tar också hand om eventuella licensieringsfrågor. Teckensnitt, mycket ...