Redestudiantilpr.net

 
Bannerlandia
Bannerlandia

 

               

Hola chicos y chicas.... Iremos directamente al grano. Me imagino que ya conocerán que el web (www=word wide web) es un sistema de información basado en hipertexto. Si han llegado hasta aquí ya lo han experimentado, pues hipertexto es avanzar una página dando un clic sobre un enlace. Reconocerán los enlaces porque cuando pasan el mouse o ratón sobre el objeto o palabra se convierte en una mano pequeña.    

Ahora estarán deseosos/as por aprender a construir su propia página web. Comencemos

Lo primero que les recomiendo es determinar para qué quieren una página web. ¿Será un página personal?, ¿querrán vender algún artículo o promocionar algo?,  ¿harán una presentación de clases?...  Luego escojan un tema. Hagan un bosquejo del contenido que incluirán en sus páginas, divídanlo por temas, y asignen a cada tema una página particular. Tengan en cuenta que elaborarán primero una página inicial la cual debe contener un título, la presentación del tema y enlaces al resto de las páginas en las cuales desarrollarán el tema seleccionado. Esa página inicial la llamarán index.htm y será la primera que se verá cuando cualquier persona accese a su página, por tanto esmerence en hacerla atractiva, bonita, y de buen gusto.

Ejemplo del Bosquejo:

  1. Tema: Mi página personal

  2. Título: Un lugar para todos/as

  3. Página Principal:
    1.  Saludo
    2.  Descripción
    3.  Enlaces

  4. Página dos: Galería de fotos
    1.  fotos

  5. Página tres: Algo sobre mi
    1.  Intereses personales
    2.  Mis estudios
    3.  Mi gato

  6. Página cuatro: Mis enlaces favoritos
    1.  enlaces

Segundo, piensen en el diseño, imaginen que estan decorando la sala de su casa o su cuarto. Consigan imágenes que estén relacionadas al tema que quieren presentar. Las imágenes pueden escanearlas, buscarlas en los clipart de Word, Publisher, WordPerfect, Corel, etc. También pueden bajarlas de internet. Hay muchos lugares que les ofrecen imágenes animadas para que las utilicen en sus página web una de ellas es www.gifanimator.com. Otra alternativa es buscarlas en Alta Vista bajo la sección de imágenes.  

Algunos puntos importantes que deben tomar en cuenta al escoger sus imágens son:

  • el tamaño de las imágenes no deben ser muy grande (máximo 600 x 400)

  • el peso de las imágenes (file size) no debe ser mayor a 40 kb

  • si utilizan un background éste no debe intervenir con el texto

  • es de buen gusto que reconozcan a quién pertenece la autoría de la imagen. Algunas páginas tienen una sección sobre derechos de autor (copyright), léanla para que se informen sobre los requerimientos de cada autor.

  • si tienen talento para dibujar entonces utilicen imágenes de su propia inspiración

Clipart de Word 2000 

Ahora que tienen idea del contenido y el diseño de sus páginas, vamos a comenzar a construirla.

Pueden utilizar cualquier programa de edición de texto como Word, WordPerfect o los editores que te ofrecen los exploradores (FrontPage Express de Internet Explorer / Netscape Composser de Netscape).  Lo primero que deben hacer es crear en su computadora un directorio local en el cual guardarán los documentos (páginas e imágenes) que compondrán sus páginas web. Si tienes Windows 95/98, por ejemplo, este te provee en el directorio My documents un sub directorio llamado My Webs. Dentro de ese subdirectorio crea otro subdirectorio (o carpeta) con el nombre que le quieras dar y alli guardarás todo lo relacionado a tu página web. Para hacer esto, abres la carpeta My Computer, luego abres C:/ con dos clic sobre el ícono, abres la carpeta My Documents, abres la carpeta My Web, luego das un clic en File/New/Create New Folder, lo nombras en el lugar correspondiente y listo. Repitirán el último paso para crear más carpetas.

Ejemplo de Directorio Local:

Empecemos a construir el index.htm

Les recomiendo que primero hagan una tabla, y dentro de la tabla trabajen la escritura del texto y la colocación de las imágenes, así tendrán más control del diseño de sus página.  Coloquen el título y la información tal como lo han planificado. En algún lugar visible coloquen una barra de navegación (menú) que enlace a sus otras páginas web. Esta puede ser en formato de imágenes o de texto. 

Ejemplo:

Tips respecto a las tablas:

  • No deben ser mayor de 800 x 600

  • Deben quitarles las línes divisorias para que el trabajo se vea más bonito

  • Pueden asignarles colores a las celdas para tener variedad

  • Si tienen problemas colocando las imágenes en el lugar que desean tengan en cuenta que deben cambiar las propiedades de las imágenes (Den clic con el botón derecho del mouse sobre la imagen, escojan la opción Format Picture, den un clic en la sección de Wrapping y en Wrapping Style escojan none) Más o menos así funciona en la mayoría de los programas.

Creando enlaces:

Enlaces de una página a otra página o a otro lugar web

Selecciónen el texto o imagen que utilizarán de ancla para el enlace. Den un clic con el botón derecho del mouse y escojan la opción "Hyperlink". En el lugar correspondiente coloquen el nombre de la página (ejm. pagina2.htm)  o la dirección completa de la página web (ejm. www.redestudiantilpr.net)  a la cual enlazarán esa ancla.

Ejemplo:      

La barra de navegación debe ir en cada una de las páginas que compongan su lugar web. Si desean pueden añadirle su email como punto de contacto para que otras personas les escriban. Esto es bien sencillo, sólo colocan su email y luego dan enter y automáticamente, si el programa es inteligente, reconocerá lo que escribieron como un enlace a email.

Pues bien... asi de fácil ya han realizado su primera página web. Ahora guarden la página en formato de html (Save as HTML...) con el nombre de index.htm. Y pasen a construir sus siguientes páginas siguiendo el mismo formato.

Finalmente, para publicar sus páginas web, necesitarán un proveedor de servicio de internet, el cual les dará la conexión de Internet; y además del proveedor, necesitarán también un sitio donde hospedar    (publicar) sus páginas web.  En algunos casos, el propio proveedor proporciona el servicio de hospedaje, pero si este no es tu caso, podrías hacer uso de los hospedajes gratuitos los cuales están enlistados en recursos

Una vez publicada sus grandes obras pueden verla colocando la dirección correspondiente en cualquier navegador. Si todo esta chévere pueden enviar emails a todos sus amigos anunciándoles su página para que la visiten.

Cualquier duda pueden consultar la Internet haciendo una búsqueda sobre "como construir páginas web" y encontrarán varios manuales que les ayudarán. También pueden solicitar nuestros servicios y con mucho gusto les ayudaremos.

Suerte!!

Más Cursos

 

 

Indice  Noti Red Mini Cursos Online  Chat  Juegos   Postales  | Admisiones   Becas   Actividades  Guía Estudiantil    Cinepedia   Cuentos   Reir o Pensar Quiénes Somos   Diseño Web Page   Colaborar   Prensa  Política de Privacidad  | Términos de uso

 

Red Estudiantilpr ®
 Copyright ©2000.  Derechos Reservados en su totalidad.