 |
 |
 |
| Treballs de recerc@ |
Mínim HTML necessari per poder utilitzar les plantilles que oferim per la redacció dels treballs de recerca
|
|||||
|
Els documents HTML son arxius text amb elements HTML. Els elements HTML es defineixen mitjançant tags. Aquests s'escriuen entre els caràcters < i > Els tags HTML normalment apareixen aparellats <b> i </b> (p.e.negreta i final de negreta) Els HTML tags es poden escriure tant en minúscula com majúscula En alguns tags entre els <> hi poden haver paràmetres que configuren l'element (Ex: en una taula indicar si hi ha contorn) Hi ha molts més tags dels que aquí descriurem. També hi ha molts més paràmetres lligats als elements dels que posarem. Caldrà que feu una cerca a internet ( o ens ho demaneu ) si en voleu d'altres. Els colors en HTML s'indiquen en hexadecimal ( sistema on els números van del 0 a al 15, on 10=A, 11=B... 15=F). Els colors es formen a partir de tres blocs de dos dígits cadascun ( format RGB) , un pel vermell (Red valors entre 0 i 255, 00 i FF en hexadecimal ) un pel verd (Green idem valors) i un pel blau (Blue idem valors). S'escriuen entre cometes amb # davant (Ex: negre ="#000000·, blanc ="#FFFFFF, vermell ="#FF0000"...) Atenció a les referències a arxius!!! Quan s'hagi de posar una referència a un arxiu (Ex: una imatge) mai s'ha de posar el camí absolut (Ex c:\webs\laweb\imatges\imatge.gif) sempre s'han de posar les adreces relatives a l'arxiu html on s'han de visualitzar. Es a dir, si l'arxiu htm està a c:\webs\laweb posarem: .\imatges\imatge.gif on .\ indica el directori actual. |
|||||
  |
|||||
|
<html>...</html> Engloba la pàgina <header>...</header> La capçalera de la pàgina. Inclou el títol entre d'altres <title>...</title> El títol de la pàgina es veu a la barra de l'explorador <body>...</body> Engloba tot el que es veu. Com a paràmetre es pot posar bgcolor='' i el fons de la pàgina es veu del color que s'indiqui. <h1>...</h1> Capçaleres. Poden anar d'h1 a h6 i cadascuna fa que el text s'escrigui d'una mida diferent <p>...</p> paràgraf <br> salt de línia <b>...</b> negreta <i>...</i> cursiva <s>...</s> subratllat <!-- ... --> Per posar un comentari |
|||||
|
|||||
|
<img src=''> src indica on està la imatge pot ser una url o, un directori i el nom d'una imatge (Ex: http://www.edu365.com/aulanet/comsoc/images_comsoc/index_traf_p.jpg o images/imatge.gif) Tipus d'arxius vàlids: jpg, gif i png Paràmetres del tag <img>: |
|||||
|
|||||
|
Les taules es poden aniuar. Dins d'una taula, en una cel·la, hi pot haver un altra taula Paràmetres del tag <table>:
Paràmetres del tag <td>:
|
|||||
|
|||||
|
Paràmetres del tag <a>:
Marcadors <a name="nom del marcador"> Ens permet posa una marca a la línia on estem per accedir-hi des d'un vincle posant <a href="#nom del marcador"> si volem anar a la mateixa pàgina o, <a href="pagina.htm#nom del marcador"> si volem anar a un marcador en un altra pàgina. |
|||||
|
|||||
|
La plantilla que oferim es basa en dos frames. La capçalera i els continguts que anireu desenvolupant. <frameset framespacing="0" rows="56,*"> <frameset> defineix el nombre de frames i la mida de cadascun (56 pixels el primer i la resta pel segon). El paràmetre principal és:
<frame> amb paràmetres:
<noframes> suposant que tinguem un navegador que no accepta frames que volem visualitzar (s'ha d'escriure entre els tags <body>...</body>
|
|||||
|
|||||
|
Software gratuït. N'hi ha moltíssims en destaquem uns pocs que hem testejat
pspad http://www.pspad.com
PHPEditor http://hapedit.free.fr/
Arachnophilia http://www.arachnoid.com/arachnophilia/index.html L'última versió està programada en java.
Altres WYSIWYG (no testejats per nosaltres) Amaya. És un visualitzador en codi obert http://www.w3.org/Amaya/Amaya.html
Els softwares més utilitzats:
Altre software d'interès: HTMLValidator, validador d'html vàlid per 100 proves o trenta dies http://www.htmlvalidator.com/ EasyPHP entorn gratuït indispensable per desenvolupar amb PHP. Inclou la base de Dades MySQL, el servidor Apache i el servidor de pàgines dinàmiques PHP. http://www.easyphp.org/?lang=en
|
|||||
|
|||||