Diseño web clase01
0 recomendaciones357 vistas
El documento describe las redes de computadoras, sus definiciones y clasificaciones según tamaño y distribución, así como las topologías que pueden adoptar. Además, proporciona una historia del internet, su definición, requisitos de acceso y servicios básicos como el correo electrónico y la World Wide Web. Se detallan los dominios de nivel superior y el funcionamiento de los navegadores y las páginas web.
Diseño web clase01
- 1. Profesora: Mg. Janett Julca Flores Pág. 1 REDES DE COMPUTADORAS ¿QUE ES UNA RED? Una red es un conjunto de computadoras interconectados (ya sea vía alámbrica o inalámbrica) que comparten recursos, como archivos e impresoras y que se comunican entre sí a través de reglas de comunicación, también denominados protocolos. Las redes informáticas de comunicación trasportan información entre diferentes computadoras y entre éstas y sus periféricos. La necesidad de compartir recursos es la base de todos los sistemas de conectividad. En el nivel más elemental, se puede hablar de red cuando se conectan dos equipos entre sí mediante un cable. Y si queremos hablar de una red más compleja, entonces tenemos que referirnos a Internet, la red de redes. TIPOS: Existen varios tipos de redes, los cuales se clasifican de acuerdo a su tamaño y distribución lógica. 1. Clasificación según su tamaño: Las Redes PAN (red de administración personal) son redes pequeñas, las cuales están conformadas por no más de 8 equipos, por ejemplo: Cabina Internet. LAS Redes CAN (Red de Área Campus) Una CAN es una colección de LANs dispersadas geográficamente dentro de un campus (universitario, oficinas de gobierno, industrias) pertenecientes a una misma entidad en una área delimitada en kilómetros. Una CAN utiliza comúnmente tecnologías tales como FDDI y Gigabyte Ethernet para conectividad a través de medios de comunicación tales como fibra óptica y espectro disperso. Las Redes MAN (redes de área metropolitana) comprenden una ubicación geográfica determinada "ciudad, municipio", y su distancia de cobertura es mayor de 4 Km. Son redes con dos buses unidireccionales, cada uno de ellos es independiente del otro en cuanto a la transferencia de datos. Es básicamente una gran versión de LAN y usa una tecnología similar. Puede cubrir un grupo de oficinas de una misma corporación o ciudad, esta puede ser pública o privada. El mecanismo para la resolución de conflictos en la transmisión de datos que usan las MANs, es DQDB. DQDB: consiste en dos buses unidireccionales, en los cuales todas las estaciones están conectadas, cada bus tiene una cabecera y un fin. Cuando una computadora quiere transmitir a otra, si esta está ubicada a la izquierda usa el bus de arriba, caso contrario el de abajo. Las Redes LAN (redes de área local) Son redes pequeñas, entendiendo como pequeñas las redes de una oficina, de un edificio. Debido a sus limitadas dimensiones, son redes muy rápidas en las cuales cada estación se puede comunicar con el resto. Están restringidas en tamaño, lo cual significa que el tiempo de transmisión, en el peor de los casos, se conoce. Además, simplifica la administración de la red. Suelen emplear tecnología de difusión mediante un cable sencillo (coaxial o UTP) al que están conectadas todas las máquinas. Operan a velocidades entre 10 y 100 Mbps Las Redes WAN (redes de área extensa) son redes punto a punto que interconectan países y continentes. Al tener que recorrer una gran distancia sus velocidades son menores que en las LAN aunque son capaces de transportar una mayor cantidad de datos. El alcance es una gran área geográfica, como por ejemplo: una ciudad o un continente. Está formada por una vasta cantidad de computadoras interconectadas (llamadas hosts), por medio de subredes de comunicación o subredes pequeñas, con el fin de ejecutar aplicaciones, programas, etc. 2. Clasificación según su distribución lógica
- 2. Profesora: Mg. Janett Julca Flores Pág. 2 Todos los ordenadores tienen un lado cliente y otro servidor: una máquina puede ser servidor de un determinado servicio pero cliente de otro servicio. Servidor. Máquina que ofrece información o servicios al resto de los puestos de la red. La clase de información o servicios que ofrezca determina el tipo de servidor que es: servidor de impresión, de archivos, de páginas web, de correo, de usuarios, de IRC (charlas en Internet), de base de datos. Cliente. Máquina que accede a la información de los servidores o utiliza sus servicios. Ejemplos: Cada vez que estamos viendo una página web (almacenada en un servidor remoto) nos estamos comportando como clientes. También seremos clientes si utilizamos el servicio de impresión de un ordenador remoto en la red (el servidor que tiene la impresora conectada). TOPOLOGIAS: La topología de la LAN la define el hardware. Hay tres topologías básicas: Estrella (Star) Se la llama así pues hay un centro denominado hub ó concentrador hacia el cual convergen todas las líneas de comunicación. Cada máquina tiene un enlace exclusivo con el hub ó concentrador. Los sistemas host terminales también usan una topología estrella, con el host en el centro, pero se diferencian por la forma de comunicación. En las LANs, el hub es un dispositivo que, sea activo o pasivo, permite que todas las estaciones reciban la transmisión de una; en los sistemas con host, sólo el host recibe. En una red, la comunicación entre dos estaciones es directa; en un sistema con host, unaterminal se comunica con el host y el host con la otra. Bus: En esta topología hay un cable que recorre todas las máquinas sin formar caminos cerrados ni tener bifurcaciones. Eléctricamente, un bus equivale a un nodo pues los transceptores de todas las máquinas quedan conectados en paralelo. A los efectos de mantener la impedancia constante en el cableado de la red, se deben conectar dos "terminadores" en ambos extremos del cableado de la misma. Anillo: En este caso, las líneas de comunicación forman un camino cerrado. La información generalmente recorre el anillo en forma unidireccional, cada máquina recibe la información de la máquina previa, la analiza, y si no es para ella, la retransmite a la siguiente. En este tipo de red la comunicación se da por el paso de un token o testigo, que se puede conceptualizar como un cartero que pasa recogiendo y entregando paquetes de información, de esta manera se evitan eventuales pérdidas de información debidas a colisiones. Cabe mencionar que si algún nodo de la red se cae (término informático para decir que esta en mal funcionamiento o no funciona para nada) la comunicación en todo el anillo se pierde. Malla:
- 3. Profesora: Mg. Janett Julca Flores Pág. 3 Es una topología de red en la que cada nodo está conectado a uno o más de los otros nodos. De esta manera es posible llevar los mensajes de un nodo a otro por diferentes caminos. Si la red de malla está completamente conectada no puede existir absolutamente ninguna interrupción en las comunicaciones. Cada servidor tiene sus propias conexiones con todos los demás servidores. INTERNET 1. HISTORIA DEL INTERNET Como la mayoría de los avances científicos y tecnológicos, Internet nació como un proyecto militar, que con el paso del tiempo ha sobrepasado su aplicación inicial Hace unos 30 años, y con la tensión de la Guerra Fría con la URSS, a los EEUU se les planteó un problema. ¿Cómo podrían mantener los ordenadores la comunicación de manera que todos fueran independientes? Así, si uno de ellos era destruido, el resto podría seguir comunicándose. La primera propuesta fue de Paul Barán en 1964. Todos los ordenadores serían igual de importantes y todos tendrían el mismo papel. La información se dividiría en "paquetes" que, al igual que los paquetes en el mundo real, llevarían un remitente (origen) y un destinatario (destino). La ruta que el paquete tomara debería ser irrelevante, y los paquetes irían de ordenador a ordenador hasta llegar al destino. La idea gustó y el ARPA (Advanced Reseach Projects Agency) decidió respaldar el proyecto, ARPANET era una red experimental de investigación militar, en particular la investigación sobre cómo construir redes que pudieran soportar fallas parciales (como las producidas por bombardeos) y aún así funcionar. En 1971 había 15 nodos (ordenadores) y en el año siguiente 37. Al segundo año se descubrió que más de la mitad de los mensajes que se intercambiaban no eran de larga distancia. Casi todo eran mensajes personales. A lo largo de los años 70, ARPA creció y se descentralizó el control, extendiéndose el número de nodos. En 1996 se estimaban 80 millones de ordenadores conectados a Internet, mientras que hoy se encuentran conectados más de 260 millones de ordenadores. 1945: Lick..... ha tenido la primera concepción de maquinas de intercambio de documentación, lo que luego se conoció como “hipertexto”. 1957 : La URSS lanza el Sputnik y como respuesta, los EEUU forman el ARPA (Agencia de Proyectos de Investigación) dentro del DOD (Departamento de Defensa) 1970 : Los ordenadores (hosts) de ARPANET empiezan usando el protocolo de comunicaciones propuesto (NCP) 1971 : 15 nodos, con 23 ordenadores host. 1972 : Se inventa el programa de correo Electrónico 1981 : BITNET empieza como red corporativa en Nueva York. 1982 : Se idea el TCP/IP, protocolo actual de Internet. 1986 : Se crea el programa de News. 1988 : IRC (Internet Relay Chat) se pone en marcha. 1991 : Se crea el WWW (World Wide Web) 1992 : Se conectan las grandes Entidades (Casa Blanca, el Banco Mundial,...) 1995 : Se ponen en marcha el resto de servicios adicionales: Java, código móvil, etc ... 1996 : Se contabilizan alrededor de 80 millones de ordenadores en Internet. 2. DEFINICIÓN DE INTERNET Internet es una red internacional de computadoras interconectadas, capaces de compartir información y que permite comunicar a distintos usuarios sin importar su ubicación geográfica. Para que estas computadoras puedan compartir cualquier información, es preciso que tengan un "lenguaje en común"
- 4. Profesora: Mg. Janett Julca Flores Pág. 4 (TCP - Transfer Control Protocol y un protocolo o lenguaje de direcciones IP - Internet Protocol) y esto es posible gracias a la existencia de un protocolo de comunicación. 3. REQUISITOS PARA ACCEDER A INTERNET Computadora Línea telefónica. Módem. Cuenta con un proveedor. Software (Programas) 4. SERVICIOS BÁSICOS EN INTERNET Correo electrónico (E-mail): Gracias a él se mandan mensajes a cualquier persona que disponga de una cuenta de correo en Internet. Los mensajes abarcan tanto texto como ficheros informáticos de cualquier característica, que se almacenan en el servidor de correo hasta que el destinatario se conecta y los recoge. ¿Cómo llega un correo electrónico a su destino? Así como una carta se detiene varias veces en distintas oficinas postales antes de llegar a su destino, los E- mail pasan de una computadora, conocida como Mail Server, o servidor de correo, a otra a medida que viajan por la Internet. Cuando llegan al servidor de correo de destino, se almacenan en un buzón electrónico hasta que el destinatario lo abra. Todo este proceso puede tardar unos pocos segundos, lo que le permite rápidamente comunicarse con gente alrededor del mundo a cualquier hora del día o de la noche. Recibir Un Correo Electrónico Para recibir correo electrónico, usted debe tener una cuenta en un servidor de correo. Es como la dirección en donde recibe sus cartas. Una ventaja sobre el correo ordinario es que usted puede acceder a su correo electrónico desde cualquier lugar. Una vez que se ponga en contacto con el servidor de correo, puede descargar sus mensajes. SMTP (Protocolo de transmisión de correo simple) funciona en conjunto con los servidores POP (protocolo de oficina de correos), cuando usted envía un mensaje de correo electrónico, su computadora lo envía a un servidor SMTP. Direcciones De Correo Electrónico Las direcciones de correo electrónico en Internet generalmente tienen la siguiente estructura: [email protected] Nombre del usuario: Se refiere al buzón de correo electrónico del usuario. Signo de arroba: @ Nombre del dominio: Nombre del host o anfitrión (learnthenet) o nombre de dominio. Esto se refiere al servidor de correo, la computadora donde el usuario tiene un buzón de correo electrónico. Generalmente es el nombre de una compañía u organización. (Nótese que la dirección NO lleva espacios)
- 5. Profesora: Mg. Janett Julca Flores Pág. 5 Tipo de Dominio: Dependiendo del tipo de empresa, por ejemplo .com para empresas comerciales. El nombre de un anfitrión que termine en .edu significa que es una universidad o entidad educativa y .org indica que el servidor es una organización no comercial. Se recomienda que para el nombre del usuario se forme con la primera letra de su nombre y el apellido paterno, o una combinación de ellos. Por ejemplo: [email protected] ó [email protected] Transferencia de archivos o FTP: En Internet se puede encontrar grandes cantidades de software y millones de archivos a los que se accede fácilmente mediante un proceso llamado FTP o protocolo de transferencia de archivos. Grupos de discusión o News: Se puede participar en más de 15.000 grupos de discusión distintos o incluirse en la lista de distribución de forma automática. Word Wide Web: WWW (World Wide Web) o Páginas Web es una compleja Telaraña de páginas relacionadas y enlazadas entre sí. Una típica página Web contiene palabras e imágenes, como la de una revista, pero con una gran diferencia: la información es interactiva. Recorrer la Web es muy parecido a utilizar un CD-ROM Multimedia. Lo único que necesitas para acceder a la WWW es una conexión estándar a Internet y un Navegador. Las páginas de la WWW son el aspecto más vistoso e innovador de Internet. Haciendo clic en palabras, imágenes e iconos, se navega de un sitio a otro de una forma rápida y sencilla. Dominios De Primer Nivel Estos nombres simbólicos corresponden a secuencias breves de números, letras o guiones separadas por puntos. Dominios De Organización Se basan en el plan de direccionamiento creado antes de que Internet fuese una red internacional. Contienen definiciones del tipo de organización a la que pertenece el ordenador (educativa, comercial, militar, etc.). DOMINIOS DE TIPO DE ORGANIZACIÓN DOMINIO SIGNIFICADO .com Organización comercial .edu Institución educativa .gob Institución gubernamental .int Organización internacional .org Organización sin ánimo de lucro DOMINIOS DE TIPO DE PAIS DOMINIO SIGNIFICADO .es España .fr Francia .gr Grecia .cl Chile .co Colombia .ca Canada
- 6. Profesora: Mg. Janett Julca Flores Pág. 6 Los Navegadores Un "navegador" es una herramienta que se utiliza para acceder a los sitios Web y explorar Internet. Los más utilizados son el Internet Explorer de Microsoft y el Netscape Navigator. Ambos navegadores son shareware o freeware y se descargan gratuitamente de sitios FTP o de algunas páginas Web. Existe una lista detallada de navegadores: Internet Explorer, Mozilla, Konqueror (KHTML), Netscape Navigator (hasta la versión 4.xx), Opera, iCab, OmniWeb, Dillo, IBrowse, AWeb, Voyager, Espial Escape, HotJava, IEs4Linux y SpaceTime . SITIOS WEB (URL) URL es la abreviatura de "Uniform Resource Locator" (Localizador Universal de Recursos). Es un modo de dirigirse a información en el Web, describe exactamente dónde se encuentra la información. Cada sitio Web tiene una dirección propia y única. Una URL podría ser: http://www.trujillo.sencico.gob.pe Normalmente puedes "navegar" o saltar de una página a otra simplemente pulsando con el ratón sobre las zonas activas. Sin embargo, si conoces una dirección Web específica (o URL) puedes teclearla en la zona de tu navegador destinada a tal efecto. Indica a tu navegador que quieres conectarte a un documento Web Indica que se encuentra en un país determinado Es el nombre del servidor en el cuál está la página Web que estas solicitando Te indica que el servidor es una organización del gobierno
- 7. Profesora: Mg. Janett Julca Flores Pág. 7 PAGINAS WEBS Una página web, es un documento de la World Wide Web que típicamente incluye texto, imágenes y enlaces hacia otros documentos de la red. También puede contener animaciones, sonidos, programas especiales, y cualquier otro tipo de documento, por medio de diversas tecnologías. Para desarrollar un sitio web (conjunto de páginas webs), podemos optar por dos tipos de páginas: 1. Páginas estáticas: con las que no podemos interactuar más allá de los enlaces de la misma. Se construyen con el lenguaje HTML y son muy sencillas de desarrollar, pero ofrecen pocas ventajas a programadores y usuarios porque sólo presentan texto plano e imágenes (pueden incluir contenido multimedia como sonido e imágenes). Las páginas estáticas le ofrecen: • Portabilidad, funcionan en cualquier servidor • Tiempos de acceso óptimos • Máximo desempeño y funcionalidad • Diversidad de aplicaciones y componentes existentes • Extenso soporte en todo el mundo • Costos de hospedaje menores • Mínimos requerimientos técnicos para su operación • No se requiere ninguna instalación ni configuración de software 2. Páginas dinámicas: las que nos permiten interactuar con ellas (por ejemplo: permiten buscar en el contenido de todo el sitio, etc). Se desarrollan con lenguajes que se ejecutan en el servidor (php, asp, etc.), además del simple HTML. Las páginas dinámicas le ofrecen: • Facilitan tener al día la información • Mayor dinamismo en el sitio • Diferentes áreas pueden participar en el mantenimiento • Contenidos reutilizables • Presentación de contenidos en diversos dispositivos y formatos • Renovación constante de la imagen del sitio • Los autores de contenido no requieren conocimientos técnicos • Control total sobre la administración de contenidos • Reducción de costos de mantenimiento Los lenguajes utilizados para la generación de este tipo de páginas son: Perl CGI PHP JSP ASP Los manejadores de bases de datos que pueden trabajar con páginas dinámicas son : PostgresSQL MySQL Oracle Microsoft SQL Server LENGUAJES DEL LADO SERVIDOR O CLIENTE
- 8. Profesora: Mg. Janett Julca Flores Pág. 8 El navegador es una especie de aplicación capaz de interpretar las órdenes recibidas en forma de código HTML fundamentalmente y convertirlas en las páginas que son el resultado de dicha orden. Cuando se hace clic sobre un enlace hipertexto, en realidad lo que pasa es que establecemos una petición de un archivo HTML residente en el servidor (un ordenador que se encuentra continuamente conectado a la red) el cual es enviado e interpretado por nuestro navegador (el cliente). Así pues, se habla de lenguajes de lado servidor que son aquellos lenguajes que son reconocidos, ejecutados e interpretados por el propio servidor y que se envían al cliente en un formato comprensible para él. Por otro lado, los lenguajes de lado cliente (entre los cuales no sólo se encuentra el HTML sino también el Java y el JavaScript los cuales son simplemente incluidos en el código HTML) son aquellos que pueden ser directamente "digeridos" por el navegador y no necesitan un pretratamiento. Cada uno de estos tipos tiene por supuesto sus ventajas y sus inconvenientes. Así, por ejemplo, un lenguaje de lado cliente es totalmente independiente del servidor, lo cual permite que la página pueda ser albergada en cualquier sitio sin necesidad de pagar más ya que, por regla general, los servidores que aceptan páginas con scripts de lado servidor son en su mayoría de pago o sus prestaciones son muy limitadas. Inversamente, un lenguaje de lado servidor es independiente del cliente por lo que es mucho menos rígido respecto al cambio de un navegador a otro o respecto a las versiones del mismo. LENGUAJES DEL LADO CLIENTE HTML El lenguaje llamado HTML indica al navegador donde colocar cada texto, cada imagen o cada video y la forma que tendrán estos al ser colocados en la página. Elel lenguaje consta de etiquetas que tienen esta forma <B> o <P>. Cada etiqueta significa una cosa, por ejemplo <B> significa que se escriba en negrita (bold) o <P> significa un párrafo, <A> es un enlace, etc. Casi todas las etiquetas tienen su correspondiente etiqueta de cierre, que indica que a partir de ese punto no
- 9. Profesora: Mg. Janett Julca Flores Pág. 9 debe de afectar la etiqueta. Por ejemplo </B> se utiliza para indicar que se deje de escribir en negrita. Así que el HTML no es más que una serie de etiquetas que se utilizan para definir la forma o estilo que queremos aplicar a nuestro documento. <B>Esto está en negrita</B>. JAVASCRIPT Javascript es un lenguaje de programación utilizado para crear pequeños programitas encargados de realizar acciones dentro del ámbito de una página web. Se trata de un lenguaje de programación del lado del cliente, porque es el navegador el que soporta la carga de procesamiento. Su uso se basa fundamentalmente en la creación de efectos especiales en las páginas y la definición de interactividades con el usuario. Las sentencias escritas en javascript se encapsulan entre las etiquetas <script> y </script>. por ejemplo, si en el código de una página Web incluimos la sentencia <script> window.alert("Bienvenido a mi sitio web. Gracias...") </script> APPLETS DE JAVA Es otra manera de incluir código a ejecutar en los clientes que visualizan una página web. Se trata de pequeños programas hechos en Java, que se transfieren con las páginas web y que el navegador ejecuta en el espacio de la página. Los applets de Java están programados en Java y precompilados, es por ello que la manera de trabajar de éstos varía un poco con respecto a los lenguajes de script como Javascript. Los applets son más difíciles de programar que los scripts en Javascript y requerirán unos conocimientos básicos o medios del lenguaje Java. La principal ventaja de utilizar applets consiste en que son mucho menos dependientes del navegador que los scripts en Javascript, incluso independientes del sistema operativo del ordenador donde se ejecutan. Además, Java es más potente que Javascript, por lo que el número de aplicaciones de los applets podrá ser mayor. Como desventajas en relación con Javascript cabe señalar que los applets son más lentos de procesar y que tienen espacio muy delimitado en la página donde se ejecutan, es decir, no se mezclan con todos los componentes de la página ni tienen acceso a ellos. Es por ello que con los applets de Java no podremos hacer directamente cosas como abrir ventanas secundarias, controlar Frames, formularios, capas, etc. VISUAL BASIC SCRIPT Es un lenguaje de programación de scripts del lado del cliente, pero sólo compatible con Internet Explorer. Es por ello que su utilización está desaconsejada a favor de Javascript. Está basado en Visual Basic, un popular lenguaje para crear aplicaciones Windows. Tanto su sintaxis como la manera de trabajar están muy inspiradas en él. Sin embargo, no todo lo que se puede hacer en Visual Basic lo podremos hacer en Visual Basic Script, pues este último es una versión reducida del primero. El modo de funcionamiento de Visual Basic Script para construir efectos especiales en páginas web es muy similar al utilizado en Javascript y los recursos a los que se puede acceder también son los mismos: el navegador. FLASH
- 10. Profesora: Mg. Janett Julca Flores Pág. 10 Flash es una tecnología, y un programa, para crear efectos especiales en páginas web. Con Flash también conseguimos hacer páginas dinámicas del lado del cliente. Flash en realidad no es un lenguaje; Sin embargo, si tuvieramos que catalogarlo en algún sitio quedaría dentro del ámbito de las páginas dinámicas de cliente. Para visualizar las "películas" Flash, nuestro navegador debe tener instalado un programita (plug-in) que le permita visualizarlas. CSS CSS, es una tecnología que nos permite crear páginas web de una manera más exacta. Gracias a las CSS somos mucho más dueños de los resultados finales de la página, pudiendo hacer muchas cosas que no se podía hacer utilizando solamente HTML, como incluir márgenes, tipos de letra, fondos, colores... Incluso podemos definir nuestros propios estilos en un archivo externo a nuestras páginas; así, si en algún momento queremos cambiar alguno de ellos, automáticamente se nos actualizarán todas las páginas vinculadas de nuestro sitio. CSS son las siglas de Cascading Style Sheets, en español Hojas de estilo en Cascada. LENGUAJES DEL LADO SERVIDOR CGI Es el sistema más antiguo que existe para la programación de las páginas dinámicas de servidor. Actualmente se encuentra un poco desfasado por diversas razones entre las que destaca la dificultad con la que se desarrollan los programas y la pesada carga que supone para el servidor que los ejecuta. Los CGI se escriben habitualmente en el lenguaje Perl, sin embargo, otros lenguajes como C, C++ o Visual Basic pueden ser también empleados para construirlos. PERL Perl es un lenguaje de programación interpretado, al igual que muchos otros lenguajes de Internet como Javascript o ASP. Esto quiere decir que el código de los scripts en Perl no se compila sino que cada vez que se quiere ejecutar se lee el código y se pone en marcha interpretando lo que hay escrito. Además es extensible a partir de otros lenguajes, ya que desde Perl podremos hacer llamadas a subprogramas escritos en otros lenguajes. También desde otros lenguajes podremos ejecutar código Perl. ASP 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). PHP PHP es el acrónimo de Hipertext Preprocesor. Es un lenguaje de programación del lado del servidor gratuito e independiente de plataforma, rápido, con una gran librería de funciones y mucha documentación.
- 11. Profesora: Mg. Janett Julca Flores Pág. 11 JSP JSP es un acrónimo de Java Server Pages, que en castellano vendría a decir algo como Páginas de Servidor Java. Es, pues, una tecnología orientada a crear páginas web con programación en Java. Con JSP podemos crear aplicaciones web que se ejecuten en variados servidores web, de múltiples plataformas, ya que Java es en esencia un lenguaje multiplataforma. Por tanto, las JSP podremos escribirlas con nuestro editor HTML/XML habitual. LENGUAJES DEL LADO CLIENTE-SERVIDOR DHTML DHTML no es precisamente un lenguaje de programación. Más bien se trata de una nueva capacidad de la que disponen los navegadores modernos, por la cual se puede tener un mayor control sobre la página que antes. Cualquier página que responde a las actividades del usuario y realiza efectos y funcionalidades se puede englobar dentro del DHTML, pero en este caso nos referimos más a efectos en el navegador por los cuales se pueden mostrar y ocultar elementos de la página, se puede modificar su posición, dimensiones, color, etc. DHTML nos da más control sobre la página, gracias a que los navegadores modernos incluyen una nueva estructura para visualizar en páginas web denominada capa. Las capas se pueden ocultar, mostrar, desplazar, etc. Para realizar las acciones sobre la página, como modificar la apariencia de una capa, seguimos necesitando un lenguaje de programación del lado del cliente como Javascript o VBScript. En la actualidad, DHTML también puede englobar la programación en el servidor. Dentro del concepto de DHTML se engloban también las Hojas de Estilo en Cascada o CSS (Cascade Style Sheets), que veremos a continuación. XML XML es una tecnología en realidad muy sencilla que tiene a su alrededor otras tecnologías que la complementan y la hacen mucho más grande y con unas posibilidades mucho mayores. XML, con todas las tecnologías relacionadas, representa una manera distinta de hacer las cosas, más avanzada, cuya principal novedad consiste en permitir compartir los datos con los que se trabaja a todos los niveles, por todas las aplicaciones y soportes. Referencias Webs http://hosting.astalaweb.net/Dominios%20de%20Internet%201.asp http://petra.euitio.uniovi.es/~labra/cursos/ext03/FundInternet.pdf http://www.mati.unam.mx/index.php?option=com_content&task=view&id=100&Itemid=50
- 12. Profesora: Mg. Janett Julca Flores Pág. 12 HTML 1. Definición El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Por ejemplo, < etiqueta>texto que presentará el efecto</etiqueta> <B>texto</B> dará como efecto texto El título de la página Web se escribe entre las etiquetas <TITLE> y </TITLE>. Como ves, ambas etiquetas consisten en poner un mismo comando entre los símbolos "<" y ">". La primera etiqueta indica inicio, y la segunda, que incluye el símbolo "/", indica final. 2. Orígenes del HTML Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programación como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se visualizara en la forma como éste lo entienda. El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .html Estos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft Internet Explorer. También existe el HTML Dinámico (DHTML), que es una mejora de Microsoft de la versión 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la página palabra por palabra o efectos de transición al estilo de anuncio publicitario giratorio entre página y página. 3. Editar páginas Web Cualquier editor de texto permite crear páginas web. Para ello sólo es necesario crear los documentos con la extensión HTML o HTM, e incluir como contenido del documento el código HTML deseado. Puede utilizarse incluso el Bloc de notas para hacerlo. Hoy en día existe una amplia gama de editores de páginas web. Uno de los más utilizados, y que destaca por su sencillez y por las numerosas funciones que incluye, es Macromedia Dreamweaver. Además de Dreamweaver, existen otra serie de buenos editores de páginas web, como pueden ser Microsoft Frontpage, Adobe Pagemill, Adobe GoLive, NetObjects Fusion, CutePage, HotDog Proffesional, Netscape Composer y Arachnophilia, algunos de los cuales tienen la ventaja de ser gratuitos. 4. La estructura básica de una página WEB Para que un navegador reconozca que lo que está viendo es una página WEB se utiliza la siguiente estructura: <HTML> (Etiqueta que indica que lo que viene a continuación es un documento HTML) <HEAD>(Etiqueta de apertura de la cabecera). Aquí va la información sobre el título de la página, el autor, palabras clave, etc. que no se presentarán en la ventana del navegador, salvo el título que aparecerá en la barra de título de la parte superior </HEAD>(Etiqueta de cierre de la cabecera) <BODY>(Etiqueta de apertura del cuerpo) Aquí va el contenido de la página que será lo que se presente en pantalla. </BODY>(Etiqueta de cierre del cuerpo) </HTML>(Etiqueta de cierre del documento)