Contenido de las paginas webs

9
Recursos básicos de unas WEB Textos: El formato del texto en una web puede variar según su utilidad o impresión a dar al usuario, desde texto con enlaces hasta texto con diferentes tipografías se pueden emplear como se ven a continuación: En este ejemplo encontramos diferentes tipo de tipografías y colores asociados a diferentes palabras, algunos colores nos indica que es un enlace pero este puede ser asi como texto una imagen. Las ventajas de los enlaces pueden ser las de identificar, brindar información mas detallada de ese tema, ser un medio de contacto, pueden ser utilizados para compartir sitios o temas en específicos de un blogs o web. En las paginas webs también pueden existir imágenes estáticas o animadas,(imágenes GIF)

Transcript of Contenido de las paginas webs

Page 1: Contenido de las paginas webs

Recursos básicos de unas WEB

Textos: El formato del texto en una web puede variar según su utilidad o impresión a dar al usuario, desde texto con enlaces hasta texto con diferentes tipografías se pueden emplear como se ven a continuación:

En este ejemplo encontramos diferentes tipo de tipografías y colores asociados a diferentes palabras, algunos colores nos indica que es un enlace pero este puede ser asi como texto una imagen.

Las ventajas de los enlaces pueden ser las de identificar, brindar información mas detallada de ese tema, ser un medio de contacto, pueden ser utilizados para compartir sitios o temas en específicos de un blogs o web.

En las paginas webs también pueden existir imágenes estáticas o animadas,(imágenes GIF)

En la paginas webs pueden existir varios tipos de formularios, dentro de los cuales podemos encontrar: Formularios de registro, contactos, reclamos, notificaciones de pago etc.

Etiqueta DIV o capas:

Se emplea para definir un bloque de contenido o sección de la pagina, para poder aplicarle diferentes estilos e incluso para realizar operaciones sobre ese bloque especifico.

Page 2: Contenido de las paginas webs

Recursos avanzados de una WEBEn las paginas webs también podemos encontrarnos con recursos mas avanzados como en el

siguiente ejemplo:

La pagina webs youtube es un sitio web dinamico en el cual podemos encontrarnos con recursos del tipo audio, video y animaciones del tipo Flash como lo muestra la imagen…

¿Qué es la tecnología Java y para qué la necesito?Java es un lenguaje de programación y una plataforma informática . Hay muchas aplicaciones y sitios web que no funcionarán a menos que tenga Java instalado y cada día se crean más. Java es rápido, seguro y fiable. Desde portátiles

Page 3: Contenido de las paginas webs

hasta centros de datos, desde consolas para juegos hasta súper computadoras, desde teléfonos móviles hasta Internet, Java está en todas partes.

En las paginas webs también podemos insertar códigos javascript que nos dan diferentes utilidades como lo son:

Cursor   Cambia el aspecto del cursor al entrar en tu web .

Color de fondo Otra manera de cambiar el color de fondo de tu web .

Mensaje al entrar en la web   Ten a tus visitas , siempre avisados de todo . Se puede arrastrar la ventana o cerrarla

Estilos CSS:Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación estética de un documento estructurado y escrito en HTML. En ese sentido,

el HTML es la caja que muestra los contenidos y el CSS es la manera en que lo hace. 

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura y el contenido de la presentación estética en un documento. 

Esto permite un control mayor del documento y sus atributos convirtiendo al HTML en un documento muy versátil y liviano. 

Presentamos un breve ejemplo de como se utiliza:

Una vez creado el documento ejemplo.html en nuestro ordenador, lo abriremos con un navegador web, cuyo resultado será similar a éste dependiendo del navegador que utilicemos:

Page 4: Contenido de las paginas webs

Una vez hemos visualizado este ejemplo tenemos una página web que tan solo tiene un párrafo (“Texto de ejemplo para visualizar resultados”). Este aparece en color negro por defecto y nosotros, para ver la utilidad de CSS deseamos mostrar el texto en rojo. En realidad con CSS podemos hacer cosas mucho más complejas, pero solo queremos poner un ejemplo para mostrar la utilidad de CSS.

Para ello vamos a crear nuestro archivo de hojas de estilo CSS que llamaremos estilos.css, que crearemos en el mismo directorio donde tengamos el archivo ejemplo.html y que contendrá lo siguiente:

