Page 1

REPUBLICA BOLIVARIANA DE VENEZUELA MINISTERIO DEL PODER POPULAR PARA LA EDUCACION SUPERIOR UNIVERSIDAD BICENTENARIA DE ARAGUA FACULTAD DE CIENCIAS ADMINISTRATIVAS Y SOCIALES ESCUELA DE COMUNICACIÓN SOCIAL SAN JOAQUIN DE TURMERO, EDO, ARAGUA

Pagina web, internet y HTML

Prof(a); Gonzales Geni

Alumna; Bachour Georgina C.I 21.442.939

Mayo 2013


Características Una página web está compuesta principalmente

por

información

(sólo texto y/o módulos multimedia) así como por hiperenlaces; además puede contener o asociar Hoja de estilo,

datos

de

estilo

para

especificar cómo debe visualizarse, y también Aplicación informática aplicaciones embebidas para así hacerla interactiva. Las páginas web son escritas en un lenguaje de marcado que provee la capacidad de manejar e insertar hiperenlaces, generalmente HTML. El contenido de la página puede ser predeterminado página web estática o

generado

visualizarla

al o

momento

solicitarla

a

de un

servidor web página web dinámica. Una página

web es

el

nombre

de

un documento o

información

Las

páginas

electrónica adaptada para la World Wide Web y que puede ser accedida

generan

mediante un navegador . Esta información se encuentra generalmente en

visualización,

formato HTML o XHTML, y puede proporcionar navegación a otras

través

páginas

interpretado,

web

mediante enlaces de hipertexto.

Las

páginas

web

al

dinámicas

que

se

momento

de

la

se

de

especifican

a

algún lenguaje

frecuentemente incluyen otros recursos como hojas de estilo en

generalmente JavaScript,

cascada, guiones (scripts) e imágenes digitales, entre otros.

aplicación encargada de visualizar

y

la

el contenido es la que realmente debe

generarlo.

Las

páginas

dinámicas que se generan, al ser Las páginas web pueden estar almacenadas en un equipo local o

solicitadas, son creadas por una

un servidor web remoto. El servidor web puede restringir el acceso

aplicación en el servidor web que

únicamente para redes privadas, p. ej., en una intranet corporativa, o

alberga las mismas.

puede publicar las páginas en la World Wide Web. El acceso a las páginas

web

es

realizado

desde servidores utilizando hipertexto (HTTP).

mediante

el protocolo

de

su

transferencia

transferencia

de

Respecto a la estructura de las páginas web, algunos organismos, en

especial

establecer

el W3C,

directivas

suelen con

la

intención de normalizar el diseño, y para así facilitar y simplificar la visualización e interpretación del contenido.


de

ideas

y

informaciones. mismo,

de Así

la

nueva

tendencia orienta a que las páginas web no sean

sólo

para

los

atractivas internautas,

sino

también

optimizadas (preparadas) para los buscadores del

a

código

través fuente.

Forzar

esta

doble

función

puede,

embargo,

sin crear

conflictos respecto de

Su principal característica son los hipervínculos de una página,

la

siendo esto el fundamento de la Web.

calidad

del

contenido. Una página web está compuesta principalmente por información (sólo Si

hablamos

de

texto o módulos multimedia) así como por hiperenlaces; además

posicionamiento

web,

puede contener o asociar datos de estilo para especificar cómo debe

una página web es la

visualizarse,

base

interactiva.

para

optimizar

y

también

aplicaciones

embebidas

para

hacerla

todo un sitio web el cual es un conjunto de

Las páginas web son escritas en un lenguaje de marcado que provea

páginas web.

la capacidad de manejar e insertar hiperenlaces, generalmente HTML. El contenido de la página puede ser predeterminado ("página web estática") o generado al momento de visualizarla o solicitarla a un servidor web ("página web dinámica"). Las páginas dinámicas que se generan al momento de la visualización se hacen a través de lenguajes interpretados, generalmente JavaScript, y la aplicación encargada de visualizar el contenido es la que debe generarlo. La páginas dinámicas que se generan al ser solicitadas son creadas por una aplicación en el servidor web que alberga las mismas.

