DISEÑO Y DESARROLLO WEB KARINA
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:
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="fo"ndo), 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:
<br></br>:Permite partir un párrafo empezando una línea nueva pero sin dejar espacio.
<p></p>:Indica que el texto encerrado por la etiqueta <p> es un párrafo. Generalmente entre cada párrafo se crea por defecto un espacio, por lo que muchos lo usan como un espaciador
<a></a>:esta etiqueta hace posible crear todos los enlaces de las paginas web.
<head></head>:Delimita y engloba la cabecera de una página, que contiene un conjunto de informaciones que no se muestran en la ventana, entre ellas el título de la página, pero que pueden ayudar a los navegadores y a los buscadores para interpretar o a encontrar correctamente la página.
<title></title>:Dentro de la cabecera (HEAD), lo que se incluye aquí se muestra en la barra del título de la ventana del navegador.
<h1>...<h6>:Párrafos que son encabezamientos (con distintos niveles).
<body></body>:Delimita y engloba el cuerpo de la página, que son el conjunto de informaciones
<u></u>:subrayado
<b></b>:negrita
<i></i>:cursiva
(texto e imágenes) que se muestran en la página, así como las indicaciones de cómo deben mostrarse.
<img></img>:permite presentar una imagen
<font></font>:permite presentar un enunciado de un color deseado
<body bgcolor=*color deseado*> esta etiquieta permite ponerle un fondo de color deseado pero esta etiqueta se abre y se cierra con la etiqueta <body>
¿QUÉ ES UNA PÁGINA WEB?
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
hipertexto. Frecuentemente también incluyen otros recursos como pueden ser hojas
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.
3 Ejemplos de página web dinámicas:
-Facebook
-Twitter
-Youtube
3 Ejemplos de página web estáticas
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.
EJEMPLOS:
¿QUÉ ES UN PROTOCOLO IP?
Un protocolo es un conjunto de normas que rigen el funcionamiento de las cosas en
una determinada tecnología, por lo que de esta forma se consigue que exista algún
tipo de estandarización. Cuando hablamos de comunicaciones de red, un protocolo
es el conjunto de normas que rigen cómo los paquetes de comunicación se
transmiten a través de la red. Cuando tienes un protocolo, puedes estar seguro
de que todas las máquinas de una red (o del mundo, cuando se trata de Internet),
por muy diferentes que sean, hablan el mismo idioma y pueden integrarse en
cualquier sistema.
Desarrollado durante la década de 1970, el protocolo IP es el protocolo de red
fundamental usado a través de Internet, las redes domésticas y las redes
empresariales. El protocolo IP se utiliza a menudo junto con el protocolo de control
de transporte (Transport Control Protocol o TCP) y entonces se les llama de
manera intercambiable tanto protocolo IP como protocolo TCP/IP.
- ¿Qué es un hipervínculo?
Son enlaces a otras páginas, con un clic en un hipervínculo, se puede saltar a diferentes
elementos de un mismo texto o acceder a recursos Web separados.
- ¿Qué son las hojas de estilos HTML?
Una hoja de estilo es un archivo de extensión *.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 páginas vinculadas a la hoja de estilo.
- ¿Qué es un software de edición de sitio Web?
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 WYSIWYM.
- ¿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?
aplicación del lado del servidor,realizado conexiones bidireccionales o undireccionales
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.
Muchas gracias al blog por las recomendaciones que nos brindan, sobre todo porque hemos podido aprender de cada una de las cosas que mencionan, por ejemplo diseño web profesional que es uno de los mejores y que cuentan con todo lo bueno que hay.
ResponderBorrar