DISEÑO Y DESARROLLO WEB
Módulo de DISEÑO Y DESARROLLO WEB
Objetivo: Diseñar y construir soluciones web de nivel intermedio con interfaz amigable, empleando herramientas multimedia que permitan promocionar la información e imagen de una organización y/o cliente.
Etiquetas de HTMl
1.2. Etiquetas
Las etiquetas (marcas) delimitan cada uno de los elementos que componen un documento HTML.
El lenguaje HTML se basa en etiquetas, por eso es importante entender bien la sintaxis de las etiquetas. El siguiente esquema muestra las partes de una etiqueta HTML genérica.
La etiqueta de apertura está delimitada por el signo < "menor que", a continuación el propio nombre de la etiqueta (en este caso p), y opcionalmente, un atributo (en este caso class="fondo"), finalmente el signo > "mayor que".
A continuación está el texto del contenido de la etiqueta, lo más frecuente es un texto, pero podría ser otra etiqueta, una imagen, ...
La etiqueta de cierre está delimitada por el signo < "menor que", a continuación la barra inclinada /, el propio nombre de la etiqueta (en este caso p), y finalmente el signo > "mayor que".
Algunas etiquetas no tienen contenido, y se cierran sobre sí mismas, no tienen etiqueta de cierre, se llaman etiquetas vacias, como la etiqueta <br>. En estas etiquetas opcionalmente se puede colocar una barra justo antes del signo >, por ejemplo: <br />. La etiqueta <br> produce un salto de línea. Las etiquetas vacias no tienen contenido pero si pueden tener atributos. Algunas otras etiquetas vacias son <hr>, <img>, <input>, <link>, <meta>, <param> y <source>.
En una etiqueta, la primera palabra que aparece es el nombre de la etiqueta. También podemos encontrar atributos con sus valores, siguiendo el formato <etiqueta atributo1="valor"atributo2="valor">. La forma más correcta es escribir el nombre de la etiqueta y los atributos en minúscula, y los valores entre comillas dobles.
Etiquetas de HTML:
<H1>, <H2>, <H3>...: Titulares. Sirven para dividir el texto en secciones. Se pueden definir seis niveles de titulares, el texto que deseamos que sea un titular se pone entre las tags <H1> Titular </H1>. Se definen mediante las tags <H1>.....</H1> hasta <H6>.....</H6>
<P>: Párrafos. En principio, sin entrar en detalles de alineación u otras características, digamos que se definen por las tags <P>.....<P>. Esta tag, en un principio, se disea para saltar de párrafo por lo que puede ir sola "<P>" al final de un texto indicando que a continuación se quiere una linea en blanco aunque le recomendamos que se acostumbre a utilizarla abriéndola y cerrándola.
<BR>: Saltos de línea. Esta tag sirve para realizar un salto de linea, puede poner tantas como desee y realizará un salto de línea por cada una de ellas.
<!-- -->: Comentarios. Son directivas que nunca se mostrar en a través del navegador y que le servir�n para recordatorios en futuras revisiones del documento.
<head>: Representa una colección de meta datos acerca del documento, incluyendo enlaces a, o definiciones de, scripts y hojas de estilo.
<title>:Define el título del documento, el cual se muestra en la barra de título del navegador o en las pestañas de página. Solamente puede contener texto y cualquier otra etiqueta contenida no será interpretada.
<base>:Define la URL base para las URLs relativas en la página.
<link>:Usada para enlazar JavaScript y CSS externos con el documento HTML actual.
¿QUÈ ES UNA PAGINA WEB?
Una página web, o página electrónica, página digital, o ciberpágina12 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 (WWW) y que puede ser accedida mediante un navegador web. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar acceso a otras páginas web mediante enlaces de hipertexto. Frecuentemente también incluyen otros recursos como pueden ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros.
Las páginas web pueden estar almacenadas en un equipo local o en un servidor web remoto. El servidor web puede restringir el acceso únicamente a redes privadas, por ejemplo, en una intranet corporativa, o puede publicar las páginas en la World Wide Web. El acceso a las páginas web es realizado mediante una transferencia desde servidores, utilizando el protocolo de transferencia de hipertexto (HTTP).
Tipos de página Web
Existen dos tipos de página Web, conforme al modo en que se genera su contenido:
Páginas Web estáticas. Operan mediante la descarga de un fichero programado en código HTML, en el que están todas las instrucciones para que el navegador reconstruya la página Web, accediendo a las ubicaciones de sus elementos y siguiendo un orden preconcebido, rígido, que no permite la interacción con el usuario. Este tipo de páginas son meramente informativas, documentales, no interactivas.
Páginas Web dinámicas. A diferencia de las anteriores, las páginas Web dinámicas se generan en el momento mismo del acceso del usuario, empleando para ello algún lenguaje interpretado (como el PHP), lo cual le permite recibir solicitudes del usuario, procesarlas en bases de datos y ofrecer una respuesta acorde a sus requerimientos.
EJEMPLOS DE PÀGINAS WEB ESTÁTICAS
EJEMPLO DE PÀGINAS WEB DINÁMICAS
¿QUÈ ES UN NAVEGADOR WEB?
Un navegador web (en inglés, web browser) es un software, aplicación o programa que permite el acceso a la Web, interpretando la información de distintos tipos de archivos y sitios web para que estos puedan ser visualizados.
La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente con recursos multimedia incrustados. Además, permite visitar páginas web y hacer actividades en ella, es decir, enlazar un sitio con otro, imprimir, enviar y recibir correo, entre otras funcionalidades más.
Los documentos que se muestran en un navegador pueden estar ubicados en la computadora donde está el usuario y también pueden estar en cualquier otro dispositivo conectado en la computadora del usuario o a través de Internet, y que tenga los recursos necesarios para la transmisión de los documentos (un software servidor web).
Tales documentos, comúnmente denominados páginas web, poseen hiperenlaces o hipervínculos que enlazan una porción de texto o una imagen a otro documento, normalmente relacionado con el texto o la imagen.
El seguimiento de enlaces de una página a otra, ubicada en cualquier computadora conectada a Internet, se llama navegación, de donde se origina el nombre navegador (aplicado tanto para el programa como para la persona que lo utiliza, a la cual también se le llama cibernauta). Por otro lado, hojeador es una traducción literal del original en inglés, browser, aunque su uso es minoritario.
EJEMPLOS DE NAVEGADOR WEB
¿QUÈ ES UN PROTOCOLO IP?
El protocolo de IP (Internet Protocol) es la base fundamental de la Internet. Porta datagramas de la fuente al destino. El nivel de transporte parte el flujo de datos en datagramas. Durante su transmisión se puede partir un datagrama en fragmentos que se montan de nuevo en el destino.
¿Què es un hipervìnculo?
Son enlaces a otras paginas ,con un clic en un hiperenlace se puede saltar a diferentes elementos de un mismo texto o acceder a recursos web separados
¿Què son las hojas estilos HTML?
Una hoja de estilo es un archivo de extencion *.CSS (CSS cascading style stheets=Hojas de estilo)
que contempla definiciones de formato (tipo de fuente color de fuente tamaño etc) de las distintas etiquetas que forman una pagina *HTML. La principal ventaja es darle un mismo aspecto a todas las paginas vinculadas a la hoja de estilo.
Es una aplicación diseñada con el fin de facilitar la creación y edición de documentos HTML o XHTML Su complejidad puede variar desde la de un simple editor de texto plano entornos WYIWYG
Hasta editores WYS
¿Què es un publicador de sitio web?
Es una herramienta que permite modificar contenidos del sitio web.Dicha herramienta permite la adopcionista de acuerdo de las necesidades de cada cliente
¿Què es un servidor web?
Es un servidor web o servidor HTTP es un programa informático que procesa una aplicación del lado del servidor,realizado conexiones bidireccionales o unidireccionales o sincronías o asíncronas con el cliente y generando o entendiendo una respuesta en cualquier lenguaje o aplicación del lado del cliente
No hay comentarios.:
Publicar un comentario