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 http://w3.itchihuahua.edu.mx/~tu_nombre_de_usuario 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 http://w3.itchihuahua.edu.mx/~tu_nombre_de_usuario  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.

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, e-mail (que funcione como enlace) y 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 e-mail: si teclea el e-mail directamente y da un espacio al terminar, se creará un enlace funcional)

http://w3.itchihuahua.edu.mx/~jperez (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 e-mail: una manera ELEGANTE de crear un enlace funcional es seleccionando cualquier texto, menú: insertar, hipervínculo,  teclear e-mail 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]   http://w3.itchihuahua.edu.mx/~jperezm)


Juan Perales Robles

jperales@itchihuahua.edu.mx

http://w3.itchihuahua.edu.mx/~jperales


Juana Perales Robles

jperalesr@itchihuahua.edu.mx

http://w3.itchihuahua.edu.mx/~jperalesr

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).

 

Para este ejemplo el enlace deberá quedar similar a (Insertar hipervinvulo):

" Los 30 componentes más utilizados en electrónica "   http://w3.itchihuahua.edu.mx/~jperez/30compo.htm

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).

 

 
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-web-itch.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: http://w3.itchihuahua.edu.mx/~jperez/index.html

***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. :-(

 

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.