Puedes visitar los siguientes link http://www.youtube.com/watch?v=en0EfNXmL6M http://www.youtube.com/watch?v=M6zg0iOh5Xk http://www.youtube.com/watch?v=9azgi6ncsxg http://www.youtube.com/watch?v=aII5nh51vKw


Así pues, Internet es la "red de redes" que utiliza TCP/IP como su protocolo de comunicación.

Podemos definir a Internet como una "red de redes", es decir, una red que no sólo interconecta computadoras, sino que interconecta redes de computadoras entre sí. Una red de computadoras es un conjunto de máquinas que se comunican a través de algún medio (cae coaxial, fibra óptica, radiofrecuencia, líneas telefónicas, etc.) con el objeto de compartir recursos.

Internet es un acrónimo de INTERconected NETworks (Redes interconectadas). Para otros, Internet es un acrónimo del inglés INTERnational NET, que traducido al español sería Red

http://www.youtube.com/watch?v=AOIsOCKozrA http://www.youtube.com/watch?v=gjY3Vr03tZE


HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML

HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje de marcadopredominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo, JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. Elementos Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y

contenido

tiene

ciertas

restricciones para que se considere válido

al

documento

HTML.

Un

elemento generalmente tiene una etiqueta

de

inicio

(por

ejemplo, <nombre-de-elemento>) una

etiqueta

de

cierre

y

(por

ejemplo, </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo,<nombredeelemento atributo="valor">Contenid o</nombre-de-elemento>). elementos, tienen

tales

contenido

Algunos

como <br>, ni

llevan

no una

etiqueta de cierre. Debajo se listan varios

tipos

de

elementos

marcado usados en HTML.

de


El

marcado hipertextual se

utiliza para enlazar partes del documento El marcado estructural describe el propósito del texto. Por ejemplo <h2>Golf</h2> establece «Golf» como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título «Marcado HTML» al principio de esta sección. El marcado estructural no define cómo se verá el elemento,

pero

la

mayoría

de

los

navegadores web

han

estandarizado el formato de los elementos. Puede aplicarse un formato específico al texto por medio de hojas de estilo en cascada.

con

documentos partes

o

otros

con

del

otras mismo

documento. Para crear un enlace es necesario utilizar la etiqueta de ancla <a> junto con

el

atributo href,

que

establecerá la dirección URL a la que apunta el enlace. Por ejemplo,

un

Wikipedia

enlace sería

a

de

la la

El marcado estructural describe el propósito del texto. Por

forma <a

ejemplo,

href=”es.wikipedia.org”>Wiki

El marcado presentacional describe la apariencia del

texto, sin importar su función. Por ejemplo,<b>negrita</b> indica

pedia</a>.

que los navegadores web visuales deben mostrar el texto

pueden crear enlaces sobre

en negrita, pero no indica qué deben hacer los navegadores web

otros objetos, tales como

que muestran el contenido de otra manera (por ejemplo, los que

imágenes <a

leen

href=”enlace”><img

el

texto

en

voz

alta).

En

el

caso

de <b>negrita</b> e <i>itálica</i>, existen elementos que se ven de la

misma

manera

pero

semántica: <strong>enfásis

tienen

una

naturaleza

más

fuerte</strong> y<em>énfasis</em>.

También

se

src=”imagen” /></a>. Atributos

Es fácil ver cómo un lector de pantalla debería interpretar estos

La mayoría de los atributos de

dos

elementos.

correspondientes

Sin

embargo,

elementos

son

a

sus

un elemento son pares nombre-

lector

de

valor, separados por un signo de

equivalentes

presentacionales:

un

pantalla no debería decir más fuerte el nombre de un libro, aunque

igual

éste esté en itálicas en una pantalla. La mayoría del marcado

etiqueta de comienzo de un

«=»

y

escritos

en

la

presentacional ha sido desechada con HTML 4.0, en favor de hojas

elemento, después del nombre

de estilo en cascada.

de éste. El valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores

pueden

estar

sin

comillas en HTML (pero no en XHTML). De todas maneras, dejar los

valores

sin

comillas

es

10

considerado poco seguro. En contraste con los pares nombreelemento, hay algunos atributos que

afectan

al

simplemente 11

presencia (tal atributo ismap para

elemento img).

