Curso. Programación Web

Tamaño: px
Comenzar la demostración a partir de la página:

Download "Curso. Programación Web"

Transcripción

1 Curso Programación Web Modelo Paracurricular Desarrollador de Software 2004 V I

2 Bienvenida Ahora que ya conoces la programación orientada a objetos, tienes la capacidad de desarrollar diversas aplicaciones. En este módulo tendrás la oportunidad mostrar que eres una persona exitosa, capaz de enfrentar retos que requieren iniciativa y creatividad en el desarrollo de programación Web y de utilizar nuevas herramientas con las que podrás crear aplicaciones cliente-servidor. Agradecimiento y Reconocimiento Después de una ardua tarea de investigación se ha logrado la creación de una obra vasta en conocimiento en el desarrollo de las Tecnologías de la Información y Comunicación. La presente obra no hubiera sido posible sin la valiosa aportación de destacados autores y especialistas en la materia. Es por ello que a manera de reconocimiento queremos agradecer su participación: PROGRAMACIÓN WEB Mtro. Pedro Bello López Benemérita Universidad Autónoma de Puebla Ing. Yalú Galicia Hernández Benemérita Universidad Autónoma de Puebla Introducción En el mundo están sucediendo grandes cambios que hacen que las personas se adentren más en la tecnología. Es por eso que el curso de Programación Web está desarrollado para que seas impulsor de este cambio. Como primer paso veremos los elementos de la arquitectura de Internet, después la forma en que se desarrollan los sitios Web, considerando los aspectos de programación, así como las aplicaciones en la vida moderna, tomando en cuenta siempre a las personas que las utilizan. Modelo Paracurricular Desarrollador de Software 2004 V II

3 Este módulo tiene dos enfoques de desarrollo, De acuerdo a tus intereses y al finalizar el capítulo 2, podrás elegir el enfoque que prefieras para trabajar durante el curso (cada enfoque abarca 3 capítulos). Al finalizar estos, concluiremos con el capítulo 6, en donde podrás aplicar cualquiera de los dos enfoques en aplicaciones reales. Esperamos que muestres la iniciativa y responsabilidad que en otros cursos para que aproveches tus habilidades de la mejor forma posible en este curso. Recuerda que tu tutor tiene un compromiso de honestidad, responsabilidad y lealtad contigo, al igual con las personas con las que interactúas. Intenciones Educativas En este curso se pretende que obtengas las habilidades y los conocimientos necesarios para proponer soluciones Web originales, basadas en el autoaprendizaje y la reflexión, asumiendo actitudes de honestidad, responsabilidad y confidencialidad. Además, el curso de programación Web está encaminado a desarrollar tu creatividad para obtener productos de software que proporcionen un servicio de calidad. Objetivos GENERALES Al finalizar el curso serás capaz de aplicar las diferentes herramientas y lenguajes de programación en Internet para el desarrollo de aplicaciones Web. ESPECIFICOS Conocerás la arquitectura de desarrollo en Internet. Podrás desarrollar aplicaciones Web en la plataforma que elijas Aplicarás las herramientas para crear páginas Web estáticas, dinámicas y activas. Vincularás bases de datos dentro de las aplicaciones Web. Aplicarás los conocimientos adquiridos en el desarrollo de un sitio Web. Modelo Paracurricular Desarrollador de Software 2004 V III

4 Metodología En el curso de POO utilizaremos distintas técnicas de aprendizaje para cubrir los contenidos. A continuación encontrarás una breve descripción de dichas técnicas. Adicionalmente, en las actividades de aprendizaje podrás encontrar las indicaciones específicas en relación con la técnica utilizada en cada una de ellas. APRENDIZAJE BASADO EN PROBLEMAS (ABP) La técnica de Aprendizaje Basado en Problemas (ABP, ó del inglés PBL-Problem Based Learning ) es una técnica didáctica constructivista. La cual consta de los siguientes pasos: 1. El docente formará grupos de alumnos que trabajarán en equipo para resolver el problema del escenario propuesto. Se nombrará un secretario por equipo, el cual organizará el funcionamiento del mismo y se encargará de enviar los resultados de las actividades realizadas al profesor. 2. El docente presentará el material del escenario, asignará roles y unificará criterios. 3. Los estudiantes elaborarán una serie de preguntas respecto al escenario; posteriormente, procurarán resumir el problema del escenario planteándolo (de ser posible) en forma de una sola pregunta. El docente verificará que tal pregunta sea la apropiada. 4. Una vez establecida la pregunta principal y las preguntas particulares, los estudiantes analizarán y seleccionarán en equipo las preguntas más relevantes a investigar. 5. Como primer entregable, cada estudiante entregará un reporte individual correspondiente a una investigación hecha por él mismo. 6. Posteriormente, ya en equipo, lo integrantes discutirán en equipo los resultados de su investigación para establecer en común las respuestas a las preguntas planteadas. 3. Finalmente, como segundo y último entregable, cada integrante entregará un reporte individual, más sin embargo, este deberá reflejar los aspectos puestos en común en la discusión en grupo. Adicionalmente, en algunos casos de programación, se solicitarán la entrega de programas. Modelo Paracurricular Desarrollador de Software 2004 V IV

5 MÉTODO DE CASOS El método de casos es diferente a otros sistemas de enseñanza porque a diferencia de los sistemas tradicionales exige que se tome parte activa en el análisis de los problemas y en la determinación de alternativas o cursos de acción en situaciones reales muy específicas. El método de casos te pondrá en roles que implican toma de decisiones. Un punto muy importante del método es el análisis del caso ya que permite aprender, a través de la experiencia de otros casos similares para tú toma de decisiones. Entre más casos se resuelvan, mayor será tu habilidad para identificar los problemas y formular soluciones de la vida real, lo cual es de vital importancia, ya que no son situaciones inventadas. En el método de casos, las decisiones que se tomen y el proceso que se siga para tomar decisiones es la clave, desarrollando habilidades para la toma de decisiones, y que pueda sustentar mediante un análisis adecuado, aprendiendo en el proceso a comunicar tus criterios, a defender los hechos y opiniones en debates. Modelo Paracurricular Desarrollador de Software 2004 V V

6 Los pasos a seguir en el método de casos se muestran en el siguiente diagrama: COMPROBACIONES DE LECTURA La técnica de comprobación de lectura tiene como finalidad fomentar en el alumno la habilidad de leer, analizar y comprender. La comprensión que realices, se reflejará al final de cada lección, ya que se presenta una evaluación por medio de preguntas muy puntuales acerca de la lectura. Fuentes de Información Aquí podrás encontrar algunas ligas a Internet que te apoyarán en tu aprendizaje de los diferentes temas que forman este curso Arquitectura de Internet Tutorial TCP/IP Otro Tutorial sobre TCP/IP Algunos conceptos de Cliente-Servidor Modelo Cliente-Servidor net/curso/interne4.htm ASP.NET Universidad.NET Modelo Paracurricular Desarrollador de Software 2004 V VI

7 Tutorial de ASP.NET Reglas del Juego y Sistema de Evaluación Cada capítulo incluye diferentes actividades planeadas para reforzar tu aprendizaje. Estas actividades podrán ser: * Resolver cuestionarios * Realizar alguna investigación * Elaborar el diseño de alguna interface * Escribir programas o hasta una aplicación completa. Siempre y cuando la actividad se entregue en el tiempo y forma descrito en la misma actividad, podrá obtener el 100% del porcentaje total asignado e indicado en la forma de evaluación de la actividad. La suma de los porcentajes de las diferentes actividades suma el 100%, que corresponde al 100 en el curso. Los trabajos (investigaciones, programas, proyectos, etc) que serán enviados al tutor deberán seguir el formato que se indica a continuación: Investigaciones: invn_matricula.doc Donde N indica el número de investigación Programas progn_matricula.ext Donde N indica el número de programa y ext la extensión del archivo (.aspx,.aspx.cs, etc.) Proyectos (en archivo Zip) proyn_matricula.zip Donde N indica el número de proyecto Modelo Paracurricular Desarrollador de Software 2004 V VII

