equipo4.weebly.com€¦  · web viewla web contiene varios billones de páginas con una extensa...

22
Una página web es una página sin estructura en la que puedes insertar texto, imágenes, tablas, e incrustar hojas de datos, presentaciones, vídeos y otros materiales. La página web tiene unos controles de formato estándar como negrita, cursiva, subrayado, selección de fuentes, color del texto y resaltar texto. Puedes crear listas con viñetas, listas numeradas y establecer con facilidad enlaces a otras páginas del sitio. Puedes adjuntar documentos desde tu disco duro a la parte inferior de la página y permitir que otros colaboradores del sitio hagan comentarios sobre tus páginas. . La palabra WEB es el término más usado para referirse al World Wide Web que es la Red Mundial de páginas o Documentos de texto entrelazados. Un documento entrelazado no es más que un documento que contiene enlaces a otros documentos o páginas de texto, donde se amplía o hay más información relacionada. La WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados desde un computador que tenga una conexión a una línea telefónica y un programa llamado examinador del Inglés browser, también se le conoce como navegador. Los más conocidos son El Internet Explorer fabricado por Microsoft y Netscape fabricado por la compañía SUN. Estos programas le permiten al usuario "ir" o "navegar" de una página de documento a otra. Las páginas se encuentran colocando la dirección de ellas en la casilla de "Dirección" de su navegador o llegando a ellas a través de un enlace que le hacía referencia desde otra página o documento WEB. Usted "llegó" a esta página 1

Upload: others

Post on 25-Sep-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: equipo4.weebly.com€¦  · Web viewLa WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados

Una página web es una página sin estructura en la que puedes insertar texto, imágenes, tablas, e incrustar hojas de datos, presentaciones, vídeos y otros materiales. La página web tiene unos controles de formato estándar como negrita, cursiva, subrayado, selección de fuentes, color del texto y resaltar texto. Puedes crear listas con viñetas, listas numeradas y establecer con facilidad enlaces a otras páginas del sitio. Puedes adjuntar documentos desde tu disco duro a la parte inferior de la página y permitir que otros colaboradores del sitio hagan comentarios sobre tus páginas.

.

La palabra WEB es el término más usado para referirse al World Wide Web que es la Red Mundial de páginas o Documentos de texto entrelazados. Un documento entrelazado no es más que un documento que contiene enlaces a otros documentos o páginas de texto, donde se amplía o hay más información relacionada.

La WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados desde un computador que tenga una conexión a una línea telefónica y un programa llamado examinador del Inglés browser, también se le conoce como navegador. Los más conocidos son El Internet Explorer fabricado por Microsoft y Netscape fabricado por la compañía SUN.

Estos programas le permiten al usuario "ir" o "navegar" de una página de documento a otra. Las páginas se encuentran colocando la dirección de ellas en la casilla de "Dirección" de su navegador o llegando a ellas a través de un enlace que le hacía referencia desde otra página o documento WEB. Usted "llegó" a esta página gracias a que hizo clic en un enlace que contenía la dirección a ella, o la escribió directamente en la casilla de Dirección.

La idea Revolucionaria: En 1962, como consecuencia del fortalecimiento del comunismo, las Fuerzas Aéreas de Estados Unidos pidieron a un reducido grupo de investigadores que creara una red de comunicaciones militares que pudiera resistir un ataque nuclear. El concepto de esta red se basaba en un sistema descentralizado, de manera que la red pudiera seguir funcionando aunque se destruyeran uno o varios equipos.

1

Page 2: equipo4.weebly.com€¦  · Web viewLa WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados

EL MODELO DE BARAN: Paul Baran es considerado como una de las figuras clave de la creación de Internet. En 1964, él tuvo la idea de crear una red con la forma de una enorme telaraña. Se había dado cuenta de que un sistema centralizado era vulnerable, ya que si se destruía su núcleo, se podían cortar todas las comunicaciones. Por este motivo, creó un método híbrido al utilizar la topología de estrella y de malla, en el que los datos viajarían dinámicamente "buscando" la ruta más clara y "esperando" en caso de que todas las rutas estuvieran bloqueadas. Esta tecnología se denominó "conmutación de paquetes".