elemento

por como

su el el


Códigos Básicos

<html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz.

<script>: incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso deJavaScript text/javascript.

<head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera <head> es posible encontrar:

<title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.

<link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">.

<style>: para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>.

<meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.

<body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, comocolor de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:

<h1> a <h6>: encabezados o títulos del documento con diferente relevancia.


<table>: define una tabla.

<tr>: fila de una tabla.

<td>: celda de una tabla (debe estar dentro de una fila).

<a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.example.com" title="Ejemplo" target="_blank" tabindex="1">Ejemplo</a> se representa como Ejemplo).

<div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido.

<img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".

<li><ol><ul>: etiquetas para listas.

<b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>).

<i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>).

<s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>).

<u>: Antes texto subrayado. A partir de HTML 5 define porciones de texto diferenciadas o destacadas del resto, para indicar correcciones por ejemplo. (etiqueta desaprobada en HTML 13 14

4.01 y redefinida en HTML 5)

<table><tr><td>Contenido de una celda</td></tr></table>.

<script>Código de un script integrado en la página</script

Nociones básicas de HTML El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser Gedit en Linux, el Bloc de notas de Windows, o cualquier otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad, TextPad, Vim, Notepad++, entre otros. Existen, además, otros editores para la realización de sitios web con características WYSIWYG (What You See Is What You Get, o en español: «lo que ves es lo que obtienes»). Estos editores permiten ver el resultado de lo que se está editando en tiempo real, a medida que se va desarrollando el documento. Ahora bien, esto


no significa una manera distinta de realizar sitios web, sino que una forma un tanto más simple, ya que estos programas, además de tener la opción de trabajar con la vista preliminar, tiene su propia sección HTML, la cual va generando todo el código a medida que se va trabajando. Algunos ejemplos de editores WYSIWYG son KompoZer, Microsoft FrontPage o Adobe Dreamweaver. Combinar estos dos métodos resulta muy interesante, ya que de alguna manera se ayudan entre sí. Por ejemplo, si se edita todo en HTML y de pronto se olvida algún código o etiqueta, simplemente me dirijo al editor visual o WYSIWYG y se continúa ahí la edición o viceversa, ya que hay casos en que resulta más rápido y fácil escribir directamente el código de alguna característica que el usuario desea adherir al sitio que buscar la opción en el programa mismo. Existe otro tipo de editores HTML llamados WYSIWYM que dan más importancia al contenido y al significado que a la apariencia visual. Entre los objetivos que tienen estos editores es la separación del contenido y la presentación, fundamental en el diseño web. HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegadorel texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador. Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<>), y algunas tienen atributos que pueden tomar algún valor. En general las etiquetas se aplicarán de dos formas especiales:

Se abren y se cierran, como por ejemplo: <b>negrita</b>, que se vería en su navegador web como negrita.

No pueden abrirse y cerrarse, como <hr />, que se vería en su navegador web como una línea horizontal.

Otras que pueden abrirse y cerrarse, como por ejemplo <p>.

Las etiquetas básicas o mínimas son:

<!DOCTYPE HTML> <html> <head> <title>Ejemplo1</title> </head> <body> <p>ejemplo1</p> </body> </html>

http://www.youtube.com/watch?v=afxBrWGuPsw http://www.youtube.com/watch?v=uhO7_9fwsPY


Bibliografía

-Pagina web [En línea] Disponible en: http://es.wikipedia.org/wiki/P%C3%A1gina_web (Consultado el 02 Mayo 2013).

-Gerzo Karim. ¿Que es una pagina web? [En línea] Disponible en:http://www.wevxs.com/inegocios/paginas-web/que-es-una-pagina-web/ (Consultado el 02 Mayo 2013).

-¿Qué es internet? [En línea] Disponible en: http://www.cad.com.mx/que_es_internet.htm

(Consultado el 02 Mayo 2013).

-HTML [En línea] Disponible en: http://es.wikipedia.org/wiki/HTML (Consultado el 02 Mayo 2013).

El mundo de las paginas web el internet y html  

Brevemente contaremos que es una pagina web y sus caracteristicas, definiremos en breves parrafos el internet y el html conjuntamente de sus...