Sie sind auf Seite 1von 13

¿QUE ES UNA PAGINA WEB?

Una página web o página electrónica,1 es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente también incluyen otros recursos como ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros.

¿QUE ES UNA PAGINA WEB? Una página web o página electrónica,1 es un documento o información

¿Qué ES HTML?

HTML, siglas de HyperText Markup Language («lenguaje de marcas

de hipertexto»), hace referencia al lenguaje de marcado para la

elaboración de páginas web. Es un estándar que sirve de referencia

para la elaboración de páginas web en sus diferentes versiones, define

una estructura básica y un código (denominado código HTML) para la

definición de contenido de una página web, como texto, imágenes, etc.

Es un estándar a cargo de la W3C, organización dedicada a la

estandarización de casi todas las tecnologías ligadas a la web, sobre

todo en lo referente a su escritura e interpretación. Es el lenguaje con

el que se definen las páginas web.

¿QUE NECESITAMOS PARA CREAR UNA PAGINA EN HTML?

Comprende lo que es el HTML. Este es el lenguaje de codificación que

hace las páginas web. Para ver cómo luce, ve a Internet Explorer y

haz clic derecho para seleccionar “Ver código fuente de la página”.

Verás una página con códigos: eso es el HTML. El código es lo que

verá el navegador para interpretarlo y armar una página web.

En Internet Explorer, la opción del menú “Ver” que debes elegir es

"Origen". En Mozilla Firefox, presiona Ctrl+U para ver el código fuente

de la página. En Safari, selecciona Ver > Ver fuente (u

Option+Command+U).

Comienza con una página lo más sencilla posible, sino te verás

abrumado por la sintaxis y los lenguajes de script.

Es importante recordar que estarás escribiendo la información entre

una etiqueta de apertura y una de clausura, ambas de HTML. Una

etiqueta de apertura se verá así: <

>.

____

Una etiqueta de clausura se

verá así: </

____

>.

Al final, reemplazarás el “

____

por un código.

Ve a Inicio > Programas > Accesorios > Bloc de Notas. Será mucho más fácil si

Ve a Inicio > Programas > Accesorios > Bloc de Notas. Será

mucho más fácil si usas el Bloc de Notas++ (lo podrás descargar gratis

por Internet). Cuando hayas elegido el lenguaje HTML, todo lo que

escribas estará automáticamente conectado con diversos colores, de

esta manera será muchísimo más fácil corregir posibles errores.

Ve a Inicio > Programas > Accesorios > Bloc de Notas. Será mucho más fácil si

Dile al navegador qué lenguaje estarás usando. Escribe <html>. Esta

es la primera etiqueta que deberás escribir, la cual le indicará a la

computadora que empezarás a hacer una página web. También se

cerrará al final, así que al final del documento, ciérralo con <>. Esto

finalizará la página web.

Dile al navegador qué lenguaje estarás usando. Escribe <html>. Esta es la primera etiqueta que deberás

Añade la cabecera de la página como se muestra en el gráfico.

Dile al navegador qué lenguaje estarás usando. Escribe <html>. Esta es la primera etiqueta que deberás

Ponle un título a la página. El título es importante porque les dará a los

usuarios una idea del tema de la página. Además, cuando los usuarios

le pongan un marcador al sitio, el título es lo que único que verán en

su lista de marcadores. El código HTML para el título es: <title>.

Ciérralo al final del título escribiendo </title>. El título sólo se mostrará

en la pestaña, no será el título de la página en sí.

Ciérralo al final del título escribiendo </title>. El título sólo se mostrará en la pestaña, no

Haz el cuerpo de la página. Escribe <body> para abrir la etiqueta del

cuerpo. Luego cierra con la etiqueta </body>. La información para la

página web irá entre <body> y </body>.

Para darle un color de fondo a la página, podrás añadirle un estilo al

cuerpo. En vez de solamente escribir, escribe <body

style=”background-color:silver”>. Podrás probar con un color distinto o

incluso con un código hexadecimal. Las palabras entre comillas se

conocen como “atributos”. ¡Deberán estar rodeados por comillas!

Ciérralo al final del título escribiendo </title>. El título sólo se mostrará en la pestaña, no

Escribe algo de texto entre las etiquetas de cuerpo.

Para que el texto siga en la línea siguiente (como si presionaras

“Enter” en el teclado), escribe <br>.

¿Quieres añadir alguna marquesina, es decir una palabra que se

mueve de lado a lado de la pantalla? Sólo tendrás que escribir

<marquee>TEXTO</marquee>.

Escribe algo de texto entre las etiquetas de cuerpo. Para que el texto siga en la

Añade algunas imágenes. Si quieres colocar una imagen de Internet a

tu página web, el código HTML para las imágenes será: <img

src=“URL”>. La etiqueta de clausura es: </img>, pero es opcional.