ARPANET

En agosto de 1969, al margen del proyecto militar, ARPA (Agencia de Proyectos de Investigación Avanzados, una división del Ministerio de Defensa de Estados Unidos) creó la red experimental ARPANET cuyo fin era conectar cuatro universidades:

El Instituto de Investigación Stanford, La Universidad de California en Los Ángeles, La Universidad de California en Santa Bárbara, La Universidad de Utah.

Actualmente, ARPANET es considerada la precursora de Internet. En ese momento, ya incluía diversas características fundamentales de la red actual:

Uno o más núcleos de la red se podían destruir sin interrumpir su funcionamiento, Los equipos podían comunicarse sin la mediación de un equipo central, Los protocolos utilizados eran básicos.

FASES DEL DISEÑO WEB

El diseño web es un proceso elaborado que está formado por varias fases. CuantoMás grande es el proyecto, más fases puede tener. A continuación hablaremos de las fases básicas del diseño web, aquellas con las que cuentan todos los proyectos.

Análisis y definición del diseño webEn esta fase del diseño se estudia la imagen que debe tener la página web de acuerdo al objetivo que desea cumplir. Es la fase en la que se genera una primera visión del diseño que presentarán las páginas web del sitio.

Creación de la página web de acuerdo al diseño web establecidoDespués de aprobar el boceto del diseño web en la fase anterior se procede a la implementación de este diseño como página web, con sus cabeceras, menús, animaciones e imágenes.

Programación de la navegabilidad de las páginas web del sitioUna vez creadas y estructuradas las páginas web, se procede a programar su navegabilidad y su funcionalidad para una correcta presentación de las páginas web tal y como se define en el diseño web original.Historia del diseño webEl diseño web original fue mejorando y pasando por distintas generaciones, principalmente debido a mejoras en la tecnología, hardware y software. Estos cambios han generado a día de hoy 4 generaciones del diseño web.

2

Page 3: equipo4.weebly.com€¦  · Web viewLa WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados

Primera generación de diseño webEl primer diseño web de una página se realiza en 1993, la página web tenía el nombre Mosaic, y en menos de un año había recibido 2 millones de visitantes. El navegador web era capaz de mostrar tanto imágenes como textos, aunque con una limitación muy alta a la hora de diagramar la información de la página web. El diseño web de estas páginas era lineal y estaba orientado para científicos que eran los usuarios que compartían su información alrededor de todo el mundo mediante estas páginas web. La tecnología de los navegadores web era limitada y no disponía de la capacidad de transmitir información grafica para la comunicación visual.Las principales características de esta primera generación de diseño web eran las velocidades de transmisión de datos, ya que era conexión vía MODEM, lo que limitaba el peso de las páginas web. Otro detalle era el uso de monitores monocromos. Respecto al diseño web en particular, la estructuración era bastante desordenada con imágenes dispuestas horizontalmente y lineas de texto separadoras.Debido a este caos en el diseño web, un año más tarde se estableció un consorcio para establecer unas normas y pautas para el futuro desarrollo de la web, el W3C. Se comenzaron entonces a desarrollar unos estándares de lenguaje html para una unificación del diseño web que trajo consigo la aparición de una serie de navegadores web con el constante desarrollo de nuevas funcionalidades y progresos en este ámbito.

