Html-baserade sidor

Html-baserade sidor är den absolut vanligaste typen av sidor. De har ofta filändelser som html, asp, php eller liknande. Tack vare Consolos generella funktionalitet så kan du utforma webbsidorna precis hur du vill. Den här sidan tar upp det du bör känna till om "content"-taggar, sökvägar och xhtml.

HEAD och BODY

En webbsida består av två delar, HEAD och BODY. I HEAD behövs inga content-taggar men den måste finnas med för att information som sidtitel, beskrivning och sökord ska kunna sparas. Här är ett exempel på hur en php-sidas grundstruktur kan vara:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv">
<head>
 <title></title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <meta name="keywords" content="" />
 <meta name="description" content="" />
</head>
<body>
<?php include("inc/header.php"); ?>
 <!--content name="1"-->
   <div id="content">
   <h1>Huvudrubrik</h1>
   <p>Text</p>
   </div>
 <!--/content name="1"-->
 
<?php include("inc/footer.php"); ?>
</body>
</html>

Content-taggarna ligger utanför div-taggarna för att man inte ska radera dessa av misstag.

 

”Content”-taggar

Statiska filer med ändelse htm och html kräver ingen särskild anpassning, men servergenererade filer, till exempel asp- och php-filer, kräver att särkilda "content-taggar" infogas i koden.

<!--content name="main"-->
<!--/content name="main"-->

 

Dessa taggar har till uppgift att berätta för editorn vilken del av koden som är redigerbar. En sida kan innehålla flera olika redigerbara områden:

<p>This text cannot be edited</p>
<!--content name="1"-->
<p>This text can be edited</p>
<!--/content name="1"-->
<p>This text cannot be edited</p>
<!--content name="2"-->
<p>This text can be edited</p>
<!--/content name="2"-->

 

Observera att du kan döpa taggarna själv genom att ändra namnet innanför citationstecknena. Det är dock viktigt att det alltid finns en start och en slut-tagg med samma namn.

Servergenererade sidor som inte innehåller "content"-taggar kommer inte att kunna redigeras.

OBS! Placera taggarna så att risken för att en redaktör ska råka ta bort dem blir så liten som möjligt. Det kan vara bra att till exempel placera taggarna utanför en div som ska kunna redigeras.

 

Sökvägar

Eftersom alla sidor i Consolo kan flyttas mellan olika katalognivåer på servern, och eftersom de kan flyttas till Consolos systemkatalog "consolo/fileversions/" och visas där, så är det absolut förbjudet att använda relativa sökvägar. Detta gäller allt från bilder och länkar till style sheets och inkluderade skript.

 

Detta fungerar:

<img src="/images/myimage.gif">
<img src="http://www.mycompany.com/images/myimage.gif">

 

Detta fungerar INTE:

<img src="images/myimage.gif">
<img src="../images/myimage.gif">
<img src="myimage.gif">

 

Om du i framtiden ska flytta hela webbplatsen, ladda först hem hela webbplatsen så att du har den lokalt på din hårddisk. Använd sedan någon kod-editor av typen HomeSite eller UltraEdit för att göra en sök/ersätt på alla sökvägar i alla filer innan du laddar upp dem till den nya platsen.

 

Xhtml

Consolo kan generera fullt validerad och välstrukturerad xhtml-kod. För att detta ska fungera måste du göra tre saker:

 

1. Inled koden i alla sidor med en !DOCTYPE-tagg. Till exempel så här:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

2. Se till att du skriver all kod i alla sidor på korrekt xhtml-format. Detta gäller i synnerhet den kod som ligger utanför content-taggarna, eftersom Consolo inte kommer åt att "fixa till" den koden.

 

3. I konfigurationen för den aktuella webbplatsen, se till att inställningen Generera korrekt html/xhtml är satt till 1.