8 Contenido BIENVENIDA...II INTRODUCCIÓN...II INTENCIONES EDUCATIVAS...III OBJETIVOS...III METODOLOGÍA... IV FUENTES DE INFORMACIÓN...VI REGLAS DEL JUEGO Y SISTEMA DE EVALUACIÓN...VII 1. ARQUITECTURA ARQUITECTURA (COMO FUNCIONA EL INTERNET Y SERVICIOS QUE PROPORCIONA) ARQUITECTURA CLIENTE-SERVIDOR DISEÑO DE PÁGINAS LENGUAJE DE MARCAS HTML XML ELEMENTOS MULTIMEDIA Imágenes, Video y Sonido Animaciones FORMULARIOS WEB INTRODUCCIÓN CONTROLES DE SERVIDOR CONTROLES DE USUARIO ACCESO A DATOS TRABAJO CON OBJETOS SERVICIOS WEB INTRODUCCIÓN ESCRITURA DE SERVICIOS WEB UTILIZACIÓN DE DATOS EN SERVICIOS WEB OPTIMIZACIÓN DE APLICACIONES WEB ESTADO DE LA APLICACI ÓN SERVICIOS DE CACHÉ Usando el objeto caché Almacenamiento en caché de los resultados de página Almacenamiento en caché de fragmentos de página CONFIGURACIÓN Formato del archivo de configuración Recuperar la configuración SEGURIDAD Autenticación y Autorización Autenticación basada en Windows Autenticación basada en formularios APLICACIONES DE SITIOS WEB Modelo Paracurricular Desarrollador de Software 2004 V VIII

9 1. Arquitectura 1.1. ARQUITECTURA (Como funciona el Internet y servicios que proporciona) 1. Lea detalladamente el siguiente escenario: Escenario Arquitectura (que es Internet) Silvia una empresaria de mucho éxito en la venta de servicios de recursos humanos en los años 80 s y principios de los 90 s después de darle de beber leche a su linda gatita partió a su oficina, en donde también labora su hijo Bebo, el cual tiene mucho interés en que la empresa de su madre continué con el éxito que ha tenido ya que a últimas fechas la cartera de clientes se ha mantenido y va disminuyendo la demanda de sus servicios en lugar de aumentar, su madre es una persona emprendedora pero por su edad no es tan fácil convencerla del uso de la tecnología ya que siempre ha pensado que el trato personal en el área de recursos humanos es lo que cuenta, por tal motivo Bebo ha decidido que tiene que convencer a su madre de ofrecer algún servicio innovador dentro del área de recursos humanos a fin de poder mantener he incrementar su cartera de clientes para poder lograrlo, piensa que lo primero que debe hacer es convencer a Silvia de Cómo funciona el Internet y los servicios que puede proporcionar? por tal motivo decido tomarse un tiempo de 4 hrs. En la que mostró las bondades del Internet a Silvia ya que entro a sitios de Internet donde consulto información, compro un producto, contesto su mail, bajo información de productos que quería comprar y cada operación y/o consulta que hacia le explicaba ampliamente a Silvia. Al terminar su sesión demostrativa Silvia continuo con su trabajo cotidiano y camino a casa recordó lo sucedido con su hijo y pensaba que ella debería conocer un poco mas del tema y así reconsideraría la petición de Bebo de darle la oportunidad de realizar una aplicación en el área de R.H. Después de cenar y antes de conciliar el sueño por su mente solo pensaba como funciona eso de Internet, que se requiere para que funcione y que puedo hacer con el Internet. 2. Con base en el escenario, y trabajando en equipo, elabora una serie de preguntas sobre como ayudar a Silvia para que pueda disipar sus dudas. Elijan las 10 que consideren más relevantes y el secretario del equipo deberá colocarlas tareas Preguntas Arquitectura "metas de aprendizaje". 1.1 Modelo Paracurricular Desarrollador de Software 2004 V

10 3. Una vez que tengan el visto bueno del profesor sobre sus preguntas, lleva a cabo una investigación individual, que deberás colocar en tareas: Resumen individual Arquitectura 1.1 y te será calificado con la rúbrica de Resumen individual 5. Una vez que tengan la aprobación del profesor deberán elaborar una propuesta de solución a la pregunta de su definición del problema, así como su reporte el cual colocarás en Resumen por equipo Arquitectura 1.1, en donde se incluirá dicha propuesta y una síntesis de las respuestas a sus preguntas relevantes finales hechas en Preguntas Arquitectura "metas de aprendizaje". 1.1 El contenido del reporte debe cumplir con la siguiente rúbrica Resumen equipo Guía Tutorial, Arquitectura-cliente servidor 1. Materia: Programación Web 2. Tema: Arquitectura-Como funciona Internet y servicios que proporciona 3. Objetivos de aprendizaje: Poder describir la tecnología del Web 4. Escenario: Escenario Arquitectura (que es Internet) Silvia un empresaria de mucho éxito en la venta de servicios de recursos humanos en los años 80 s y principios de los 90 s después de darle de beber leche a su linda gatita partió a su oficina, en donde también labora su hijo Bebo, el cual tiene mucho interés en que la empresa de su madre continué con el éxito que ha tenido ya que a últimas fechas la cartera de clientes se ha mantenido y va disminuyendo la demanda de sus servicios en lugar de aumentar, su madre es una persona emprendedora pero por su edad no es tan fácil convencerla del uso de la tecnología ya que siempre ha pensado que el trato personal en el área de recursos humanos es lo que cuenta, por tal motivo Bebo ha decidido que tiene que convencer a su madre de ofrecer algún servicio innovador dentro del área de recursos humanos a fin de poder mantener he incrementar su cartera de clientes para poder lograrlo, piensa que lo primero que debe hacer es convencer a Silvia de Cómo funciona el Internet y los servicios que puede proporcionar? Después de cenar y antes de conciliar el sueño por su mente solo pensaba como funciona eso de Internet, que se requiere para que funcione y que puedo hacer con el Internet. 5. Posibles términos que deban clarificarse: 6. Definición del problema esperada: Como funciona el Internet? 7. Preguntas esperadas en el análisis del problema: Modelo Paracurricular Desarrollador de Software 2004 V

11 Como funciona el Internet? Que requerimientos de software se necesitan para usar el Internet? Qué requerimientos de hardware se necesitan para hacer un sitio de Internet? Qué servicios proporciona el Internet? Qué es un servicio? Qué es el correo electrónico? Qué es la mensajeria? Hay seguridad al trabajar en la Web? Qué tan factible es construir aplicaciones Web? Cuánto cuesta construir esto? 8. Metas de aprendizaje: Como funciona el Internet? Que requerimientos de software se necesitan para usar el Internet? Qué requerimientos de hardware se necesitan para hacer un sitio de Internet? Qué servicios proporciona el Internet? Rúbrica para evaluar el reporte de investigación individual Máximo 9 puntos. Ver rubrica resumen investigación personal Rúbrica para evaluar el reporte final de ABP (en equipo) por parte del tutor. Máximo 9 puntos Ver rubrica resumen investigación equipo 1.1 Arquitectura- TCP/IP y SERVICIOS 1. Lea detalladamente el escenario: Escenario Arquitectura (TCP/IP) A la semana siguiente Silvia estaba preocupa por la noticia que acaba de recibir uno de sus exclusivos y principales clientes sin saberlo ella, desde hace tiempo lo estaba compartiendo con un competidor eso significaba que empezaba a perder servicios con sus mejores clientes, aunque preocupada, estaba segura de que una nueva puerta llamada Internet se habría a su paso, así que mando llamar a Bebo y le pidió que tomara las acciones necesarias en la elaboración de productos de recursos humanos apoyados en la tecnología de Internet, luego recordó, que por su preocupación no había alimentado a su gata esa mañana. Fue así como Bebo decidió como primer paso hacer la compra de equipo de computo, la instalación de la red interna así como hacer una pequeña página Web que anunciará su empresa y decidió comprar 20 computadoras actuales, 1 switch para comunicar los 2 pisos de oficinas que tenia en el edificio (piso 20 con 12 equipos y el piso 15 con 8 equipos y un servidor) se instaló el servidor de correo y coloco algunos documentos que podrían bajar los clientes vía FTP (según el proveedor le había dicho). Y así pudo estrenar su flamante instalación y muy contento de poner a Silvia Consultores RH en la vanguardia de tecnología, pero a Modelo Paracurricular Desarrollador de Software 2004 V