Segunda generación de diseño webEl diseño web de esta generación está basado en los conceptos de la primera salvo por que empieza a utilizar iconos en lugar de algunas palabras, las páginas web comienzan a poseer imágenes de fondo, aparece el diseño y uso de botones con relieve para la navegabilidad, el uso de banners en lugar de cabeceras, la estructuración de texto de forma jerárquica mediante menús o listados, propiedades del código html Standard definido.La aparición de estos elementos gráficos en el diseño web generó un deseo de todos los diseñadores de añadir estos archivos en sus páginas web, pero sin control, lo que generó una saturación en las páginas web, sin tener en cuenta la accesibilidad ni la usabilidad. Aun así seguían habiendo algunos diseñadores que utilizaban estos elementos de manera correcta para generar unos diseños innovadores y elegantes, llenos de elegancia, usando correctamente tanto etiquetas como el resto del código html. Se comenzaron a usar tablas para la organización de los contenidos, posicionamiento de los elementos y generación de diseño y maquetación similar a libros o revistas.En esta generación está la aparición de monitores y tarjetas gráficas con mayores resoluciones y definición de color, lo cual generó la consecuente mejora en la calidad del diseño web.Pero apareció un problema, la diferencia en la adaptación de estándares de los 2 principales navegadores: Internet Explorer y Netscape Navigator.Tercera Generación del diseño webEn la tercera generación, el diseño web sigue teniendo muchas restricciones con el uso del lenguaje para los dos navegadores web. El diseño web se orienta en esta generación a los diseñadores, los cuales tienen mucho más dinamismo al aparecer el plugin de Macromedia Flash, el cual revolucionaría la concepción de diseño web.Es una era de enfocar las páginas web según el objetivo de las mismas: vender productos o servicios, comunidades, información, noticias. Para esta especialización del diseño web de acuerdo al objetivo de las páginas se necesita ayudar al usuario a encontrar la información, generando una navegabilidad estructurada e intuitiva.La gran mayoría de páginas web que aparecen en esta generación son de publicidad y venta de productos y servicios, con lo que es este el diseño más utilizado. Conseguir acercarles al producto, que deseen ver más páginas del sitio web.

3

Page 4: equipo4.weebly.com€¦  · Web viewLa WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados

Cuarta Generación de diseño webEn la cuarta generación, el diseño web ya está enfocado totalmente a la multimedia, integrando en las páginas web los elementos multimedia de última generación. Con usuarios de todos los tipos, cualquiera tiene una página web a día de hoy y la variedad de diseño es enorme debido a todas las posibilididades que ofrecen las últimas tecnologías para los programadores. A esto le podemos añadir que las últimas versiones de los navegadores soportan muchas más prestaciones y elementos en las páginas web.

Quinta Generación de diseño webSe podría añadir una última generación de diseño web que representaría el auge de las páginas de televisión ip o televisión online. La integración de televisión en la web para empresas, ayuntamientos o asociaciones representa el movimiento más notable del diseño web en la actualidad. Un ejemplo de empresas de diseño que ya ofrecen la posibilidad de integración de televisión en web es Hooping.net mediante su plataforma de televisión IP Hooping.tv.

TIPOS DE DISEÑO WEBEl diseño web contiene un amplio abanico de posibilidades, lo que lleva a una amplia variedad de tipos de diseño web. A continuación veremos algunos de estos tipos de dise ño y su público objetivo.

Diseño web avanzadoEs el tipo de diseño web orientado a profesionales, aquellos que quieren contar con las nuevas tecnologías en el diseño de sus páginas web. El diseño web avanzado es demandado principalmente por empresas tecnológicas o clientes relacionados con el mundo audiovisual.

Diseño web clásicoEs el diseño web tradicional, utilizando los elementos básicos: texto e imágenes. Este diseño web prescinde de elementos como flash, video streaming o cualquier tecnología avanzada.

Diseño web industrialEl diseño web industrial se encarga de las páginas web para industrias, presentando unas webs corporativas cuyo objetivo es representar la imagen de la empresa.

Análisis y definición del diseño webEn esta fase del diseño se estudia la imagen que debe tener la página web de acuerdo al objetivo que desea cumplir. Es la fase en la que se genera una primera visión del diseño que presentarán las páginas web del sitio.

Creación de la página web de acuerdo al diseño web establecidoDespués de aprobar el boceto del diseño web en la fase anterior se procede a la implementación de este diseño como página web, con sus cabeceras, menús, animaciones e imágenes.

Programación de la navegabilidad de las páginas web del sitioUna vez creadas y estructuradas las páginas web, se procede a programar su navegabilidad y su funcionalidad para una correcta presentación de las páginas web tal y como se define en el diseño web original.

4

Page 5: equipo4.weebly.com€¦  · Web viewLa WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados

Usos por parte del usuario.

