Crear tu página web PRINCIPAL(index.html)

Tutorial para crear tu página
web principal individual
index.html
Para la clase se requiere que cada integrante publique
en:
http://w3.itchihuahua.edu.mx/~numbreusuario/index.html
(ejemplo)
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.)
NO DEBE BORRAR CAMPOS, EJEMPLO SI NO SABE
INGLES DEBE PONER 0% 0%0% SI NO TIENE
EXPERIENCIA DEBE PONER : NO TENGO
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: jcperezl
y tu contraseña inicial es tu numero de
control ( debes cambiar contraseña para que alguen
mas no te la cambie o borre tus trabajos).
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 tu fotografía 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 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, Gmail,
Hotmail, etc.)
Procedimiento para la página
personal principal index.html:
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 la fotografía, nombre, e-mail
(que funcione como enlace)
(los ejemplos a continuación no funcionan
correctamente ya que son solo ejemplos )
Juan Pérez López
[email protected]
(para e-mail: si teclea el e-mail
directamente y da un espacio al terminar, se creará un enlace funcional)
d) Agregar los enlaces para los trabajos,
tareas, reportes, etc.
Para este ejemplo el enlace deberá quedar
similar a (Insertar hipervinvulo):
tareas
http://w3.itchihuahua.edu.mx/~jperezl/tarea1.html (para sitio
web: si teclea la dirección web directamente y da un espacio al terminar, se creará un
enlace funcional)
http://w3.itchihuahua.edu.mx/~jperezl/tarea2.html etc.
O
Tarea1
(para enlace web: a tarea1 de manera
ELEGANTE al crear un enlace funcional es seleccionando cualquier texto (Tarea1),
insertar, hipervínculo, teclear URL [en el campo: nombre del archivo o pág. Web]
http://w3.itchihuahua.edu.mx/~jperezl/tarea1.html)
f) Ahora deberás Guardar este archivo:
Archivo, guardar como
IMPORTANTE: crea una carpeta nueva
llamada xyz1 o xyz2 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, use comillas
dobles como se indica)
Guardar como tipo : *.html (o pagina web
NO USAR la opción DE UN SOLO
ARCHIVO).
la extensión deberá ser html (si la extensión
queda htm en ciertos casos NO funcionará
).
g) Envía tu archivo index.html y la carpeta
index_archivos a tu sitio web mediante ftp
como se indica en cualquiera de los 2
tutoriales NET2FTP o mail web
(no subas la carpeta xyz1, solo copia el contenido
abriendo
la carpeta xyz1 y para mail-web-itch usando ediciónseleccionar todo,
edición-copiar y lo pegas en tu sitio ftp con edición-pegar)
si usas net2ftp debes subir index.html en la carpeta
public_html y luego crear carpeta index_archivos, abres
esta carpeta y subes el contenido de ella archivo por
archivo.
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. :-(
Según vaya avanzando el curso, deberás
agregar más enlaces de tus trabajos,
abriendo tu archivo index.html (por lo que
debes conservar tus archivois) de tu
memoria usb en word (botón derecho
modificar) y agregas más enlaces y vuelves
a copiar y pegar en tu sitio (es decir
reempazas tus archivos)
w3.itchihuahua.edu.mx usando ftp:// ver
procedimiento de cómo hacerlo en: mailweb-itch.ppt o tutorial net2ftp
NOTA: También puedes crear una liga en index.html a una
Pagina llamada trabajos.htm y poner allí las tareas, así solo
tienes que actualizar esta página de trabajos.