12 pocos días tuvo varios problemas el correo a veces funcionaba y a veces no, los clientes se quejaban de que no siempre podían bajar bien los documentos y que la página no siempre estaba disponible que recibían un error que empezaba con algo de http... y 2 máquinas mostraban al iniciarse un mensaje que decía IP duplicada y ya no podían hacer uso de los servicios de red. Bebo consulto a varios asesores, pero no entendía bien lo que le decían algunos comentaron debes tener un servidor DHCP otros decían que bastaba con colocar una adecuada administración de direcciones IP otros comentaban que el switch no funcionaba y que solo con los concentradores bastaba mientras que los demás decían que le faltaba un dominio de Internet y una dirección fija, eso era demasiado para Bebo así que no sabía en que proveedor confiar el trabajo de los ajustes y la afinación del equipo recién adquirido. Así que pensó que estaba en esta indecisión por su carencia de conocimientos del tema. 2. Con base en el escenario, y trabajando en equipo, elaboren una serie de preguntas que ayuden a Bebo Elijan las 10 que consideren más relevantes y el secretario del equipo deberá colocarlas tareas Preguntas Arquitectura "metas de aprendizaje" Una vez que tengan el visto bueno del profesor sobre sus preguntas, lleva a cabo una investigación individual, que deberás colocar en tareas: Resumen individual Arquitectura 1.2 y te será calificado con la rubrica de Resumen individual 5. Una vez que tengan la aprobación del profesor deberán elaborar una propuesta de solución a la pregunta de su definición del problema, así como su reporte el cual colocarás en Resumen por equipo Arquitectura 1.2, en donde se incluirá dicha propuesta y una síntesis de las respuestas a sus preguntas relevantes finales hechas en Preguntas Arquitectura "metas de aprendizaje". 1.2 Modelo Paracurricular Desarrollador de Software 2004 V

13 El contenido del reporte debe cumplir con la siguiente rúbrica Resumen equipo Rúbrica para evaluar el reporte de investigación individual Máximo 9 puntos. Contenido del reporte Excelente 3 Bien 2 Regular 1 Mal 0 Total Metas de aprendizaje Las incluye y coinciden con el resto del equipo. Las incluye, pero difieren en algunos puntos de las del resto del equipo Las incluye, pero no coinciden con las del resto del equipo No las incluye Respuestas a las metas de aprendizaje Les da una respuesta clara y fundamentada en la bibliografía consultada Responde con cierto detalle, pero no fundamenta todas sus respuestas. Incluye diagrama(s) explicativo(s) No responde de manera completa todas las metas de aprendizaje Referencias bibliográficas Las incluye de manera completa y correcta. Las incluye de manera completa, pero no con el formato solicitado Incluye mas de 3 referencia s adicionales a las publicadas No las incluye TOTAL Modelo Paracurricular Desarrollador de Software 2004 V

14 Rúbrica para evaluar el reporte final de ABP (en equipo) por parte del tutor. Máximo 9 puntos. Contenido del reporte Excelente 3 Bien 2 Regular 1 Mal 0 Total Solución o explicación al problema Dan una solución/explicaci ón detallada al problema y con fundamentos sólidos. Dan una solución/explica ción detallada al problema, pero no la fundamentan de manera completa. Incluye diagrama(s) explicativo(s). El equipo no proporciona una solución/explica ción al problema. Síntesis de la información con la cual fundamentan la solución/explicación Sintetizan de manera lógica y coherente la información investigada por todos. Presentan un resumen lógico de la información recopilada por todos. Únicamente presentan listas de datos y/o copia de lo que cada quien investigó, sin darle coherencia. No la incluyen. Referencias bibliográficas Las incluye de manera completa y correcta. Las incluy e de manera completa, pero no con el formato solicitado Incluye mas de 3 referencia s adicionales a las publicadas No las incluye TOTAL Guía Tutorial Arquitectura-TCP/IP y Servicios 1. Materia: Programación Web 2. Tema: Arquitectura-TCP/IP 3. Objetivos de aprendizaje: Modelo Paracurricular Desarrollador de Software 2004 V

15 Entender el como funciona un red y sus principales servicios 4. Escenario: Escenario Arquitectura (TCP/IP) A la semana siguiente Silvia estaba preocupa por la noticia que acaba de recibir uno de sus principales y exclusivos clientes sin saberlo ella desde hace tiempo lo estaba compartiendo con un competidor eso significaba que iba a empezar a perder servicios con algunos de sus clientes importantes, aunque preocupada, estaba segura de que una nueva puerta llamada Internet se habría a su paso, así que mando llamar a Bebo y le pidió que tomaras las acciones necesarias en la elaboración de productos de recursos humanos apoyados en la tecnología de Internet, luego recordó que por su preocupación no había alimentado a su gata esa mañana. Fue así como Bebo decidió como primer paso hacer la compra de equipo de hardware y en la instalación de la red interna así como hacer una pequeña página Web que anunciara a su empresa y así decidió comprar 20 computadoras actuales, 1 switch para comunicar los 2 pisos de oficinas que tenia en el edificio (piso 20 con 12 equipos y el piso 15 con 8 equipos y un servidor) así como instalar la red y el servidor de correo y coloco algunos documentos que podrían bajar los clientes vía FTP (según el proveedor le había dicho). Y así pudo estrenar su flamante instalación y muy contento de poner a Silvia Consultores RH en la vanguardia de tecnología, pero a pocos días tuvo varios problemas el correo a veces funcionaba y a veces no, los clientes se quejaban de que no siempre podían bajar bien los documentos y que la página no siempre estaba disponible que recibían un error que empezaba con algo de http y 2 máquinas mostraban al iniciarse un mensaje que decía IP duplicada y ya no podían hacer uso de los servicios de red. Bebo consulto a varios asesores pero no entendía bien lo que le decían algunos comentaron debes tener un servidor DHCP otros decían que bastaba con colocar una adecuada administración de direcciones IP otros comentaban que el switch no funcionaba y que solo con los concentradores bastaba mientras que los demás decían que le faltaba un dominio de Internet y una dirección fija, eso era demasiado para Bebo así que no sabía a que proveedor decidir para darle el trabajo de los ajustes y afinación del equipo acabado de comprar. Así que pensó que estaba en esta indecisión por su carencia de conocimientos del tema. 5. Posibles términos que deban clarificarse: 6. Definición del problema esperada: Modelo Paracurricular Desarrollador de Software 2004 V

16 Qué es el tcp/ip? 7. Preguntas esperadas en el análisis del problema: Qué es el tcp/ip?, Cuál es la red en que se basa el Internet? Estas 2 preguntas son similares Cómo trasmite información el tcp/ip? Qué es el servicio de ? Qué es el servicio FTP? Qué otros servicios hay? Cómo funcionan los servios de Internet FTP, HTTP, SMTP, SHTP? Qué son los dominios? Cómo elegir un consultor? Cuánto cuesta los servicios de consultoría? Las amarillas son preguntas que podrían surgir pero que no son tratadas como parte del tema 8. Metas de aprendizaje: Qué es el tcp/ip? Cómo funcionan los servios de Internet FTP, HTTP, SMTP, SHTP? Cómo trasmite información el tcp/ip? Qué son los dominios? Rúbrica para evaluar el reporte de investigación individual Máximo 12 puntos. Ver rubrica resumen investigación personal Rúbrica para evaluar el reporte final de ABP (en equipo) por parte del tutor. Máximo 9 puntos Arquitectura cliente-servidor Introducción Cada día se incrementan los sitios Web con aplicaciones que demandan funcionalidad adicional de algún tipo de procesamiento y/o almacenamiento de datos por parte del servidor (no basta con de simplemente ver información de páginas estáticas), nos es relativamente fácil encontrar sitios Web que permiten registrar datos y posteriormente nos envían información de venta, también hay servicios de búsqueda de empleo sin olvidar los 2 servicios mas conocidos que son el Messenger y el , estos sistemas en su gran mayoría siguen el siguiente comportamiento. Modelo Paracurricular Desarrollador de Software 2004 V