Escribe algo de texto entre las etiquetas de cuerpo. Para que el texto siga en la

Revisa todo para asegurarte de que todas tus etiquetas estén

cerradas. Tu página web deberá verse algo así:

Revisa todo para asegurarte de que todas tus etiquetas estén cerradas. Tu página web deberá verse

Guarda tu trabajo en “Guardar como”, ingresa un nombre de archivo

que termine en la extensión .html (por ejemplo:

“archivodeprueba.html”) y escoge “Todos los archivos” o “text” en Tipo

de archivo. No funcionará si no se siguen estos pasos. Ahora ve

adonde lo hayas guardado y haz doble clic para abrirlo. Tu navegador

por defecto se abrirá con tu propia página web.

¿QUE ES UNA ETIQUETA?

Las etiquetas son una forma de categorización colaborativa de los

artículos cuales permiten ir clasificándolos y poder hacer un

seguimiento de las conversaciones relacionadas a un tema.

Cuando escribes un artículo en Bligoo, puedes escribir etiquetas que

lo describan, por ejemplo si escribes un artículo sobre tus vacaciones

en Chile, puedes adjuntar las etiquetas vacaciones, chile. Cuando

otras personas usen esas etiquetas en sus artículos, ellos podrán

descubrir lo que tú escribiste.

Las buenas etiquetas son aquellas que permiten con una palabra

entender de qué trata el artículo sin necesidad de leerlo.

Usa etiquetas genéricas, piensa como otras personas describirían lo

que estas escribiendo. Etiquetas como Música, Chile o Tecnología son

generalmente mejores que Mi banda favorita, yadubi! o mi mejor

momento ya que describen globalmente

ESTRUCTURA BASICA DE UNA PAGINA WEB:

ETIQUETAS BASICAS:

* <HTML>: indica el comienzo del documento HTML.

* <HEAD>: indica que empieza la cabecera de la página. En ella se

suele poner el título (<title> de la web, una descripción y otras

informaciones relacionadas con el contenido de la página.

* <BODY>: es el cuerpo de la página, donde va lo que se ve en el

navegador al cargar una web. En el body van los textos, las imágenes

y todos los contenidos de la web.

* <H1>, <H2>, etc.: son los títulos o encabezados. Se utilizan para

establecer determinados textos de la página como titulares, suelen

tener un tamaño de fuente mayor para diferenciarlos del resto del

texto. Son importantes en el posicionamiento en buscadores.

* <A>: define los enlaces.

* <TABLE>: es una tabla, y dentro de esta tenemos filas <TR> y

celdas <TD>.

* <P>: el texto dentro de esta etiqueta forma un párrafo.

* <IMG>: imágenes.

* <BR />: salto de línea.

* <UL>: los textos dentro de esta etiqueta se estructuran en listas.

Mediante el uso de <LI> definimos cada guión dentro de la lista, y

usando <OL> en lugar de <UL> tendremos listas ordenadas.

* <B> y <STRONG>: se utilizan para resaltar el texto.

* <U>: texto subrayado.

* <I>: texto en cursiva.

EJEMPLO: <HTML>, <HEAD>

¿QUE ES UN DIAGRAMA DE FLUO EN PROGRAMACION?

El diagrama de flujo o diagrama de actividades es la representación

gráfica del algoritmo o proceso. Se utiliza en disciplinas como

programación, economía, procesos industriales y psicología cognitiva.

En Lenguaje Unificado de Modelado (UML), un diagrama de

actividades representa los flujos de trabajo paso a paso de negocio y

operacionales de los componentes en un sistema. Un diagrama de

actividades muestra el flujo de control general.

ELEMENTOS DE PROGRAMACION

ELEMENTOS DE PROGRAMACION

DIAGRAMA DE FLUJO

ME DIRIJO HACIA LA COCINA ABRO EL CAJON COJO UNA OLLETA HECHO DENTRO DE LA OLLETA
ME DIRIJO HACIA LA
COCINA
ABRO EL CAJON
COJO UNA OLLETA
HECHO DENTRO DE
LA OLLETA UNA
BOLSA DE LECHE Y
3 PASTILLAS DE
CHOCOLATE
ESPERO A QUE HIERBA
BATO EL
ME TOMO EL
CHOCOLATE Y
CHOCOLATE
LO SIRVO
COMO INGRESAR A FACEBOOK NOS METEMOS EN EL COMPUTADOR. INGRESAMOS A INTERNET INTRODUCIMOS EL CORREO CONTRASEÑA
COMO INGRESAR A
FACEBOOK
NOS METEMOS EN EL
COMPUTADOR.
INGRESAMOS A INTERNET
INTRODUCIMOS EL
CORREO CONTRASEÑA
¿ESTAN BIEN
FIN
MIS DATOS
n
PERSONALES?

SI

NO