Recursos básicos de unas WEB
Textos: El formatodel textoenunawebpuede variarsegúnsuutilidadoimpresiónadaral
usuario,desde textoconenlaceshastatextocondiferentestipografíasse puedenemplearcomo
se vena continuación:
En este ejemploencontramosdiferentestipode tipografías ycoloresasociadosadiferentes
palabras, algunoscolores nosindicaque esunenlace peroeste puede ser asi comotexto una
imagen.
Las ventajasde losenlacespuedenserlasde identificar,brindarinformaciónmasdetalladade ese
tema,serun mediode contacto,puedenserutilizadospara compartirsitiosotemasenespecíficos
de un blogso web.
En las paginaswebstambiénpuedenexistirimágenesestáticasoanimadas,(imágenesGIF)
En la paginaswebspuedenexistirvariostiposde formularios,dentrode loscualespodemos
encontrar:Formulariosde registro,contactos,reclamos, notificaciones de pagoetc.
Etiqueta DIV o capas:
Se empleaparadefinirunbloque de contenidoosecciónde lapagina,para poderaplicarle
diferentesestilose inclusopararealizaroperacionessobre ese bloque especifico.
Recursos avanzados de una WEB
En las paginas webs también podemos encontrarnos con recursos mas avanzados como en el
siguiente ejemplo:
La paginawebsyoutube esun 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íase crean más. Java es rápido, seguro y fiable. Desde
portátiles hasta centros de datos, desdeconsolas para juegos hasta súper
computadoras, desdetelé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:
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:
CONTENIDO DINAMICO Y APLICACIONES:
Asi como existenpaginasestáticasexistendinámicas,lascualesnospermiteninteractuarenella,
enpocas 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
seadejandouncomentario,calificandoalgunapublicación,orealizandoalgunacomprapormedio
de tiendasonline.
Entre lasventajasque podemosencontrarestán:
 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 usadoparainfinidadesde cosas,se puede utilizarcomolenguaje
web,creandoaplicacionesde distintostiposyusos,de lamismamaneracomo este lenguaje se
puedenprogramarservidoresWEB.El lenguaje per,combinalascapacidadesde oroslenguaje
como del C,por lo que programadoresfamiliaresconeste lenguajetienenunaorientecionmas
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
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
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 podemosmencionar:
 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.

Contenido de las paginas webs

  • 1.
    Recursos básicos deunas WEB Textos: El formatodel textoenunawebpuede variarsegúnsuutilidadoimpresiónadaral usuario,desde textoconenlaceshastatextocondiferentestipografíasse puedenemplearcomo se vena continuación: En este ejemploencontramosdiferentestipode tipografías ycoloresasociadosadiferentes palabras, algunoscolores nosindicaque esunenlace peroeste puede ser asi comotexto una imagen. Las ventajasde losenlacespuedenserlasde identificar,brindarinformaciónmasdetalladade ese tema,serun mediode contacto,puedenserutilizadospara compartirsitiosotemasenespecíficos de un blogso web. En las paginaswebstambiénpuedenexistirimágenesestáticasoanimadas,(imágenesGIF) En la paginaswebspuedenexistirvariostiposde formularios,dentrode loscualespodemos encontrar:Formulariosde registro,contactos,reclamos, notificaciones de pagoetc. Etiqueta DIV o capas: Se empleaparadefinirunbloque de contenidoosecciónde lapagina,para poderaplicarle diferentesestilose inclusopararealizaroperacionessobre ese bloque especifico.
  • 2.
    Recursos avanzados deuna WEB En las paginas webs también podemos encontrarnos con recursos mas avanzados como en el siguiente ejemplo: La paginawebsyoutube esun 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íase crean más. Java es rápido, seguro y fiable. Desde portátiles hasta centros de datos, desdeconsolas para juegos hasta súper
  • 3.
    computadoras, desdeteléfonos móvileshasta 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:
  • 4.
    Una vez hemosvisualizado 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:
  • 5.
    CONTENIDO DINAMICO YAPLICACIONES: Asi como existenpaginasestáticasexistendinámicas,lascualesnospermiteninteractuarenella, enpocas 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 seadejandouncomentario,calificandoalgunapublicación,orealizandoalgunacomprapormedio de tiendasonline. Entre lasventajasque podemosencontrarestán:  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.
  • 6.
    PERL: Es un lenguajede proramacion usadoparainfinidadesde cosas,se puede utilizarcomolenguaje web,creandoaplicacionesde distintostiposyusos,de lamismamaneracomo este lenguaje se puedenprogramarservidoresWEB.El lenguaje per,combinalascapacidadesde oroslenguaje como del C,por lo que programadoresfamiliaresconeste lenguajetienenunaorientecionmas 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 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
  • 7.
    tenga el propioservidor. 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 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 podemosmencionar:  Independencia lógica y física de los datos.
  • 8.
     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.