17 En el servidor se guarda la información y es ahí donde se realizan las operaciones de base de datos. El cliente (usuario) desde su navegador (browser) activa el proceso de dar de alta sus datos, de hacer modificaciones o de consultar alguna información y posteriormente ver el resultado de cada operación en su pantalla. Este Web Quest tiene como finalidad comprender el modelo de programación que aplica en el Internet para poder construir aplicaciones que demanden alguna funcionalidad adicional de proceso en el servidor. La Tarea Tu eres miembro de la empresa de consultoría que llevará a cabo la asistencia técnica a la empresa Silvia Consultores RH, tu contacto principal será Bebo (el líder de proyecto por parte de la empresa Silvia Consultores RH) él te ha solicitado como primer paso que le expliques detalladamente y con ayuda de algunos diagramas el funcionamiento del modelo de programación de Internet Tu trabajo consiste en realizar un informe en Word y lo colocarás en el foro que se encuentra a continuación. Debes incluir diagramas y explicaciones concisas de como funciona el modelo de programación y los elementos de software y hardware mínimos que se requieren para su funcionamiento. El Proceso Para llevar a cabo la tarea debes utilizar el mismo equipo con el que has venido trabajando y realizar las siguientes acciones: Consulta las ligas de "cliente servidor" en la sección de recursos y determina cuales son los roles que desempeñan los clientes y cual el de los servidores. En base a las ligas de "cliente servidor" indica como se realiza la comunicación entre un cliente y un servidor y realiza un diagrama. En base a las ligas de "cliente servidor" menciona que componentes mínimos de hardware se requiere para que exista una comunicación de arquitectura clienteservidor e indique que función realiza cada uno de ellos. En base a las ligas de "cliente servidor" indica que componentes mínimos de software se requiere para que exista una comunicación de arquitectura clienteservidor e indique que función realiza cada uno de ellos. Modelo Paracurricular Desarrollador de Software 2004 V

18 En base a las ligas de "llamado de una página Web" realiza un diagrama que explique el proceso, que sucede cuando un usuario teclea una dirección de Internet y al cabo de un Tiempo él puede ver la página Web que solicitó (anexe un párrafo de al menos 120 palabras que explique el diagrama) Recursos Para cliente servidor, componentes de software y hardware utiliza los siguientes enlaces: Para comprender como se procesa el llamado de una página Web consulta los siguientes enlaces: Modelo Paracurricular Desarrollador de Software 2004 V

19 Evaluación Se evaluará el trabajo en equipo de acuerdo a la siguiente rúbrica. Contenido Orden y organización Diagramas gráficos y tablas Excelente 3 Explicaciones completas de todos los puntos y proporciona información adicional Trabajo bien ordenando y redacciones precisas que coincidan con los diagramas Los diagramas y/o dibujos son claros y ayudan al entendimiento de la arquitectura cliente servidor Bien 2 Explicaciones de todos los puntos Buen orden y que las explicaciones concuerden con los diagramas Contiene bastantes gráficos y diagramas Medio 1 Explicaciones incompletas,faltan fundamentos Problemas con el orden y/o clasificación de las explicaciones y presenta problemas de concordancia con los diagramas propuestos Los diagramas y/o dibujos son algo difíciles de entender. Incompleto 0 El equipo no presenta alguna explicación del problema No existe un orden en las ideas y estás no coinciden con los diagramas Ausencia de diagramas o no se pueden entender Conclusión Al completar esta actividad habrás entendido como funciona el modelo de programación de Internet conocido como cliente servidor, cuales son los componentes genéricos de software y hardware que se requieren y el proceso que sucede desde que escribes una dirección URL en un navegador (browser) y el servidor te devuelve la página html que solicitaste. Modelo Paracurricular Desarrollador de Software 2004 V

20 2. Diseño de Páginas 2.1. Lenguaje de Marcas HTML Objetivos Al terminar este tema tendrás tu primera página HTML la cual será base para añadirle más componentes en los siguientes temas. Instrucciones Consulta la demostración que se encuentra ubicada en los materiales de apoyo del curso. Prueba los ejemplos que se te proporcionan. Investiga el uso de las etiquetas que no son completamente explicadas dentro del material del curso. Resuelve los ejercicios propuestos ubicados en la sección de evaluación. Material del curso. Mejora los ejercicios propuestos según tu creatividad y sube tu página a un servidor (p.e. yahoo) y envíale la dirección a tu tutor para tu evaluación. TIP: Copia los ejemplos proporcionados para ver su resultado y después ve quitando pequeñas partes de código para entender mejor su uso. Productos esperados / Evaluaciones Construye una página Web que contenga como mínimo los siguientes puntos: 1. Historia de la computación. Por generaciones, realizando un cuadro comparativo en el cual especificas las características más importantes dentro de cada una, este lo puedes realizar mediante el uso de tablas. Modelo Paracurricular Desarrollador de Software 2004 V

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos:

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Conceptos básicos de la internet y la web Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Internet: Red mundial de computadoras

Más detalles

Prácticas H T M L U.A.C.M COMPUTACIÓN II

Prácticas H T M L U.A.C.M COMPUTACIÓN II Prácticas H T M L U.A.C.M COMPUTACIÓN II M a r c o s Práctica VI HTML Básico El primer objetivo de esta práctica es familiarizarse con el uso de los marcos y posteriormente ubicar la forma de como podemos

Más detalles

UNIDAD I HOJA ELECTRÓNICA DE CÁLCULO

UNIDAD I HOJA ELECTRÓNICA DE CÁLCULO UNIDAD I HOJA ELECTRÓNICA DE CÁLCULO COMPETENCIA PARTICULAR: Utiliza herramientas de la hoja electrónica de cálculo para el procesamiento de la información en su ámbito académico, social y laboral. PRACTICA

Más detalles

Objetivos. El alumno conocerá los elementos indispensables para crear una página web. 1. Crear una página web básica utilizando html.

Objetivos. El alumno conocerá los elementos indispensables para crear una página web. 1. Crear una página web básica utilizando html. Objetivos El alumno conocerá los elementos indispensables para crear una página web. Al final de esta práctica el alumno podrá: 1. Crear una página web básica utilizando html. Introducción El lenguaje

Más detalles

GUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL

GUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL GUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL Maneja herramientas informáticas vigentes que le permiten administrar y difundir información diversa en un contexto social, académico y laboral

Más detalles

ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ

ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ CECYTEM PLANTEL NICOLAS ROMERO II Manual para crear páginas web en HTML GRUPO: 301 ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ HTML (HyperText Markup Language - Lenguaje de Marca de Hipertextos)

Más detalles

Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción

Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción Etiquetas Básicas (Estructura HTML) Inicio y final del documento html text link alink vlink topmargin (IE) leftmargin (IE) marginheight margin

Más detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 3 Horas Objetivo General: Construir páginas Web en base

Más detalles

Apuntes básicos de HTML I.E.S. Pintor José María Fernández

Apuntes básicos de HTML I.E.S. Pintor José María Fernández Manual Básico de HTML Este manual lo he realizado con la intención de servir como primer contacto con el lenguaje HTML (Hyper Text Markup Language), que es el que se utiliza para la creación de páginas

Más detalles

HTML Guía de trabajo para 3º ESO

HTML Guía de trabajo para 3º ESO HTML Guía de trabajo para 3º ESO Página 2 Índice 1. Qué es HTML?... 3 2. Cómo son las páginas Web?... 3 3. Qué es un sitio Web?... 3 4. Práctica 1. Crear un sitio web local... 4 5. Primera página HTML...

Más detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 63 Horas Objetivo General: Construir páginas Web a partir

Más detalles

CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB

CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO PRIMER BIMESTRE GRADO UNDECIMO CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB UNIDAD TEMÁTICA: INICIANDO CON HTML Y DREAMWEAVER

Más detalles

Tema 3. Conceptos Básicos de HTML. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda!

Tema 3. Conceptos Básicos de HTML. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Tema 3. Conceptos Básicos de HTML ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Lenguajes de descripción! Grupo de lenguajes que describen cómo representar

Más detalles

Introducción a la plataforma Moodle Aníbal de la Torre 2006. Plataforma Moodle. Gestión y administración de un curso

Introducción a la plataforma Moodle Aníbal de la Torre 2006. Plataforma Moodle. Gestión y administración de un curso Plataforma Moodle Gestión y administración de un curso El panel de administración----------------------------------------------------------- 2 Gestión de personas (alumnos y profesores) ------------------------------------

Más detalles

Antes de comenzar un sitio. Empezar un sitio web

Antes de comenzar un sitio. Empezar un sitio web Antes de comenzar un sitio Es muy recomendable realizar la siguiente actividad, de evaluación de páginas web, para tener ideas y recursos. http://www.uamvirtual.es/mod/assignment/view.php?id=3228 Empezar

Más detalles

Unidad 1. Introducción a HTML (I)

Unidad 1. Introducción a HTML (I) Unidad 1. Introducción a HTML (I) A lo largo de este tema vamos a conocer los conceptos básicos sobre HTML, y cómo se utiliza para crear páginas web. Qué es HTML El HTML (Hyper Text Markup Language) es

Más detalles

CREACION DE PÁGINAS WEB

CREACION DE PÁGINAS WEB PRESENTA: CREACION DE PÁGINAS WEB OBJETIVO Conocer la aplicación de los paquetes mas utilizados para la implementación t diseño de una pagina Web. DIRIGIDO A: Estudiantes de informática, Ofimática y Personas

Más detalles

Diseño Web. Sitio Web Conjunto de páginas web relacionadas entre sí.

Diseño Web. Sitio Web Conjunto de páginas web relacionadas entre sí. Internet Es una red de redes de ordenadores, que intercambian información basándose en el protocolo TCP/IP. Existen diversas formas de acceder a Internet: Correo electrónico, FTP, Videoconferencia, y la

Más detalles

Taller de Paginas Web

Taller de Paginas Web Taller de Paginas Web Las páginas web son documentos de texto que se comparten en la red. La mecánica es la siguiente : Un ordenador de usuario, que llamarermos cliente, hace una petición a una direccion

Más detalles

Curso de capacitación en Moodle

Curso de capacitación en Moodle Curso de capacitación en Moodle Aveleyra, Ema Barbiric, Doris Chiabrando, Laura Corach, Julián Dadamia, Danilo Dominguez, Cristina Ferrini, Adrián Gimenez, Claudia Jiménez Rey, Elizabeth Pérez, Fernando

Más detalles

CUADERNILLO DE PRÁCTICAS

CUADERNILLO DE PRÁCTICAS UNIVERSIDAD INTERAMERICANA PARA EL DESARROLLO CUADERNILLO DE PRÁCTICAS Aplicaciones Educativas WEB CUADERNILLO DE PRÁCTICAS Introducción Las posibilidades que brindan las tecnologías de la información

Más detalles

XML. El nuevo lenguaje universal

XML. El nuevo lenguaje universal Tema: XML el nuevo lenguaje universal. Autor: Marlene Melián Montalvo Institución: CITMATEL. Este trabajo consiste en una introducción al lenguaje XML. En el mismo se da a conocer su surgimiento, definiciones

Más detalles

Capítulo 1 Documentos HTML5

Capítulo 1 Documentos HTML5 Capítulo 1 Documentos HTML5 1.1 Componentes básicos HTML5 provee básicamente tres características: estructura, estilo y funcionalidad. Nunca fue declarado oficialmente pero, incluso cuando algunas APIs

Más detalles

En primer lugar necesitamos indicar el tipo de documento que estamos creando. Esto en HTML5 es extremadamente sencillo:

En primer lugar necesitamos indicar el tipo de documento que estamos creando. Esto en HTML5 es extremadamente sencillo: 1 Estructura global Los documentos HTML se encuentran estrictamente organizados. Cada parte del documento está diferenciada, declarada y determinada por etiquetas específicas. En esta parte del capítulo

Más detalles

HTML. guía rápida de referencia. Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003

HTML. guía rápida de referencia. Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 HTML guía rápida de referencia Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 Basado en la normativa sobre HTML4 disponible en: http://www.w3.org/tr/html4/ Jorge Sánchez 2003 índice introducción...

Más detalles

Unidad II: Lenguaje de marcado

Unidad II: Lenguaje de marcado Unidad II: Lenguaje de marcado 2.1 Introducción Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información

Más detalles

TEMA 9 CREACIÓN DE PÁGINAS WEB

TEMA 9 CREACIÓN DE PÁGINAS WEB TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio

Más detalles

Curso Diseño Web con Software libre, VNU

Curso Diseño Web con Software libre, VNU 1. - QUE ES VNU? NVU (se pronuncia N-view, por "new view") es un editor de páginas web libre y gratuito desarrollado bajo la modalidad Open Source, o sea que cualquiera está autorizado para bajarlo sin

Más detalles

TEMA 5 LA FAMILIA XML EN LA NUEVA WEB

TEMA 5 LA FAMILIA XML EN LA NUEVA WEB TEMA 5 LA FAMILIA XML EN LA NUEVA WEB La Web, tanto cuantitativa como cualitativamente, se ha desarrollado extraordinariamente siendo el objeto de este texto ubicar el papel que XML juega y va a jugar

Más detalles

HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto)

HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto) HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto) Introducción Un lenguaje de marcas es una forma de codificar junto con el texto, incorporando etiquetas que contienen información adicional

Más detalles

JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: miércoles, 2 de marzo de 2011)

JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: miércoles, 2 de marzo de 2011) JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO () (Última revisión: miércoles, 2 de marzo de 2011) Cuando nos introducimos en el mundo de las páginas Web nuestro objetivo fundamental es poder comunicarnos con

Más detalles

SERVICE DEFINITION MANUAL DEL ADMINISTRADOR

SERVICE DEFINITION MANUAL DEL ADMINISTRADOR SERVICE DEFINITION MANUAL DEL ADMINISTRADOR Versión de producto: 1.5 Última revisión: 11-11-2008 2008 Carabela Consulting, S.L. Este documento contiene información confidencial. Página 1 de 18 ÍNDICE 1.

Más detalles

Introducción a la plataforma Moodle Aníbal de la Torre 2006. Plataforma Moodle. Accediendo a los contenidos

Introducción a la plataforma Moodle Aníbal de la Torre 2006. Plataforma Moodle. Accediendo a los contenidos Plataforma Moodle Accediendo a los contenidos Formatos ----------------------------------------------------------------------- 2 Glosarios -----------------------------------------------------------------------

Más detalles

Introducción: páginas web y navegadores

Introducción: páginas web y navegadores IB14 Informática Aplicada a la Construcción Creación de páginas web con HTML Introducción: páginas web y navegadores Una página web, pese a la gran cantidad de colores, imágenes e información que puede

Más detalles

Lectura No. 7. Contextualización. Nombre: Programa integrador de medios DISEÑO DIGITAL 1

Lectura No. 7. Contextualización. Nombre: Programa integrador de medios DISEÑO DIGITAL 1 Diseño Digital DISEÑO DIGITAL 1 Lectura No. 7 Nombre: Programa integrador de medios Contextualización En estos días la importancia de tener un sitio web se ha vuelto fundamental para que las empresas y

Más detalles

Manual del Profesor/a Por favor, mándenos sus comentarios, sugerencias y mejoras a vcampos@ciberaula.net

Manual del Profesor/a Por favor, mándenos sus comentarios, sugerencias y mejoras a vcampos@ciberaula.net Manual del Profesor/a Por favor, mándenos sus comentarios, sugerencias y mejoras a vcampos@ciberaula.net Introducción Proyectos es un Sistema de Gestión de Comunidades Virtuales en Web, creado por Quaderns

Más detalles

DESARROLLO WEB EN ENTORNO CLIENTE

DESARROLLO WEB EN ENTORNO CLIENTE DESARROLLO WEB EN ENTORNO CLIENTE CAPÍTULO 1: Selección de arquitecturas y herramientas de programación Juan Manuel Vara Mesa Marcos López Sanz David Granada Emanuel Irrazábal Jesús Javier Jiménez Hernández

Más detalles

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PRIVADO MADRE JOSEFINA VANNINI

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PRIVADO MADRE JOSEFINA VANNINI Página: 1 de 43 INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PRIVADO MADRE JOSEFINA VANNINI PLATAFORMA VIRTUAL DOCENTE (AULA VIRTUAL) 2012 I. INGRESANDO A LA PLATAFORMA 1.1. Cómo ingresar al aula virtual?

Más detalles

El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto:

El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto: Plantilla de texto plano El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto: Título: Es el título que aparecerá identificando

Más detalles

INTRODUCCIÓN... 4 REQUERIMIENTOS TÉCNICOS... 4 CÓMO ACCEDER AL AULA VIRTUAL... 5. Cómo accedo a la plataforma?... 5

INTRODUCCIÓN... 4 REQUERIMIENTOS TÉCNICOS... 4 CÓMO ACCEDER AL AULA VIRTUAL... 5. Cómo accedo a la plataforma?... 5 Contenido INTRODUCCIÓN... 4 REQUERIMIENTOS TÉCNICOS... 4 CÓMO ACCEDER AL AULA VIRTUAL... 5 Cómo accedo a la plataforma?... 5 Cómo me inscribo en un curso?... 5 He perdido mi contraseña, cómo puedo recuperarla?...

Más detalles

Cursito 27: Curso de HTML Parte 3

Cursito 27: Curso de HTML Parte 3 Por Roxana Bassi rox@roxanabassi.com.ar / http://www.roxanabassi.com.ar Publicado en la sección los cuadernos de Internet World en la revista Internet World Latinoamérica en el período 1995-1999 Cursito

Más detalles

ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: domingo, 15 de febrero de 2009)

ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: domingo, 15 de febrero de 2009) JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO () (Última revisión: domingo, 15 de febrero de 2009) Cuando nos introducimos en el mundo de las páginas Web nuestro objetivo fundamental es poder comunicarnos

Más detalles

Herramientas para crear páginas.

Herramientas para crear páginas. Herramientas para crear páginas. Herramientas para la creación de páginas Web. Como hemos visto resulta sencillo pero engorroso escribir directamente en HTML. Por ello es más sencillo utilizar un editor

Más detalles

PLATAFORMA VIRTUAL BASADA EN MOODLE

PLATAFORMA VIRTUAL BASADA EN MOODLE PLATAFORMA VIRTUAL BASADA EN MOODLE GUIA PARA DOCENTES GUIA PARA DOCENTES El siguiente documento es un manual de usuario para los profesores, en general, que pertenezcan a la Plataforma Virtual basada

Más detalles

1. Tutorial Página Personal... 2

1. Tutorial Página Personal... 2 Índice 1. Tutorial Página Personal... 2 1.1. Introducción... 2 1.2. Tutorial de edición de páginas web con Kompozer... 2 1.2.1. Descarga del programa... 2 1.2.2. Edición de la página web... 4 1.3. Como

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION CICLO 01-2016 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 1 Nombre de la practica: Introducción y conceptos básicos de HTML Lugar de ejecución:

Más detalles

Práctica de introducción a

