Índex
 
       

 

2. La primera pàgina amb el Dreamweaver.

Les pàgines web s'escriuen i emmmaqueten amb els editors com el Dreamweaver, però s'executen en els navegadors. Així, quan fem una pàgina hem de seguir els següents passos:

1. Escriure el text i fer la correcció ortogràfica en un editor de textos.
2. Traslladar el text al Dreamweaver i maquetar la pàgina donant format al text.
3. Desar la pàgina amb el seu nom en un directori del disc dur.
4. Cridar aquest fitxer des d'un navegador.

Prémer F12 per cridar el navegador
Editor del Dreamweaver
  
El navegador
 
És convenient executar el fitxer en els dos navegadors més importants, Explorer i Mozilla, per tal de assegurar la bona visualització tant en un com en l'altre.

Els noms del fitxers han de fer referència al contingut de la pàgina. Si és la primera pàgina que es fa, podem posar-li el nom HolaMon.html. Si la pàgina tracta sobre mosquits els fitxers ha de anomenar-se mosquits.html.

A l'hora de donar nom als fitxers de pàgines web hem de tenir cura de no escriure espais en blanc ni signes de puntuació ni vocals accentuades ni la Ç ni la ñ. La raó és que aquestes pàgines han d'executar-se des de diferents sistemes operatius i encara que el windows permet tots aquests caràcters potser que linux o unix no ho permetin.

El llenguatge HTML

Els fitxers de pàgines web són, en realitat, fitxers de text. Podem obrir-les, per exemple amb la llibreta del Windows. Amb el Dreamweaver podem veure el codi amb el botó senyalat a la figura.
També els navegadors permeten veure aquest codi al menú Ver opció Código fuente.
De fet, abans, les pàgines web es feien amb editors de textos com la llibreta del Windows.

Exercici

  1. Crea un directori nou que es digui PaginesAuxiliars en el teu lloc web.
  2. Crea la primera pàgina de Hola Món i desa-la en PaginesAxiliars amb el nom HolaMon.html.
  3. Ten cura de posar el títol "Primer pàgina" per a la barra del navegador.
  4. Visualitza la pàgina en els dos navegadors, Internet Explorer i en el Mozilla.
  5. Mira el codi font d'aquesta pàgina en el Dreamweaver.