Als u een site heeft, kan het verkennen van het ontwerp met behulp van CSS- en div-tags u en uw websitebedrijf een stap voor zijn. Eenvoudig onderhoud, sneller laden en zoekmachine vriendelijke functies zullen u voordelen bieden van een betere marketingstrategie.

Stappen

  1. 1 Weet dat de tag 'div' in principe wordt gebruikt om afzonderlijke gebieden of divisies van de websitepagina in te stellen. Dit is een van de extreem krachtige elementen in "XHTML" omdat het nodig is om het ontwerp van de webpagina met behulp van "CSS" te plaatsen. In eenvoudige woorden betekent dit proces het implementeren van sites zonder gebruik te maken van tabellen voor lay-out en positionering.
  2. 2 Een stylesheet maken - 'Div'-tags gebruiken stijlbladen waarmee het webontwerp van de site onafhankelijk van gegevens kan zijn. Het ontwerpen van achtergronden met kleuren en lettertypen, breedte, hoogte, lay-out en positionering van rijen of kolommen kunnen allemaal in stijlbladen worden ingevoegd, waardoor alleen div-code en informatie over werkelijke pagina's overblijven.
    • U kunt een stylesheet als een ander document maken en vervolgens koppelen. Open een nieuw Kladblok-document, schrijf uw code in en sla het op onder de extensie ".css".
    • De CSS-eigenschappen die erg handig zijn, zijn "achtergrondkleur", "hoogte", "breedte", "zweven" en "wissen".
  3. 3 Link de stylesheet - u kunt een stylesheet koppelen met een link tag. Dit moet worden gebruikt in het gedeelte 'hoofd' van uw website. bijv. . u moet het pad naar uw CSS-bestand schrijven op de plaats waar in dit voorbeeld 'pad' is geschreven.
  1. 1 Begrijp de voordelen van het gebruik van div-tags of table-less:
    • Het laden van sites wordt sneller. Websites die zijn gebaseerd op 'div'-tags, zorgen ervoor dat browsers veel sneller werken omdat ze in een zeer lichtgewicht worden geleverd. 'Div' wordt bestuurd via Cascading style sheets en heeft daarom minder codering nodig om de bestandsgrootte tot een minimum te beperken.
    • 'Div' is vriendelijk voor alle zoekmachines - CSS-gebaseerde websites zijn zoekmachineoptimalisatiefriendelijk, omdat deze de webontwerper in staat stellen om de belangrijkste artikelen bovenaan te houden, zodat zoekmachines gemakkelijker de belangrijkste inhoud kunnen vinden.
    • Een op 'div' tag gebaseerde website bespaart bandbreedte. Een tabelloze website heeft een kleinere bestandsgrootte, wat betekent dat het uw bandbreedte bewaart. Als u een grote verkeerswebsite heeft, waarbij elke pagina door de bezoekers van de site wordt bekeken, bespaart u op de bandbreedtegrootte door geen tabellen te hebben. Dit opgeslagen bandbreedtebedrag kan nuttig zijn over een bepaalde periode of aan het einde van de maand.
    • Cleaner Code - De websites die 'div' tags gebruiken en CSS genereert schonere code. Met deze opschoningscode kunnen crawlers van zoekmachines de daadwerkelijke inhoud lezen.