Práctica de introducción a Práctica de introducción a XML El trabajo consiste en una introducción al uso del lenguaje XML y su aplicación en documentos y sistemas de caracteristicas multimedia. 1.- Qué es XML? XML (extensible Markup

Más detalles

Manual de publicación de contenido y actualización de sitios web

Manual de publicación de contenido y actualización de sitios web Manual de publicación de contenido y actualización de sitios web Basados en sistemas Wordpress El presente manual le presentará los distintos pasos para publicar contenidos a través de páginas y editar

Más detalles

HTML HTML HTML. Diseño de Sitios Web. Qué es HTML?

HTML HTML HTML. Diseño de Sitios Web. Qué es HTML? Diseño de Sitios Web 5 (I) Qué es? Es un lenguaje descriptivo con el cual se describe la estructura del texto y todos los elementos que se muestran en la página. Es el método más usado para publicar documentos

Más detalles

Prof. Luis Miguel Oliveros - Computación 3er Año

Prof. Luis Miguel Oliveros - Computación 3er Año NVU / KompoZer NVU es un editor de páginas web libre y gratuito desarrollado bajo la modalidad Open Source. Esta alternativa gratuita trae nuevas herramientas para facilitar el trabajo, convirtiéndola

Más detalles

Índice. HTML HyperText Markup Language. Conceptos básicos. Qué es HTML? Diseño de servicios Web HTML 1

Índice. HTML HyperText Markup Language. Conceptos básicos. Qué es HTML? Diseño de servicios Web HTML 1 Índice HTML HyperText Markup Language Conceptos básicos Historia y evolución de HTML XHTML vs. HTML HTML dinámico Hojas de estilo (CSS) DOM Diseño de servicios Web 2 DATSI Qué es HTML? Lenguaje de publicación

Más detalles

DISEÑOS DE PÁGINAS WEB CON N.V.U. E INICIACIÓN AL CÓDIGO HTML

DISEÑOS DE PÁGINAS WEB CON N.V.U. E INICIACIÓN AL CÓDIGO HTML DISEÑOS DE PÁGINAS WEB CON N.V.U. E INICIACIÓN AL CÓDIGO HTML Una página web es un documento escrito empleando un lenguaje denominado HTML (Hyper text Markup language; Lenguaje de marcas de hipertexto).

Más detalles

[MANUAL DE CAPACITACIÓN PARA LA ADMINISTRACIÓN DEL SITIO WEB DE LA CONTRALORÍA GENERAL]

[MANUAL DE CAPACITACIÓN PARA LA ADMINISTRACIÓN DEL SITIO WEB DE LA CONTRALORÍA GENERAL] [MANUAL DE CAPACITACIÓN PARA LA ADMINISTRACIÓN DEL SITIO WEB DE LA CONTRALORÍA GENERAL] [EDICIÓN DEL INICIO (HOME)] 1 2 3 5 4 1. Cambio Nota del Día Para cambiar la nota del día ubicada en el recuadro

Más detalles

Manual de Administrador

Manual de Administrador Servicio Manual de Administrador Web 2.0 Servicio Web 2.0 Presentación Diseño Web Inicial Diseño Personalizado Control Contenidos Registro de Dominio Hosting en Servidor Correos Electrónicos Con Redes

Más detalles

INTRODUCCIÓN AL WEB. Pag. 1 de 10

INTRODUCCIÓN AL WEB. Pag. 1 de 10 INTRODUCCIÓN AL WEB La World Wide Web o simplemente WWW o Web es uno de los métodos más importantes de comunicación que existe en Internet. Consiste en un sistema de información basado en Hipertexto (texto

Más detalles

Nos identificamos con nuestro nombre de usuario y la contraseña y llegamos a esta página

Nos identificamos con nuestro nombre de usuario y la contraseña y llegamos a esta página ADMINISTRACIÓN DEL SITIO WEB Todos los jefes de Departamento, coordinadores de proyectos y directivos del Centro somos administradores de la página web. Cada uno tendrá la responsabilidad de administrar

Más detalles

Taller 1. Creación una Página Web Personal

Taller 1. Creación una Página Web Personal Taller 1 Creación una Página Web Personal El objetivo de este taller es comenzar a trabajar los elementos básicos utilizados en HTML como imágenes, hipervínculos (links), listas, tablas, para crear una

Más detalles

Curso básico de creación de páginas web

Curso básico de creación de páginas web Curso básico de creación de páginas web Programa de formación docente UAM 2005-2006 Miguel Sevilla Callejo Abril 2006 Departamento de Geografía Universidad Autónoma de Madrid Objetivos Desarrollar las

Más detalles

Guía de uso de Moodle para participantes

Guía de uso de Moodle para participantes Guía de uso de Moodle para participantes ÍNDICE 1 QUÉ ES MOODLE?... 3 2 INTRODUCCIÓN A LA PLATAFORMA... 4 2.1 ACCESO... 4 2.2 CURSO... 5 2.2.1 BLOQUES... 6 3 RECURSOS Y MÓDULOS... 8 3.1 TRANSMISIVOS...

Más detalles

Crear una página Html con el Editor.

Crear una página Html con el Editor. Crear una página Html con el Editor. El Editor de Páginas HTML de RODAS permite a los usuarios crear, cargar y editar una serie de páginas web HTML que se almacenará en Mis Objetos o en una colección durante

Más detalles

Plantilla de texto plano

Plantilla de texto plano Plantilla de texto plano Esta es la plantilla seleccionada por defecto al crear una nueva página. Título: Es el título que aparecerá identificando a la página, así como en la cabecera del documento en

Más detalles

Manual del Estudiante

Manual del Estudiante Manual del Estudiante EST http://estvirtual.iese.edu.ar Cabildo 15 -(C1426AAA) Ciudad Autónoma de Buenos Aires Tel: ( 54-11) 4779-3356 Plataforma de e-learning Learning Management System Manual del estudiante

Más detalles

HTML & Fila Zilla. Temario:

HTML & Fila Zilla. Temario: HTML & Fila Zilla Conocer la estructura de tus páginas te permite tener un control total sobre estas, sin mencionar, que también te permite modificar la apariencia de tus sitios con CSS y mejorar tu presencia

Más detalles

Curso de Visual Basic 6.0 - Lección 1 Area Interactiva - www.areaint.com. www.areaint.com CURSO DE. Visual Basic 6.0 WWW.AREAINT.

Curso de Visual Basic 6.0 - Lección 1 Area Interactiva - www.areaint.com. www.areaint.com CURSO DE. Visual Basic 6.0 WWW.AREAINT. www.areaint.com CURSO DE Visual Basic 6.0 Pág. 1 LECCIÓN 1 En esta lección de introducción aprenderemos las principales características de un lenguaje de programación para crear aplicaciones bajo Windows.

Más detalles

MANUAL DE REFERENCIA DE PROGRAMACIÓN HTML

MANUAL DE REFERENCIA DE PROGRAMACIÓN HTML MANUAL DE REFERENCIA DE PROGRAMACIÓN HTML HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con

Más detalles

Páginas Web Barcelona

Páginas Web Barcelona Páginas Web Barcelona Requisito previo: Todos los asistentes deben de tener previo conocimiento de las plataformas Macintosh o Windows. Se prefiere que los delegados tengan una experiencia básica en HTML

Más detalles

Actividad: Título de la actividad: Duración: Objetivo: Materiales: Tarea previa: Páginas web de referencia:

Actividad: Título de la actividad: Duración: Objetivo: Materiales: Tarea previa: Páginas web de referencia: Actividad: Segundo laboratorio: páginas de marcos usando notepad Título de la actividad: Tablas, ligas y marcos Duración: 105 minutos Objetivo: Crear una página Web con marcos utilizando el editor de texto.

Más detalles

Manual de gestión de contenidos web en entorno Drupal. Versión sitio maestro para servicios 1.0

Manual de gestión de contenidos web en entorno Drupal. Versión sitio maestro para servicios 1.0 Manual de gestión de contenidos web en entorno Drupal Versión sitio maestro para servicios 1.0 Contenido Gestión de contenidos... 5 Crear contenidos... 5 Tipos de contenido... 5 Página básica o basic

Más detalles

Sesión No. 4. Contextualización INFORMÁTICA 1. Nombre: Procesador de Texto

Sesión No. 4. Contextualización INFORMÁTICA 1. Nombre: Procesador de Texto INFORMÁTICA INFORMÁTICA 1 Sesión No. 4 Nombre: Procesador de Texto Contextualización La semana anterior revisamos los comandos que ofrece Word para el formato del texto, la configuración de la página,

Más detalles

Nociones basicas de HTML

Nociones basicas de HTML Nociones basicas de HTML Para comprender lo que veremos mas adelante es necesario tener conocimientos basicos de informatica e Internet en entorno Windows. Para hacer los ejercicios basta con un Navegador

Más detalles

Diseño de Páginas Web 2011

Diseño de Páginas Web 2011 Diseño de Páginas Web 2011 PRESENTACIÓN Proporciona ejemplos de páginas web reales, disponibles en Internet; se presenta el lenguaje HTML y las hojas de estilo en cascada (CSS), enfatizando la utilización

Más detalles

Manual del Estudiante

Manual del Estudiante Manual del Estudiante Por favor, mándenos sus comentarios, sugerencias y mejoras a teleensino@cesga.es Indice Índice de Contenidos Página de Bienvenida...2 Inscripción...2 Mis Cursos...3 Modificar mi perfil...4

Más detalles

Tecnología Multimedia

Tecnología Multimedia Tecnología Multimedia Profesor Coordinador: Manuel Castro Antonio Colmenar, UNED Profesores de la asignatura: Manuel Castro, UNED Lenguajes de Marcado Índice LENGUAJES DE MARCADO... 3 Lenguajes de marcado

Más detalles

H T M L. Marquesinas y Listas U.A.C.M COMPUTACIÓN II. Prácticas

H T M L. Marquesinas y Listas U.A.C.M COMPUTACIÓN II. Prácticas Prácticas H T M L U.A.C.M COMPUTACIÓN II Marquesinas y Listas Práctica VII HTML Básico El objetivo es trabajar con dos elementos que nos darán un mejor aspecto a la información que se visualice en nuestra

Más detalles

Para acceder al Panel de control de JOOMLA 1.5 se disponen de dos medios:

Para acceder al Panel de control de JOOMLA 1.5 se disponen de dos medios: 2 ACCESO Para acceder al Panel de control de JOOMLA 1.5 se disponen de dos medios: Forma directa: Hay que introducir la dirección del portal al que se quiere acceder concretamente. De esta manera se entrará

Más detalles

MANUAL DE EDICIÓN EN MOODLE UNIVERSIDAD DE ANTIOQUIA

MANUAL DE EDICIÓN EN MOODLE UNIVERSIDAD DE ANTIOQUIA MANUAL DE EDICIÓN EN MOODLE UNIVERSIDAD DE ANTIOQUIA INTRODUCCIÓN Las transformaciones producidas en el área de la comunicación relacionadas con la informática permiten abrir nuevos caminos en la educación.

Más detalles

c/ Ausias March 5, Bloque 7, 5C Denia, C.P. 03700 Alicante, España 644 317 266 info@soluciones4web.com

c/ Ausias March 5, Bloque 7, 5C Denia, C.P. 03700 Alicante, España 644 317 266 info@soluciones4web.com Manual de Buenas Prácticas de maquetación en html Una buena maquetación es fundamental para obtener un diseño elegante, compatible con todos los navegadores y que cumpla las normas de accesibilidad establecidas.

Más detalles

MANUAL DE USUARIO Joomla 1.5. Parte 2

MANUAL DE USUARIO Joomla 1.5. Parte 2 MANUAL DE USUARIO Joomla 1.5 Parte 2 Página 1 de 26 Tabla de contenido 2. Gestión del contenido... 3 2.1 Gestión de contenido para usuarios del Front-end... 3 2.2 Gestión de contenido para usuarios del

Más detalles

MÓDULO 4: Interactividad. Objetivos: Contenidos: Unidad 1: combinar correspondencia. Unidad 3: hipervínculos y trabajo en línea

MÓDULO 4: Interactividad. Objetivos: Contenidos: Unidad 1: combinar correspondencia. Unidad 3: hipervínculos y trabajo en línea MÓDULO 4: Interactividad Objetivos: Manejar la creación de cartas y otros documentos personalizados Crear documentos interactivos a base de hipervínculos y marcadores Enviar archivos de Word por correo

Más detalles

Documento en blanco, el cual permite al seleccionarlo y pulsando el botón

Documento en blanco, el cual permite al seleccionarlo y pulsando el botón Acceder a un nuevo documento Manejo de documentos y de archivos Cuando se inicia Word, aparecerá en pantalla un documento nuevo (en blanco) que por defecto se llama Documento1. Para crear un documento

Más detalles

ETIQUETA DISEÑO DE PÁGINA

ETIQUETA DISEÑO DE PÁGINA ETIQUETA DISEÑO DE PÁGINA Es la tercera etiqueta de Excel 2007, agrupa las herramientas de temas 10, configuración de pagina, ajustes del área de impresión, opciones de la hoja (cuadriculas y encabezados),

Más detalles

PLATAFORMA EDUCATIVA VIRTUAL ÁREA DE CIENCIAS Y TECNOLOGÍA

PLATAFORMA EDUCATIVA VIRTUAL ÁREA DE CIENCIAS Y TECNOLOGÍA PLATAFORMA EDUCATIVA VIRTUAL ÁREA DE CIENCIAS Y TECNOLOGÍA Plataforma Educativa Virtual ACyT Ing. Beto Orlando Calle Quispe Cel.: 67668933 Email: bto.orlando@gmail.com Sitio Web: www.uap-acyt.edu.bo INDICE

Más detalles

14.1 Configuración de las propiedades del documento

14.1 Configuración de las propiedades del documento Capítulo 14 Publicación 14.1 Configuración de las propiedades del documento V amos a abrir la película natura.fla guardada en la carpeta Curso Flash/ejemplos. No es necesario guardar los cambios producidos

Más detalles

proyecto atarraya Pequeño Manual de Publicación en SPIP

proyecto atarraya Pequeño Manual de Publicación en SPIP proyecto atarraya...internet con compromiso social Pequeño Manual de Publicación en SPIP Qué es SPIP? Técnicamente SPIP es un sistema de manejo de contenidos para sitios web, es decir un mecanismo que

Más detalles

Lenguaje HTML y páginas web. Alex Sánchez

Lenguaje HTML y páginas web. Alex Sánchez Lenguaje HTML y páginas web Alex Sánchez Introducción: La web y las páginas web Componentes de la web Como funciona la web? Como es la comunicación en la web El acceso a la Web suele basarse en un un explorador

Más detalles

Guía para proveedores de contenido. LiLa Portal Guía para proveedores de contenido. Crear Experimentos

Guía para proveedores de contenido. LiLa Portal Guía para proveedores de contenido. Crear Experimentos Library of Labs Content Provider s Guide Guía para proveedores de contenido LiLa Portal Guía para proveedores de contenido En el entorno de LiLa, los proveedores de contenido son los responsables de crear

Más detalles

HTML y XHTML. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014

HTML y XHTML. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014 HTML y XHTML Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014 Etiquetas Contenido de una página web: Contenido (información). Instrucciones de estructura

Más detalles

UNIDAD 4 HIPERENLACES

UNIDAD 4 HIPERENLACES UNIDAD 4 HIPERENLACES OBJETIVO El alumno será capaz de crear, modificar y probar hipervínculos personalizados en un documento de Dreamweaver. TEMARIO 4.1 CONCEPTO Y TIPOS DE ENLACES 4.2 PERSONALIZAR NUEVOS

Más detalles

Manual de Usuario CMS

Manual de Usuario CMS Manual de Usuario CMS Un sistema de gestión de contenidos o CMS (por sus siglas en inglés, Content Management System) en otras palabras es un programa que permite a usuarios sin experiencia en diseños

Más detalles

UNIVERSIDAD TECNOLÓGICA DE BAHÍA DE BANDERAS PORTAFOLIO DE ACTIVIDADES DE APRENDIZAJE

UNIVERSIDAD TECNOLÓGICA DE BAHÍA DE BANDERAS PORTAFOLIO DE ACTIVIDADES DE APRENDIZAJE UNIVERSIDAD TECNOLÓGICA DE BAHÍA DE BANDERAS PORTAFOLIO DE ACTIVIDADES DE APRENDIZAJE PROGRAMA EDUCATIVO ASIGNATURA DESARROLLO DE APLICACIONES WEB ACADEMIA TECNOLOGÍAS DE LA INCIÓN Y COMUNICACIÓN FECHA

Más detalles

Práctica 2: Diseño Web inicial. XHTML avanzado.

Práctica 2: Diseño Web inicial. XHTML avanzado. Grado de Información y Documentación Curso 2011-2012 33864-Informática II Práctica 2: Diseño Web inicial. XHTML avanzado. 1. Introducción y objetivos Introducción En esta práctica el alumno tendrá un tema

Más detalles

Manual de publicación en el backend de TYPO3

Manual de publicación en el backend de TYPO3 Manual de publicación en el backend de TYPO3 Manual de publicación en el backend de TYPO3 1 1 Introducción. Qué es Typo3?... 2 2 Frontend y Backend... 2 2.1 Conceptos generales...2 2.2 Log In...2 2.3 Secciones

Más detalles

5.1. Qué es Internet? controla todo el sistema, pero está conectado de tal manera que hace

5.1. Qué es Internet? controla todo el sistema, pero está conectado de tal manera que hace 5. Internet 5.1. Qué es Internet? Internet es una red mundial de equipos que se comunican usando un lenguaje común. Es similar al sistema telefónico internacional: nadie posee ni controla todo el sistema,

Más detalles

Índice. Introducción CMS CAMALEONS Presentación de plataforma Opciones. Configuración de la web Página de Inicio Barra Lateral Widgets

Índice. Introducción CMS CAMALEONS Presentación de plataforma Opciones. Configuración de la web Página de Inicio Barra Lateral Widgets Índice Introducción CMS CAMALEONS Presentación de plataforma Opciones Configuración de la web Página de Inicio Barra Lateral Widgets Cómo crear y administrar páginas Gestión de Módulos Gestión de usuarios

Más detalles

Gestores de Contenidos (CMS)

Gestores de Contenidos (CMS) Joomla Gestores de Contenidos (CMS) Sistema de Gestión de Contenidos o Content Managment System (CMS) Aplicación informática para crear, editar, manejar y publicar contenidos de una forma organizada y

Más detalles

Nueva Web de los SCTs http://www.sct.uniovi.es MANUAL DEL USUARIO

Nueva Web de los SCTs http://www.sct.uniovi.es MANUAL DEL USUARIO Nueva Web de los SCTs http://www.sct.uniovi.es MANUAL DEL USUARIO 1 ÍNDICE DE CONTENIDOS 1 Acceso a la edición de contenidos...3 1.1 Noticias...3 1.2 Utilización del editor de contenidos...6 1. Formato...6

Más detalles

manual formación web básica Ozongo Ozongo c/nicolás Copérnico 8, bajo 46980 Paterna (Valencia) 900 828 358 soporte@ozongo.com

manual formación web básica Ozongo Ozongo c/nicolás Copérnico 8, bajo 46980 Paterna (Valencia) 900 828 358 soporte@ozongo.com manual formación web básica Ozongo ÍNDICE Manual formación web básica Ozongo 1. ADMINISTRACIÓN 1.1. Secciones y portada 1.2. Menú 1.3. Diseño 1.4. Configuración de estadísticas 1.5. Estadísticas 2. CORPORATIVO

Más detalles

Programación Hipermedia 1

Programación Hipermedia 1 Programación Hipermedia 1 Práctica 2: HTML 1. Objetivos Aprender el lenguaje de marcado HTML y la importancia de escribir código correcto y conforme a la especificación oficial. Conocer algunas herramientas

Más detalles