En la mayoría de los casos, los fabricantes de cualquier es servicio lo hacen pensando un uso especifico, sin embargo los usuarios  le dan otro no tan bueno, y las paginas web no son la excepción, ya que en gran parte del pensamiento de los padres de que el internet es malo. ya que es de todos conocido, tanto de usuarios como de los que no lo son que internet existe un amplia gama de paginas pornográficas , porno ,XXX, "prohibidas"   en internet se pueden hacer cualquier cantidad  de acciones  por nombrar a algunas :Escuchar música, bajar o ver video , jugar , bajar información para cualquier  tarea , conseguir imágenes para   ilustrar trabajaos , conseguir empleo , inscribirse a alguna escuela o asociación , ver o recibir noticias , estar en contacto con mucho gente , tener a la mano un sin fin de  paginas web con la información necesaria para cualquier necesidad , ya sea académica o no , comprar , comprar boletos , checar el clima , ver la TV en la computadora ,  acceder a medios de información  como la sección amarilla , saber como llegar a un lugar ,saber los servicios de una dependencia del gobierno , en fin esta es solamente es una pequeña lista de lo que se puede hacer en internet.

En donde se utilizan???

Las paginas web se utilizan principalmente, para hacer que un servicio (sea con fines comerciales o no) sea extensivo a todo el publico o en otras palabras son un medio de comunicación que la mayoría de las veces se  utiliza para ofrecer algo, como es:EntretenimientoAlgún ProductoInformaciónO la posibilidad de que en ellas se puedan realizar tramites o formularios para hacer algún tipo de TramitePublicidadEtc., etc.Es algo ansiosos decir que estos son los principales  propósitos de las paginas de internet pero las posibilidades son infinitas ya que lograr hacer una pagina web no es tan lejano de una persona o empresa , solamente con acudir a una consultoría , ahí será ayudado para que pueda así crear su pagina o ellos la creen por el .

Vistos los aspectos anteriores daremos una lista de los donde ese utilizan (recordando que no son todos solo son los mas representativos o comunes)

