Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
1
¿Qué vamos ha hacer?
fotos archivos
2
¿Qué vamos ha hacer?
terminal
fotos archivos
fotos archivos
Servidor uib
pag web pag web pag web
4
¿Qué vamos ha hacer?
fotos archivos
fotos archivos
5
¿Qué vamos ha hacer?
Si queremos modificar una página primero la modificamos en nuestro
ordenador y luego actualizamos la copia del servidor
fotos archivos
fotos archivos
Programas
z Notepad++: Editor de texto.
z Filezilla: Cliente FTP.
7
Material necesario
las plantillas.
http://dea.uib.es/pdi
8
Pasos a seguir para crear la
Web personalizada.
Descargar el material y
descomprimirlo
Ubicar el material en un lugar
adecuado
Renombrar la carpeta “plantilla”
Cambiar los archivos
(currículum, foto, etc..)
Modificar cada plantilla
9
Cambiar los archivos
Borrar el contenido de la
carpeta archivos
Crear un pdf de nuestro
curriculum y llamarlo
‘curriculum.pdf ’
Guardar el curriculum en la
carpeta archivos.
10
Cambiar los archivos
11
Modificar cada plantilla
Conceptos generales
z El navegador interpreta archivos
de texto con un determinado
formato (texto formado por
etiquetas).
z Este texto está formado por
etiquetas.
z <etiqueta > xxxxxx </etiqueta>
12
Conceptos generales
<body>
Contenido de la Web
</body>
</html>
13
Conceptos generales
Etiquetas mas usadas
z Negrita
<strong> texto </strong>
z Enlace
(se abre en una nueva ventana)
z <a href=“dirección“
href=“dirección“ target="_blank">
target="_blank"> texto </a>
(se abre en la misma ventana)
z <a href=“dirección“
href=“dirección“ > texto </a>
href contiene la dirección en la que está lo que queremos
enlazar, puede ser una web o un archivo:
z EJ: http://www.google.es
z EJ: carpeta/NOMBREARCHIVO
z Si ponemos ../ estamos subiendo un directorio
z Si ponemos el nombre de una carpeta estamos accediendo a esa
carpeta
../B
z Salto de linea
<br />
A B J
z Comentarios C D K
carpeta 2
<!-- este texto no se muestra -->
E
z Encabezado 1 , 2 y 3 carpeta2/K
<h1> texto </h1>
carpeta1
<h2> texto </h2> 14
<h3> texto </h3>
Modificar cada plantilla
index.html
Abrir index.html con notepad++.
16
Modificar cada plantilla
publicacions.html
z Sustituir ‘NOMBREARCHIVO’ por el nombre del
archivo de la carpeta archivos.
Ej: archivos/publi01.pdf
En la pagina en ingles ../archivos/publi01.pdf
17
Modificar cada plantilla
documents.html
Abrir documents.html con notepad++.
Añadir un documento:
z Guardar el pdf del documento en la carpeta archivos.
z Copiar el bloque:
<a href=“archivos/NOMBREARCHIVO"
href=“archivos/NOMBREARCHIVO" target="_blank" >
TITULO DEL DOCUMENTO
</a>
<br />
MES AÑO ( COLABORADORES )
<br />
<br />
z Pegar el bloque debajo de ‘-->’ (No debe aparecer en
verde)
18
Modificar cada plantilla
documents.html
z Sustituir ‘NOMBREARCHIVO’ por el nombre del
archivo de la carpeta archivos.
Ej: archivos/doc01.pdf
En la pagina en ingles ../archivos/doc01.pdf
Borrar un documento
z Eliminar el bloque correspondiente
z Eliminar el archivo correspondiente
19
Modificar cada plantilla
assignatures.html
Abrir assignatures.html con notepad++.
20
Modificar cada plantilla
assignatures.html
z Sustituir ‘temarioassig1.pdf’ por el nombre del
archivo correcto:
archivos/nombredelarchivo.pdf
Ej: archivos/doc01.pdf
En la página en inclés ../archivos/doc01.pdf
21
Modificar cada plantilla
assignatures.html
Añadir una assignatura (enlace a página nueva)
z Crear la página de la asignatura modificando la
plantilla assignatura1.html y guardandola con otro
nombre en el mismo directorio que index.html.
z Copiar el bloque:
22
Modificar cada plantilla
assignatures.html
z Sustituir ‘archivos/temarioassig1.pdf’ por el
nombre de la página de la asignatura que has
creado:
Ej: econometria.html
23
Modificar cada plantilla
assignatures1.html
Modificando esta página podrás crear páginas para cada
asignatura.
Añadir un mensaje
z Copiar el bloque:
MENSAJE
<br />
<br />
24
Modificar cada plantilla
assignatures1.html
Añadir un enlace a un archivo:
z Guardar el archivo en la carpeta archivos.
z Copiar el bloque:
<a href=“archivos/NOMBREARCHIVO"
href=“archivos/NOMBREARCHIVO" >
ARCHIVO
</a>
<br />
<br />
z Pegar el bloque debajo de ‘-->’ (No debe aparecer
en verde)
z Substituir NOMBREARCHIVO por el nombre del
archivo correcto :
EJ: archivos/nomarchivo.pdf
EJ: archivos/nomarchivo.doc
En la página en inglés ../archivos/nomarchivo.pdf
25
Subir los archivos al servidor
Usaremos Filezilla
26
FILEZILLA
Estos botones
sirven para
mostrar más
o menos
información.
Si el único botón
que está marcado
MUESTRA EL ESTADO DE es el de la
LAS OPERACIONES derecha veréis
la ventana
igual que en
esta diapositiva.
27
FILEZILLA
Aparecerá esta
Ventana
28
FILEZILLA
Poner un nombre adecuado www.uib.es
Debe estar
marcado
Usuario y
Contraseña
Facilitados por
El centro de
calculo
30
FILEZILLA
Elegir el lugar en el que queremos poner nuestros
archivos en el servidor (en la zona de la derecha).
Elegir el archivo que queremos subir (zona de la
izquierda) y clicar sobre el con el botón derecho del
ratón, y a continuación seleccionar Upload (Subir),
nos debería aparecer el archivo en la zona de la
derecha.
31
FILEZILLA
Si ya hemos subido el archivo y queremos borrarlo del
servidor, podemos clicar sobre el archivo en la zona de la
derecha con el botón derecho y nos aparecerá un menú,
en ese menú aparece la opción de borrar.
32