Pues bien una vez tenemos nuestro archivo de estilos, estilos.css, debemos de importarlo para su uso a nuestra página web o documento html, ejemplo.html. Para ello ponemos lo siguiente entre las etiquetas <head> y </head> de nuestro ejemplo.html.

<link rel="stylesheet" type="text/css" href="estilos.css">

De esta manera tendremos un archive HTML de estar forma:

Y si ejecutamos el código en el navegador se obtendrá el siguiente resultado:

Page 5: Contenido de las paginas webs

CONTENIDO DINAMICO Y APLICACIONES:

Asi como existen paginas estáticas existen dinámicas, las cuales nos permiten interactuar en ella, en pocas palabras son aquellas en las que la información presentada se genera a partir de una petición del usuario de la página, nos presentan distintas maneras de interactuar bien sea dejando un comentario, calificando alguna publicación, o realizando alguna compra por medio de tiendas online.

Entre las ventajas que podemos encontrar están:

Page 6: Contenido de las paginas webs

Una mayor interactividad con el usuario ya que este puede alterar en parte el diseño, contenidos o presentación de la página a su gusto (tipos de letra, colores o fondos, tamaño de pantalla, etc) siempre y cuando los desarrolladores de la página hayan activado dichas funcionalidades.

Gran número de funcionalidades tales como bases de datos, foros, contenido dinámico, etc.

Contenidos reutilizables.

Control total sobre la administración de contenidos.

PERL:

Es un lenguaje de proramacion usado para infinidades de cosas, se puede utilizar como lenguaje web, creando aplicaciones de distintos tipos y usos, de la misma manera como este lenguaje se pueden programar servidores WEB. El lenguaje per, combina las capacidades de oros lenguaje como del C, por lo que programadores familiares con este lenguaje tienen una orientecion mas practica.

Ventajas:

- es un eficiente, completo y fácil de usar.

-está en la cantidad de aplicaciones que se le pueden dar al lenguaje en campos como la administración de sistemas, aplicaciones web, entre otros.

-el hecho de que Perl esté disponible para gran cantidad de sistemas operativos, lo hacen un lenguaje accesible a cualquier usuario, sirviendo esto para extender la comunidad 

Desventaja

La principal desventaja de Perl se encuentra en el tiempo de ejecución de un programa, ya que un programa Perl es compilado cada vez que se ejecuta, por lo que puede resultar más lento 

Page 7: Contenido de las paginas webs

ASP:

Es el lenguaje de scripting del lado del servidor creado por Microsoft.

ASP (Active Server Pages) es la tecnología desarrollada por Microsoft para la creación de páginas dinámicas del servidor. ASP se escribe en la misma página web, utilizando el lenguaje Visual Basic Script o Jscript (Javascript de Microsoft).

Con las ASP podemos realizar muchos tipos de aplicaciones distintas. Nos permite acceso a bases de datos, al sistema de archivos del servidor y en general a todos los recursos que tenga el propio servidor. También tenemos la posibilidad de comprar componentes ActiveX fabricados por distintas empresas de desarrollo de software que sirven para realizar múltiples usos, como el envio de correo, generar gráficas dinámicamente, y un largo etc.

PHP:

Es un lenguaje para programar scripts del lado del servidor, que se incrustan dentro del código HTML. Este lenguaje es gratuito y multiplataforma.Las páginas que se ejecutan en el servidor pueden realizar accesos a bases de datos, conexiones en red, y otras tareas para crear la página final que verá el cliente. El cliente solamente recibe una página con el código HTML resultante de la ejecución de la PHP. Como la página resultante contiene únicamente código HTML,

Base de dATOS:

Se define una base de datos como una serie de datos organizados y relacionados entre sí.

se compone de una o más tablas que guarda un conjunto de datos. Cada tabla tiene una o más columnas y filas. Las

Page 8: Contenido de las paginas webs

columnas guardan una parte de la información sobre cada elemento que queramos guardar en la tabla, cada fila de la tabla conforma un registro.

Características

Entre las principales características de los sistemas de base de datos podemos mencionar:

Independencia lógica y física de los datos. Redundancia mínima. Acceso concurrente por parte de múltiples usuarios. Integridad de los datos. Consultas complejas optimizadas. Seguridad de acceso y auditoría. Respaldo y recuperación. Acceso a través de lenguajes de programación estándar.