<Bancos <Escuelas<Enciclopedias en línea<Servicios (agua 'luz tesorería)<Tiendas en línea<Tiendas de boletos (ticket máster)<Bandas de música (blogs , my space , etc.)<Editoriales <Faros

5

Page 6: equipo4.weebly.com€¦  · Web viewLa WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados

Al hablar de páginas web se puede hacer una comparación con la música, ya que a diferencia de lo que la gente ignora, las aginas web tiene “géneros” definido por el propósito y las diferentes opciones que en ellas existan, a continuación las enumeraremos:

Página Web Estática. Las páginas web estáticas son aquellas realizadas en HTML que pueden mostrar en alguna parte de la página objetos en movimiento tales como banners, gifs animados, videos, etc.

Página Web Animada. Las páginas web animadas son aquellas que se realizan con la tecnología FLASH, ésta permite que una página web presente el contenido con ciertos efectos animados continuados. El uso de esta tecnología permite diseños más vanguardistas, modernos y creativos.

Página Web Dinámica. Existen muchos lenguajes de programación que son la base para la mayoría de páginas web dinámicas. Las que destacamos aquí son los lenguajes PHP y ASP. Estos lenguajes permiten una perfecta estructuración del contenido. Por una parte crearíamos la estructura de las páginas web, y por otra almacenaríamos el contenido en determinados archivos. A partir de ahí, crearíamos el código de llamada que insertaría el contenido en la propia página web estructurada. Este es el principio básico que siguen los lenguajes de programación. A partir de aquí se desarrollan aplicaciones para poder gestionar el contenido a través de un panel de control, dando lugar a nuevos tipos de página web que leeremos a continuación.

Portal. Es un sitio web que en su página principal permite el acceso a múltiples secciones que, por lo general, son foros, chats, cuentas de correo, buscador, acceso registrado para obtener ciertas ventajas, las últimas noticias de actualidad… un sinfín de recursos para brindar al usuario la mejor experiencia de búsqueda para una temática en particular o para una temática muy amplia. Estamos hablando de dos tipos diferenciados de portal: Portal Horizontal, se reconoce por su temática variada con el fin de captar el mayor tráfico de internautas posible. Son un ejemplo de esta modalidad, los portales de Lycos, Yahoo, Altavista, MSN, etc. Por otra parte, tenemos el Portal Vertical, que se centra en ofrecer contenido de una temática en particular, de este modo podemos hablar de Portal Inmobiliario, Portal de Comercio, Portal Laboral, etc.

Tienda virtual o Comercio electrónico. Como su nombre indica, se trata de un sitio web que publica los productos de una tienda en particular en Internet. Permite la compra on-line a través de VISA, domiciliación bancaria o transferencia por norma general. Ofrece al administrador un panel de gestión para poder subir los productos, actualizarlos, eliminarlos, etc. Es importante observar cuando realizamos una compra on-line, que la página donde realizamos la compra muestre un “candado” en la parte inferior derecha o bien en la parte derecha de la barra de navegación. Este detalle indica que la empresa propietaria de la tienda virtual ha habilitado una zona segura para que los datos no sean copiados por los hackers.

Página Web con Gestor de Contenidos. Se trata de un sitio web cuyo contenido se actualiza a través de un panel de gestión por parte del administrador del sitio. Este panel de gestión suele ser muy intuitivo y fácil de usar. En aquellas páginas web que requieran una actualización constante se suele incorporar este panel de gestión para que pueda controlarse día a día por parte del cliente.

Mucho de para escoger:

6

Page 7: equipo4.weebly.com€¦  · Web viewLa WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados

En la actualidad el disponer de internet es disponer de un amplio repertorio de posibilidades que pueden llegar a ser infinitas , en internet podemos encontrar paginas web de todo y para todo, desde ver videos ,bajar música, obtener información de todos los temas existentes y los que existirán en fin de todo , sin embargo al poder subir información tan fácil , esto tiene consecuencia que no toda la información sea verídica aquí el usuario funja cono juez sobre la credibilidad que tenga la información antes mencionada.

Si eres de los que usan habitualmente cosas como <font>, <br>, <b> o <table>, lee esto, porque te ayudará. El HTML correcto es más sencillo que el que tú conoces, y permite hacer muchas más cosas.

¿Qué es el HTML?

Si las páginas fueran sólo líneas y líneas de texto, serían muy aburridas. Para evitar esto, el autor puede dejar escrita la estructura del texto para que los usuarios puedan -mediante sus navegadores- dar un formato especial a algunas secciones.

HTML es sólo para describir la estructura de una web. El autor le cuenta al navegador cómo es la web; y es trabajo del navegador decidir cómo va a mostrar cada

sección (colores, tamaños, tipos de letra, ...). Si el autor quiere además especificar el diseño, puede usar CSS (hojas de estilo), que explico más adelante. No sirve el HTML.

¿Es necesario usar HTML?

No, hay más formas de estructurar contenido, por ejemplo XML o XHTML (que es una mezcla de XML y HTML).

Con el tiempo dejará de usarse HTML en favor de XHTML, que cumple mejor con su objetivo.

¿Es necesario saber HTML para hacer una web?

No. Hay programas con los que puedes dar la estructura al texto cómodamente, y generan código HTML correcto (excepto Frontpage). Yo uso el Mozilla Composer para ahorrar trabajo, aunque luego lo reviso a mano.

De todas formas, va muy bien saberlo, y es un lenguaje muy simple.

7

Page 8: equipo4.weebly.com€¦  · Web viewLa WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados

¿Es fácil escribir HTML?

Sí, tanto que hay muchos cursillos para principiantes en cualquier academia de informática. No hay que saber programar, y sólo hace falta un editor de textos.

Esta "facilidad" hace que mucha gente consiga hacer páginas casi sin saber qué es lo que ha escrito, con código de baja calidad y complicándose demasiado.

¿Es fácil escribir HTML correcto?

Para un principiante y a mano, cuesta, sobre todo cuando no sabes qué es correcto y qué no.

No obstante, se hace muy sencillo si tú evitas complicarlo. Hay muy poco código HTML en una página bien hecha; mira ésta como ejemplo. Eso es lo que explicaré en la sección de Consejos.

También hay un programa, HTML Tidy, que puede buscar errores sencillos en tu código y corregirlos un poco. El código resultante es muy complicado de entender; es mucho mejor si lo escribes bien desde el principio.

Cursillo de HTML

En inglés: puedes consultar la propia especificación HTML 4.01 del W3C. Es lo mejor que hay, porque no tiene fallos. Si hicieron algún error al escribir, ya no es un error, ¡ahora es oficial!.

En español: la mayoría de cursos enseñan HTML no correcto. El único que puedo recomendar, de momento, es el tutorial de HTML con clase, algo largo pero que no se deja nada importante por explicar (hasta habla de CSS). Otros cursos, medianamente buenos (en mi opinión), son: SelfHTML, el de Daniel Rodríguez, Lucaz.

Si lo que te interesa es el XHTML, tienes un tutorial de XHTML muy bueno hecho por Belén Albeza (BenKo). Consulta su web para más información.

Cómo es una dirección (URI)

Una URI (eso incluye a las URL) tiene el nombre del protocolo (suele ser http), el: // seguido del nombre de la máquina, y luego la ruta del archivo al que se accede. Por ejemplo,

http://www.danielclemente.com/html/index.htmlhttp://www.danielclemente.com/html/mailto://[email protected]://netscape.public.mozilla.svg/

Son URL. Fíjate en que la primera hace referencia a un archivo de mi servidor, y la segunda a un directorio, por eso lleva la barra al final. Si no pusieras la barra, se te redirigiría a la dirección correcta; pruébalo: http://www.danielclemente.com/html (sin la barra final).

8

Page 9: equipo4.weebly.com€¦  · Web viewLa WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados

Extensión de los archivos: ¿ html o htm ?

¿Por qué index.html y no index.htm, si también funciona y es más corto?

Bueno, me gusta llamar a las cosas por su nombre, y esto es una página HTML. HTM no quiere decir nada; el lenguaje siempre se ha llamado HTML.

La culpa de este lío, es, como siempre, de Microsoft. Desde que compraron QDOS (MS-DOS), ya limitaban la extensión de un archivo a 3 caracteres. Tardaron 14 años en copiar el modelo de UNIX y Linux, en el que el nombre y la extensión pueden ser tan largos o cortos como se quiera.

Así que: llama a las cosas por su nombre: .xhtml para el XHTML, .html para HTML, .php para PHP, .xml para XML, etc. ¿Por qué habríamos de llamar XM al XML?

Efectos HTML

He visto que muchos entran en mi web buscando en Google efectos html. Pues que quede claro:

HTML es un lenguaje para estructurar texto: No es para hacer animaciones, ni efectos especiales, ni juegos. Probablemente te interesa aprender CSS para hacer virguerías inimaginables con el diseño; eso sí que es posible.

Versiones de HTML

Esto es importante. Mucha gente se lo olvida y les da problemas de todo tipo (cada navegador les muestra la página como quiere).

¿Cómo?, ¿que hay versiones?

Claro que hay versiones. Se hizo estándar en 1995, y desde entonces las cosas han cambiado (aunque el lenguaje no se ha modificado mucho).

En cada página que hagas, tendrás que decirle al navegador qué versión de HTML estás usando (no puede detectarlo). Eso se hace con la primera línea, la del !DOCTYPE. Luego lo explico.

HTML

Los estándares HTML son el HTML 2.0, el HTML 3.2, el HTML 4.0 y el HTML 4.01. La verdad, no creo que se hagan más, porque el HTML ya está anticuado (comparado con XHTML).

Todos son comprendidos por los navegadores actuales, pero el que debes usar es el HTML 4.01. Aún se puede usar sin problemas el HTML 3.2, pero le falta alguna etiqueta interesante ya que en esos tiempos es cuando empezaron a introducir la filosofía CSS.

Además, cada versión tiene variantes. Tienes que elegir una. Por ejemplo, el HTML 4.01 tiene tres:

HTML 4.01 Strict: el normal. Puedes usar las etiquetas de HTML 4.01 y ya está.

9

Page 10: equipo4.weebly.com€¦  · Web viewLa WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados

HTML 4.01 Transitional: una mezcla de todos los HTML, en la que se aceptan las etiquetas obsoletas. Se llama Transitional porque está pensado para los que no se atreven a usar el Strict, pero les gustaría en el futuro. En mi opinión no va bien usarlo, es un lío tener tantas formas distintas de hacer la misma cosa (unas buenas y otras malas). HTML 4.01 Frameset: lo del Transitional, y soporte para frames. Anticuado, como los

frames.

Yo explicaré y usaré HTML 4.01 Strict, aunque XHTML me parece mucho mejor. Pero como es muy fácil pasar de HTML 4.01 Strict a XHTML 1.0 (casi no hay cambios), prefiero explicar el HTML. Aparte... es que no podría explicar muchas cosas sobre XHTML correcto, porque es muy fácil escribir XHTML correcto (sigue leyendo).

XHTML

HTML está anticuado. Sus normas son muy poco estrictas, y eso da muchos problemas: mucha gente escribe el código "a medias" (por ejemplo, abre etiquetas y no las cierra), y dejan que sea el navegador el que "arregle" la página. Por eso un navegador web es muy complicado y suele tener problemas de compatibilidad.

XHTML trae las ventajas del XML, que son muchas. Las conocidas son que los nombres de etiquetas van en minúsculas, que hay que cerrar todas las que se abren (y sin anidarse), y que los atributos van entre comillas.

Pero yo quiero destacar otras dos ventajas muy importantes del XHTML:

Si un programa o navegador que está analizando el XHTML encuentra XML mal formado (erróneo), está obligado a parar y decir que es incorrecto. Eso simplifica enormemente el código de un navegador web, y hace que en Internet sólo pueda existir el código XHTML bien escrito, compatible con todos los analizadores de XML. (Aunque eso no asegura que las etiquetas estén bien usadas). Los navegadores XHTML viejos no fallarán cuando se use un XHTML lleno de etiquetas

nuevas, porque en XML las etiquetas desconocidas o que no hacen falta se ignoran junto con su contenido. No hay que hacer trucos como lo de comentar el código JavaScript para que no se muestre en navegadores HTML antiguos.

XHTML tiene que sustituir a HTML en los próximos años, y ya lo está haciendo. Las páginas tienen extensión .xhtml y el servidor web tiene que estar configurado para servirlas como application/xhtml+xml (no como text/html).

XSL

XSL permite que el navegador (o el servidor) transforme los documentos XML y haga cosas como ordenar una tabla, o hacer búsquedas, o bucles, cosas que no pueden hacerse con HTML ni XHTML. Lo malo es que necesita que el navegador lo soporte, pero muchos navegadores ya lo hacen.

XSL consta de los estándares XSLT, XPath y XSL-FO.

10

Page 11: equipo4.weebly.com€¦  · Web viewLa WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados

¿Cuál elijo, y cómo?

Si ya sabías HTML pero nunca has hecho todo eso de separar contenido y diseño, o todos estos estándares te suenan a chino, usa el HTML normal, en concreto la versión 4.01, que es la última. Elige la rama Strict directamente si te gusta el tema, o el 4.01 Transitional si te cuesta entenderlo.

El XHTML es para los que entienden qué es lo del XML, tienen otros programas que trabajan con datos de la web, o simplemente les gustan mucho los estándares.

Para decir qué lenguaje se utiliza, hay que poner una línea al principio de la página. No es una etiqueta, por tanto es algo rara y no hay que cerrarla ni ponerla en minúsculas. Eso sí, hay que ponerla.

Para HTML 4.01 Strict (recomendado):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Para HTML 4.01 Transicional:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Para XHTML: tienes las declaraciones necesarias en la especificación XHTML del W3C

¿Cual es su nombre?Lic. Alexander Vargas

¿Cuál es su trabajo?Dispatcher de activaciones de líneas telefónicas de Telefónica movistar

¿En que consiste?Distribuir las peticiones de activación de líneas telefónicas de pequeñas y medianas empresas

11

Page 12: equipo4.weebly.com€¦  · Web viewLa WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados

entre los analistas de activación

¿En otras palabras usted reparte los pedidos entre los demás trabajadores?Si, en términos muy generales en eso consiste

¿Y en repartir trabajo solamente consiste su empleo?No, también realizo reportes sobre las activaciones que e realizan, que he repartido previamente, estadísticas en cuanto los tiempos de activación, registro de los números nuevos ante la RENAUT (Registro Nacional de Usuarios de Telefonía)

¿Es el registro que teníamos que hacer antes del 10 de abril?>Exactamente

¿Cuánto tiempo estudio?Los 4 años de la Universidad

¿Qué carrera estudio?Informática Administrativa

¿En que Universidad estudio?Universidad Autónoma Metropolitana Plantel Azcapotzalco

¿Se podría decir entonces que Excel es su principal herramienta de trabajo no?Claro, para una parte de mi trabajo si

Entonces, ¿que otro software utiliza y que función tiene este?Es un software creado por Movistar que se llama SCL que ignoro lo que significa , en el cual tenemos el servicio de atención a cliente , el producto celular para realizar las activaciones , red de ventas para cambiar características de los distribuidores y la facturación entre muchas otras opciones . También contamos con ACTIVAME EXPRESS la cual es una inter fase entre el distribuidor y el analista de de activación visualizando el proceso que tiene la activación.Entre otros softwares pero estos son los principales

Muchas gracias y suerte en su trabajo

De nada gracias a ti por el interés.

PRÓLOGO: Diferencia entre sitio web y página web A veces se utiliza erróneamente el término página web para referirse a sitio web. Una página web es parte de un sitio web y es un único archivo con un nombre de archivo asignado, mientras que un sitio web es un conjunto de archivos llamados páginas web.

Si lo comparáramos con un libro, un sitio web sería el libro entero y una página web de ese sitio web sería un capítulo de ese libro. El título del libro sería el nombre del dominio del sitio web. Un capítulo, al igual que una página web, tiene un nombre que lo define. Decimos que sería un capítulo y no una página del libro porque a menudo es necesario desplazarse hacia bajo en la pantalla para ver todo el contenido de una página web, al igual que en un libro te desplazas a través de varias

12

Page 13: equipo4.weebly.com€¦  · Web viewLa WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados

páginas para ver todo el contenido de un capítulo. El índice de los capítulos del libro sería el equivalente al mapa del sitio web.

Es por eso que se realizó esta investigación; para tener una idea más clara de lo que son las Páginas Web, de cómo se utilizan, para qué sirven; también estar consientes de sus características; así como aprender su manipulación, evolución y creación.

ENGLISH_VERSION

PROLOGUE: The difference between website and web page It is sometimes erroneously used the term to refer to web site. A website is part of a website and is a single file with a file name assigned, while a website is a collection of files called web pages. If you compare it with a book, a website would be the entire book and a website that website would be a chapter of that book. The book's title would be the domain name of the website. A chapter, as well as a website, has a name that defines it. We say that it would be a chapter and a page of the book because it is often necessary to move downwards on the screen to see the entire contents of a web page, like a book you scroll through multiple pages to view all content a chapter. The index of the chapters of the book would be the equivalent of the sitemap. That's why we designed this research to have a clearer idea of what Web pages are, how they are used, what they are, also be aware of their characteristics and learn the safe handling, evolution and creation.

13

Page 14: equipo4.weebly.com€¦  · Web viewLa WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados

http://www.masadelante.com/faqs/sitio-web

http://www.lawebera.es/de0/programas-edicion-web.php

http://www.lawebera.es/de0/dominios2.php

14

Page 15: equipo4.weebly.com€¦  · Web viewLa WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados

http://www.lawebera.es/de0/programas-edicion-web.php

http://team.invicto.mx/2006/02/23/el-costo-de-un-dominio-en-internet/

http://www.maestrosdelweb.com/actualidad/el-costo-del-registro-de-dominios-en-america-latina/

Portada

Prólogo------ 1

Qué es una página Web?------------- 2

15

Page 16: equipo4.weebly.com€¦  · Web viewLa WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados

Historia de las Páginas Web--------- 3-5

Para qué se utilizan las páginas web---- 6

Tipos de páginas Web--------- 7

Sobre HTML---------------------- 8-13

Entrevista--------------------------14

Bibliografía-------------------------- 15

Índice------ 16

16