Activitat de tutoria

LA WEB DE L'IES http://iesgironella.xtec.net

Exercici 3: Editem la pàgina personal

Cada membre de l'IES, professor o alumne, disposa d'una pàgina web personal allotjada al servidor del centre. Per consultar-la hem d'escriure al navegador http://iesgironella.xtec.net/~usuari/index.htm (recordeu que ~ s'obté amb Alt126 o també amb AltGr 4 + espai). Per altra banda els fitxers que trobem en aquesta adreça web d'Internet són localitzats a la carpeta personal de cada alumne L:\curs\usuari\web_personal
La informació continguda en aquesta pàgina ha de complir les normes de l'annex3.

En aquesta pràctica editarem la nostra web personal amb el programa Dreamweaver.

Pràctica 1: Edició simple de index.htm

El lloc web d'un alumne pot contenir diverses pàgines estructurades en diverses carpetes. En qualsevol cas convé que la pàgina principal s'anomeni index.htm. De fet la pàgina inicial que tothom té creada per defecte és diu així.

Executeu Dreamweaver i cliqueu Archivo Abrir Buscar en: Alumnes L: curs usuari web_personal index.htm. Ja teniu la vostra pàgina inicial a punt per ser editada

  • Afegiu el vostre GRUP (p.ex: 1rESOA) i l'actual CURS ACADÈMIC (2004-05)
  • Canvieu el color de fons de la pàgina amb Modificar Propiedades de página Fondo
  • Deseu el fitxer amb Archivo Guardar
  • Comproveu des del navegador (executeu Internet Explorer, o Mozilla) que qualsevol persona pot veure la vostra nova pàgina (visiteu http://iesgironella.xtec.net/~usuari/index.htm)

Pràctica 2: Edició d'una segona pàgina al vostre lloc web

En segon lloc crearem, dintre del vostre lloc web, una segona pàgina separada de la inicial tot i que les enllaçarem. Per al contingut de la pàgina us donem dues possibilitats: una activitat pròpia de tutoria que el vostre tutor us proposarà o una descripció de vosaltres mateixos (qui sou, on viviu, on estudieu, quines aficcions teniu, ...)

  • Des del Dreamweaver feu Archivo Nuevo
  • Comenceu a escriure el vostre document (de moment només el títol i una frase)
  • Deseu el fitxer amb Archivo Guardar como Guardar en: Alumnes L: curs usuari web_personal practica2.htm (IMPORTANT: el nom de fitxer sense espais, ni accents, ni ç, ni majúscules)
  • Des del Dreamweaver obriu el fitxer inicial index.htm (Archivo Abrir Buscar en: Alumnes L: curs usuari web_personal index.htm).
  • Afegiu sota "Treballs i projectes" el títol de la pagina2 que heu començat a crear.
  • Seleccioneu aquest títol del treball i a la finestra de propietats (annex1) cliqueu la carpeta que hi ha al costat de Vínculo i busqueu el fitxer practica2.htm
  • Deseu index.htm
  • Comproveu des del navegador que visualitzant la vostra pàgina d'inici http://iesgironella.xtec.net/~usuari/index.htm apareix un link cap a la nova pàgina creada.
  • Des del Dreamweaver aneu a pagina2.htm i acabeu-la de redactar i de donar-li format.

Si voleu saber més: Guia ràpida de Dreamweaver (que trobareu a la pàgina de Coordinació d'Informàtica - Ajuda a l'usuari)

ANNEX 1: Possibles problemes amb Dreamweaver

  • Les dues finestres flotants desapareixen.
    Aquestes dues finetres són la finestra de propietats i la d'objectes. Les podeu tornar a fer aparèixer amb Ventana Objetos i Ventana Propiedades
  • Desapareix el disseny de la pàgina i apareixen codis estranys.
    Aquest codi és el llenguatge HTML que el navegador sap interpretar. Per retornar a la visió normal de disseny cliqueu el botó

ANNEX 2: Inserir foto a pàgina d'inici

Podeu inserir una foto vostra a la pàgina index.htm. Aquesta foto la podeu aconseguir de dues maneres:

  • Possibilitat A: des del fitxer JPG de l'orla del vostre grup
    • Executeu el programa Paint Shop Pro. Obriu el fitxer F:\fotos\orles\elvostregrup.jpg
    • Amb l'eina seleccioneu la vostra foto. Cliqueu copiar i deprés Editar Pegar Como nueva imagen
    • Deseu la foto Archivo Guardar como Guardar en: Alumnes L: curs usuari web_personal Nombre de archivo: foto.jpg Guardar como tipo de archivo: JPG
  • Possibilitat B: des de la càmera de fotos digital
    • Feu-vos una foto amb la càmera de fotos SONY-MAVICA (us cal un disquet de 3,5")
    • Des de El meu ordinador obriu Disco de 3,5" i i dentifiqueu el fitxer.jpg que correspon a la vostra foto.
    • Encara des de Disco de 3,5" cliqueu i després, encara des de El meu ordinador, aneu ala vostra carpeta web Alumnes L: curs usuari web_personal i cliqueu per enganxar el fitxer a la vostra carpeta
    • Amb el botó dret del ratolí trieu Cambiar nombre i poseu-li foto.jpg.

NOTA: És una falta greu l'ús d'una foto d'un altre alumne o professor sense el seu consentiment.

Un cop tenim la foto.jpg aconseguida d'una manera o altra, tornem al Dreamweaver per afegir-la a la pàgina web:

  • Obriu des del Dreamweaver la vostra pàgina web personal principal Archivo Abrir Buscar en: Alumnes L: curs usuari web_personal index.htm.
  • Situeu-vos on voleu que aparegui la foto i cliqueu al menú Insertar Imagen Buscar en: Alumnes L: curs usuari web_personal foto.jpg
  • Deseu el document
  • Comproveu que apareix la vostra foto des del navegador amb http://iesgironella.xtec.net/~usuari/index.htm

ANNEX 3: Normes d'ús de la carpeta i pàgina web personal

  • L'ús de la carpeta personal i de la pàgina web personal dels usuaris està reduït a ÚS ACADÈMIC: activitats i treballs dels diferents crèdits i matèries
  • En cap cas es pot desar fitxers amb informació grollera o ofensiva.
  • Cap alumne pot posar informació gràfica o textual referent a un altre membre del centre sense el seu consentiment.
  • En tots els treballs desats a la carpeta personal o penjats a la web personal ha de constar el nom del/s autor/s.
  • L'ús inadequat serà penalitzat per la Comissió de Convivència de l'IES.