ASP vs HTML


Unitatea şi simplitatea manipulării designului sitului

Un sit reuşit presupune şi un design reuşit. Aceasta înseamnă colorit frumos, aranjare în pagină echilibrată, ş.a. Un sit care de la o pagină la alta este total diferit, derutează. Să luăm ca exemplu (pozitiv 🙂 ) chiar situl Cnet.ro. Oriunde sunteţi în sit, ştiţi unde aveţi meniul. Ştiţi unde este textul care trebuie citit, ştiţi unde scrie numele sitului, ştiţi unde sunt puse „reclame”, etc. De la o pagină la alta, structura este aceeaşi. În HTML înseamnă a copia de fiecare dată, în fiecare pagină, partea din „jurul” nucleului paginii.

Haideţi să luăm un exemplu, situl din imaginea alăturată (care desigur este DOAR un exemplu, cu pretenţii didactice şi nu de design excepţional). Să urmărim mai jos codul HTML al acestei pagini:


Fişierul „test.html”

<html>
<head>
<title>Pagina de test</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-2″>
<style>
a:link { font-family: Arial; font-weight: bold; text-decoration: underline}
a:visited { font-family: Arial; font-weight: bold; text-decoration: underline}
a:hover { font-family: Arial; font-weight: bold; text-decoration: underline}
</style>
</head>
<body bgcolor=”#00728f”>
<table width=90% align=center cellpadding=5 cellspacing=0 border=1 bordercolor=#00728f bgcolor=#ffffff>
<tr><td><img src=”logo.gif”></td></tr>
<tr><td align=center><b>
[ <a href=”despre.asp”>despre</a> ]
[ <a href=”istoric.asp”>istoric</a> ]
[ <a href=”viata.asp”>viaţa parohiei</a> ]
[ <a href=”revista.asp”>revista noastră</a> ] </b>
</td></tr>
<tr><td>
<font face=Arial size=2>
<p align=justify>Aici vine textul. Textul vine aici. Vine aici textul. Aici textul vine. …
<p align=justify>Aici vine textul. Textul vine aici. Vine aici textul. Aici textul vine. …
<p align=justify>Aici vine textul. Textul vine aici. Vine aici textul. Aici textul vine. …
<p align=justify>Aici vine textul. Textul vine aici. Vine aici textul. Aici textul vine. …

</td></tr>
</table>
<p align=center><font face=Tahoma size=2 color=#ffffff>
© 2003 parohia numeleparohiei
</body>
</html>

Am marcat cu roşu în codul HTML al paginii partea care urmează să se schimbe de la pagină la pagină. Partea de deasupra (reprezentând o imagine grafică şi meniul sitului) rămâne constantă în toate paginile sitului. Partea de jos (cu nota de copyright) rămâne de asemenea constantă în toate paginile sitului. De ce atunci să se scrieţi de fiecare dată, în fiecare pagină HTML?

Datorită puterii ASP, puteţi separa partea fixă în fişiere pe care să le includeţi de fiecare dată în paginile sitului. Haideţi să mutăm toată partea de sus cu negru în fişierul „partea_de_sus.asp”, iar toată partea de jos cu negru în fişierul „partea_de_jos.asp”. Fişierul „test.html” devine „test.asp”, un fişier extrem de mic, compact, uşor de modificat din moment ce designul a fost separat de „nucleul” paginii. Să vedem deci transformarea fişierului HTML în trei fişiere ASP.


Fişierul „partea_de_sus.asp”

<html>
<head>
<title>Pagina de test</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-2″>
<style>
a:link { font-family: Arial; font-weight: bold; text-decoration: underline}
a:visited { font-family: Arial; font-weight: bold; text-decoration: underline}
a:hover { font-family: Arial; font-weight: bold; text-decoration: underline}
</style>
</head>
<body bgcolor=”#00728f”>
<table width=90% align=center cellpadding=5 cellspacing=0 border=1 bordercolor=#00728f bgcolor=#ffffff>
<tr><td><img src=”logo.gif”></td></tr>
<tr><td align=center><b>
[ <a href=”despre.asp”>despre</a> ]
[ <a href=”istoric.asp”>istoric</a> ]
[ <a href=”viata.asp”>viaţa parohiei</a> ]
[ <a href=”revista.asp”>revista noastră</a> ] </b>
</td></tr>
<tr><td>
<font face=Arial size=2>


Fişierul „partea_de_jos.asp”

</td></tr>
</table>
<p align=center><font face=Tahoma size=2 color=#ffffff>
© 2003 parohia numeleparohiei
</body>
</html>


Fişierul „test.asp”

<!–#include file=”partea_de_sus.asp”–>
<p align=justify>Aici vine textul. Textul vine aici. Vine aici textul. Aici textul vine. …
<p align=justify>Aici vine textul. Textul vine aici. Vine aici textul. Aici textul vine. …
<p align=justify>Aici vine textul. Textul vine aici. Vine aici textul. Aici textul vine. …
<p align=justify>Aici vine textul. Textul vine aici. Vine aici textul. Aici textul vine. …
<!–#include file=”partea_de_jos.asp”–>

Aţi prins ideea? De acum toate celelalte pagini ale sitului vor avea cele două „include” la început şi la sfârşit, Dvs editând doar „nucleul” paginii. Să ne închipuim mai jos paginile despre istoria şi despre revista parohiei.

Fişierul „istoria.asp”

<!–#include file=”partea_de_sus.asp”–>
<p align=justify>Parohia a fost înfiinţată în anul 1234. Primul ei paroh a fost preotul…
<p align=justify>După 1990…
<!–#include file=”partea_de_jos.asp”–>

Fişierul „revista.asp”

<!–#include file=”partea_de_sus.asp”–>
<p align=justify>Parohia noastră are o revistă publicată şi online. Numele ei vine de la …
<p align=justify>Arhiva numerelor: 2003, 2002………
<!–#include file=”partea_de_jos.asp”–>

V-aţi convins? Fiecare nouă pagină a sitului va avea designul separat de conţinut. Aceasta înseamnă:

  1. când doriţi să modificaţi designul va fi suficient (în general) să modificaţi cele două fişiere care definesc designul, iar modificările se vor reflecta în TOT situl!

  2. în fiecare pagină a sitului veţi avea în faţă informaţia esenţială, fără zecile de linii de cod care se repetă pagină de pagină; aceasta înseamnă o mai mare uşurinţă pentru Dvs în dezvoltarea sitului!

Ajunge să încercaţi o dată să faceţi aşa un sit… Nu vă veţi mai întoarce la vechiul stil!

Notă: Această separare cu „include” se poate face şi fără ASP, cu HTML şi JScript, însă mult, muuuult mai greu. De fapt, munca nu vă va fi uşurată, ci complicată.

Dinamicitatea paginilor


Pagini: 1 2 3 4 5

Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (3 evaluări, media: 3,67 din 5)
Se încarcă...

2 comentarii

  1. Andrei spune:

    Sunt impresionat.

  2. Vio spune:

    Imi place cum gandesti. E ok.


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *