¿Cómo hacer una página web?

 

    Al principio conocía las páginas web que visitaba, me fijaba en sus diseños, sus contenidos, como se navegaba de un punto a otro. Cuando decidí hacer la mía no tenía idea de cómo hacerlo. Sabía lo que quería lograr: un encabezado, una columna izquierda y una columna derecha para navegar y el espacio central para que mostrara lo que seleccionaba en ambas columnas.

 

    Conseguí el programa Microsoft FrontPage, tomé un breve curso y comencé a trabajar. El programa se parece mucho a Word, así que lo utilicé para copiar textos que ya tenía hechos y modificarlos como si fuera Word.

    Primero, en Archivo primero seleccioné Nuevo y luego Página o Web

    Como quería como color de fondo el blanco, no seleccioné Formato Fondo Color de Fondo. Lo que hice fue seleccionar el Tipo de letra, Tamaño de letra y Justificar

    Las divisiones que quería se llaman Márcos. Para hacer una página con Marcos se debe seleccionar Archivo, allí seleccionar Nuevo, luego Página o web, en la parte baja seleccioné Plantillas de Página, allí elegí Página de Marcos y lo más parecido a lo que quería era Titular y Contenido. Consiste en un encabezado que abarca toda la página, una columna angosta al lado izquierdo y una columna gruesa del lado derecho..

    Puesto que yo quería una página que constara de un encabezado dividido en  tres partes, dos angostas a los lados y una gruesa al centro, me posicioné en el encabezado, elegí Marcos, luego seleccioné Dividir Marcos y luego elegí Columnas. El tamaño y ancho de la columna la modifiqué con Propiedades de Marco. Repetí el procedimiento hasta tener tres columnas en el encabezado. Puesto que ya existía la columna del lado izquierdo, me posicioné en la columna derecha, elegí Marcos, luego seleccioné Dividir Marcos y luego elegí Columnas. El tamaño y ancho de la columna la modifiqué con Propiedades de Marco, cuidando que fueran iguales a las del encabezado.

    Cada uno de los cuadros que conforman la página debe tener un nombre diferente y la Página web que agrupa a todos los cuadros debe tener otro nombre diferente. Por tanto, se debe posicionar en cada cuadro, darle un nombre y después modificar el contenido del cuadro. Puesto que mi página contiene seis espacios, lleva siete nombres: uno para cada espacio y otro para el conjunto.

    Cada nombre implica una hoja diferente. En cada hoja existe un contenido diferente. En mi caso, el cuadrado del lado izquierdo del encabezado lleva la bandera de México ondeando con movimiento. El encabezado central lleva mi nombre y el cuadrado del lado derecho del encabezado llevar una imagen que puedo cambiar periódicamente.

    La columna izquierda es un menú con hipervínculos, en la columna central se despliega el texto elegido en el menú y la columna derecha es para el contador de visitas, actividades y cuadros de publicidad.

    El conjunto siempre deberá estar a la vista.

 

   Una vez con el "esqueleto" hecho, se entra a cada espacio con Archivo y Abrir. En cada archivo se puede hacer lo que se desee. Se pueden insertar imágenes con Insertar, seleccionar Imagen y allí se puede elegir la imagen o video que se desee incluir. Se pueden cambiar las características de la imagen posesionándonos y seleccionando la imágen y allí elegir Formato y Propiedades. También podemos modificarla seleccionándola y con el botón derecho del mouse vamos a propiedades y allí la modificamos.

    Podemos cambiar el tamaño y color de letra, la ubicación del texto, podemos insertar hipervínculos para navegar. El hipervínculo puede ser en una palabra o una imagen. La seleccionamos, damos Insertar, luego Hipervínculo y nos pide decidir si el destino será otra parte dentro de mi página Web o una dirección de otra página Web. De esta forma podemos navegar dentro o fuera de nuestra página. Si una palabra o imagen es el origen y otra palabra o imagen que seleccionamos dentro de nuestra misma hoja con Marcador es el destino, entonces podemos navegar en nuestra propia hoja. También se pueden crear hipervínculos de correo electrónico.

    Podemos insertar líneas horizontales y/o verticales y cambiarles grosor y color.

      Podemos insertar efectos utilizando Insertar, seleccionamos Componente Web y allí le podemos poder Efectos dinámicos como Marquesina, contadores de visitas, etc.

    Podemos insertar un cuadro para poner allí imágenes o archivos comprimidos

 

    La Página Web (o web side) es un conjunto de páginas web. Está compuesta por una página principal y un conjunto de páginas “derivadas” en las cuales se puede navegar. Se agrupan en una “carpeta” donde habrá una “sub carpeta” para imágenes y otra para archivos.

    Para “actualizar una página” simplemente se “abre” la página "principal" y las páginas "derivadas" existentes y se modificas. Para “checarla” se utiliza “Vista normal”,  “Vista HTML” y “Vista previa”, opciones que se encuentran en la esquina inferior izquierda de la pantalla.

    Para agregar páginas únicamente seleccionamos Archivo y Nueva página. Eso nos permitirá incrementar el contenido y utilizamos Hipervínculos para que podamos navegar hasta esa página nueva.

 

En resumen:

¿Cómo se hacen los cuadros? Con Macros

¿Cómo se les pone color de fondo por cuadro? Con Formato

¿Cómo se les pone color de letra? Con Formato

¿Cómo se inserta imágenes? Con insertar imágenes

¿Cómo se insertan imágenes con movimiento? Con insertar imágenes

¿Cómo se hacen enlaces a otra parte de la página o a otras páginas de la misma web? Con hipervínculos y marcadores

¿Cómo se hacen enlaces a otras páginas web? Con hipervínculos

¿Cómo se hace la “inserción de pequeños dibujos o fotografías” relacionados a un texto de la columna central? Con insertar imágenes, hipervínculos y marcadores

¿Cómo se despliega un pequeño dibujo o fotografía en la columna central o en otra página? Con insertar imágenes, hipervínculos y marcadores

¿Cómo se hace un enlace de un texto, dibujo o fotografía a otra página? Con hipervínculos y marcadores

 

    Un web side es un conjunto de páginas web. Está compuesta por una página principal y un conjunto de páginas “derivadas” en las cuales se puede navegar. Se agrupan en una “carpeta” donde habrá una “sub carpeta” para imágenes y otra para archivos. Para agregar páginas únicamente seleccionamos Archivo  Nueva página

    Para “actualizar una página” simplemente se “abre” la página existente y se modifica. Para “checarla” se utiliza “Vista normal” “Vista HTML” y “Vista previa”