1. LECTURAS DE PÁGINAS WEB
MITCHELL CHAVARRIA BOTELLO
11-4
TRABAJO DE TECNOLOGÍA
LIC. GUILLERMO MONDRAGON
INSTITUCIÓN EDUCATIVA LICEO DEPARTAMENTAL
SANTIAGO DE CALI
2019
2. INTRODUCCIÓN
En este trabajo se realiza un análisis para las lecturas de páginas web, lenguaje de
programación para paginas web HTML y diseño de paginas web en Publisher;
mostrando a su ves las diferentes formas de creación para paginas web y la lectura
del lenguaje de programación.
LECTURAS PAGINA WEB
Página web: Es un documento que permite el manejo de textos, imágenes, sonidos,
videos, etc., con el fin de emitir un mensaje. Una página es un hiperdocumento que
se le pueden ingresar muchos elementos, se visualiza en Internet.
Sitio web: Es un conjunto de páginas web. Para colocar una página web se puede
realizar mediante una opción gratuita o de pago.
Existen una serie de programas para diseños de páginas web como lo son:
Word, FrontPage, dreamweaber, Publisher, god live, composer FrontPage y
Publisher viene con office, el office Premium viene con FrontPage.
Para desarrollar elementos en la página Web resulta útil apoyarse en otros
programas para que el producto quede mejor acabado. Apoyarse por ejemplo en
coreldraw - ilustration o free mand
Para incluir efectos dinámicos se pueden utilizar programas como: flash
macromedia, 3d estudio max, animador, autovision.
Paginas con imágenes se trabajan con programas de edición de imágenes como:
photo paint, photo Draw, etc.
Para crear un sitio web se deben tener en cuenta:
1.objetivo: permite trabajar de manera eficaz como para que se crea, porque, como
se realiza
2.a quien va dirigido: es decir el tipo de público, si este es infantil, juvenil, técnico,
profesional, etc.
De acuerdo al público se implementarán herramientas específicas como: modas,
lenguaje.
3.proveer la información exacta
4.nunca utilice textos o imágenes que estén reservadas a una empresa
5.estética: es importante cautivar la mirada del observador
Partes de una Página web:
1. área de titulo
3. 2. área de vínculos aquí pueden aparecer:
textos
imágenes
botones
imágenes + texto
3. cuerpo de página
4. área de vínculo, tipo texto
LENGUAJE DE PROGRAMACIÓN PARA
PÁGINAS WEB HTML
El HTML no es más que una aplicación del SGML (Standard Generalized Markup
Language), un sistema para definir tipos de documentos estructurados y
lenguajes de marcas para representar esos mismos documentos. Para que
varias personas se comuniquen es necesario que éstas hablen un mismo idioma.
El lenguaje que utilizan las computadoras que están conectadas a Internet es
HTML. . HTML no es propiamente un lenguaje de programación como C++,
Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún
compilador, por lo tanto algún error de sintaxis que se presente éste no lo
detectará y se visualizara en la forma como éste lo entienda.
El entorno para trabajar HTML es simplemente un procesador de texto, como el
que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi
o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen,
se deben guardar con la extensión .htm o .html
Estos documentos pueden ser mostrados por los visores o "browsers" de
paginas Web en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft
Internet Explorer.
Creación de páginas Web con lenguaje HTML:
Para crear una página Web se pueden utilizar varios programas especializados
en esto, como por ejemplo, el Microsoft FrontPage o el Macromedia
Dreamweaver. Otra forma de diseñar un archivo .html, es copiar todo en el Bloc
de Notas del Windows, ya que este sencillo programa cumple con un requisito
mínimo que es la posibilidad de trabajar con las etiquetas con las que trabaja
este lenguaje.
4. DISEÑO DE PÁGINA WEB CON PUBLISHER
COMO USAR EL ASISTENTE DEL SITIO WEB:
inicia el Publisher, mira el panel del asistente, haz clic en sitios Web( haz doble clic
en el sitio que has elegido), clic en insertar página si decidiste más de una página,
clic en relleno y sonido de fondo y elige la opción, si deseas barra de exploración
(las barras de navegación proporciona vínculos a las otras páginas de tu sitio). si
deseas algún tipo de formulario, haciendo clic en la opción seleccionada, clic en
combinaciones de colores y elige la que prefieras, clic en combinaciones de
fuentes y elige la deseada, puedes cerrar el asistente haciendo clic en la cruz del
borde superior derecho del mismo, puedes volver al asistente en cualquier
momento, haciendo clic en el menú formato y luego seleccionas opciones de sitios
Web, en el menú archivo, haz clic en guardar como , encuentra tu carpeta del
programa. Abre la carpeta ejemplos – estudiantes. Abre la carpeta sitio- Web
estudiantes, en el cuadro nombre de archivo, escribe un nombre para tu
documento. Publisher automáticamente agrega la extensión .pub.
haz clic en guardar
Como guardar un sitio web: Antes de cargar tu sitio Web a Internet,
primero guárdalo como un archivo de Publisher. Este permite editarlo y
hacerle cambios. Cuando hayas terminado, guarda tu sitio Web como una
página Web.
Como guardar como un archivo de Publisher
1.guarda tu sitio Web como un archivo de Publisher en tu carpeta de página Web
2.en el menú archivo, haz clic en guardar.
3.encuentra tu carpeta del programa. Abre tu carpeta de ejemplos estudiantes.
Luego abre tu carpeta sitio Web- estudiantes
4.digita un nombre para tu sitio Web
5.haz clic en guardar.
Como guardar como una pagina Web
Guárdala una última vez como un archivo de Publisher, ya que el formato HTML no
puede ser editado en Publisher.
5. REACCIÓN INTELECTUAL
Es importante conocer cada punto nombrado anteriormente para poder llevar de
una manera exitosa la creación de alguna pagina web, saber como manejar el
diseño de esta según el programa con el que se desee y saber como se realiza y
en que se basa la lectura del lenguaje de programación, dándonos así un mayor
campo en nuestro conocimiento para implementar estas herramientas tecnológicas
y mejorar en cualquier ámbito que se apliquen.
BIBLIOGRAFIA
https://tecnologiaalalcance.jimdo.com/undecimo/
GUIA PROYECTO PERIODO 3