Tutorial para crear tu página web principal

Transcripción

1 Tutorial para crear tu página web principal Primero que nada vea ejemplo en este enlace Si quiere puede Ver Otros ejemplos de semestres anteriores (dib. et.) Para la clase se requiere que publiques en del jefe de equipo. Todos los integrantes del equipo (incluyendo el jefe de equipo ) deben tener una pagina web funcional con su nombre, foto y currículo vitae (escuelas y años donde estudiaste, habilidades, que te gusta hacer, etc.) las paginas serán publicadas en donde el nombre de usuario será diferente para cada uno, el nombre de usuario generalmente es asi: si te llamas: juan carlos perez lopez tu usuario es: jcperez (En ocasiones cuando hay duplicidad puede que sea jcperezl ) y tu contraseña inicial es tu numero de control. Deberás cambiar la contraseña inicial (tu numero de control) lo mas pronto posible. En la en esta liga de la pagina del tec., abres sesión poniendo tu usuario y contraseña y una vez adentro, activas enlace Options y luego Change of Password usa una contraseña que no vayas a olvidar y que no sea fácil de adivinar.

2 Requisitos: Tener las fotografías de cada integrante en formato bmp, jpg o gif. (puedes escanear las fotos o tomarlas con una cámara digital). Obtener dirección de correo electrónico (gratis 1 Giga Byte en mx yahoo! entra aquí en y activa el botón regístrate ahora para obtener una cuenta de correo GRATUITA. (puedes usar otros correos) Procedimiento para la página principal del equipo: a) Abre el programa word y abre una nueva pagina (archivo, nuevo, página web). b) Agregar Títulos: Instituto Tecnológico de Chihuahua Nombre de la materia Equipo Maestro: Ing. César Javier Monárrez Aguirre c) Agregar las fotografías, nombre, (que funcione como enlace) y

3 Opcionalmente la página web personal (que funcione como enlace). (los ejemplos a continuación no funcionan correctamente ya que son solo ejemplos ) INTEGRANTES DEL EQUIPO Juan Pérez López jperez@itchihuahua.edu.mx (para si teclea el directamente y da un espacio al terminar, se creará un enlace funcional) (para sitio web: si teclea la dirección web directamente y da un espacio al terminar, se creará un enlace funcional) Juana Pérez Martínez (para una manera ELEGANTE de crear un enlace funcional es seleccionando cualquier texto, menú: insertar, hipervínculo, teclear como URL [en el campo: nombre del archivo o pág. Web] mailto:jperezm@itchihuahua.edu.mx) visita mi Sitio WEB!!! (de Juana Pérez) (para sitio web: manera ELEGANTE de crear un enlace funcional es seleccionando cualquier texto, insertar, hipervínculo, teclear URL [en el campo: nombre del archivo o pág. Web]

4 Juan Perales Robles Juana Perales Robles d) Agregar los enlaces para los trabajos, tareas, reportes, etc. (deberás identificarlos con el titulo que se asigne en las tareas) en la página del Maestro monarrez/ ejemplo para el trabajo: Semana del 21 de feb (EQUIPO) "Un Trabajo en Web de los 30 componentes más utilizados en electrónica " Equipo, publicar en html, ( puede ser tabla) 4 Columnas: 1)Nombre y dibujo de símbolo, 2) dibujo apariencia física, 3) definición, 4)aplicaciones.(Los dibujos pueden ser gráficas, escaneados o en paint).

5 Para este ejemplo el enlace deberá quedar similar a (Insertar hipervinvulo): " Los 30 componentes más utilizados en electrónica " o de la manera elegante: " los 30 componentes más utilizados en electrónica " f) Ahora deberás Guardar este archivo: Archivo, guardar como IMPORTANTE: crea una carpeta nueva llamada xyz1 y ahí guarda tu página index, es el contenido de esta carpeta (que word crea) lo que debes subir a tu sitio ) Nombre de archivo: index.html (que quede igual, solo minúsculas) Guardar como tipo : *.html (o pagina web). la extensión deberá ser html (si la extensión queda htm en ciertos casos NO funcionará por lo que deberás cambiarla a html posteriormente).

6 g) Envía tu archivo index.html y la carpeta index_archivos a tu sitio web mediante ftp (no subas la carpeta xyz1, solo copia el contenido abriendo la carpeta xyz1 y usando edición-seleccionar todo, edición-copiar y lo pegas en tu sitio ftp con edición-pegar). ( debes ver liga para saber como enviar tus archivos...mail-webitch.ppt NOTA: pregunta al maestro en caso de duda(s)... h) Ahora debes probar tu página... en OTRA máquina ya que a veces puede funcionar en la máquina que creaste tu pagina web pero no funcionar en otras máquinas: ejemplo: ***Verifica que no falte ninguna imagen y que todos los enlaces funcionen correctamente. Recuerda: si tu página no funciona es como si no hubieras hecho el trabajo. :-(

7 Ejemplo de como debe quedar: vea ejemplo en este enlace Según vaya avanzando el curso, deberás agregar mas enclaces de tus trabajos, abriéndo tu archivo index.html de tu memoria usb en word (botón derecho modificar) y agregas mas enlaces y vuelves a copiar y pegar en tu sitio w3.itchihuahua.edu.mx usando ftp:// ver procedimiento usual en: mail-web-itch.ppt NOTA: También puedes crear una liga en index.html a una pagina llamada tarabajos.htm y poner allí las tareas, así solo tienes que actualizar esta página.