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

Save this PDF as:
 WORD  PNG  TXT  JPG

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

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

Transcripción

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

2 Objetivos Desarrollar las capacidades básicas de edición, diseño y mantenimiento de páginas web de contenidos informativos estáticos Principios básicos de funcionamiento World Wide Web y lenguaje HTML creación de una página web básica diseño, texto, tablas, imágenes y enlaces publicación de archivos transferencia de ficheros entre el equipo de sobremesa y el servidor 25 de abril de

3 Introducción Internet World Wide Web Protocolos 25 de abril de

4 Internet Red de redes a escala mundial Millones de computadoras interconectadas Todas bajo un lenguaje común: el conjunto de protocolos de transmisión de datos por Internet TCP/IP - Protocolo de Control de Transmisión sobre Internet Utilizando este lenguaje se pueden desarrollar diferentes servicios: la Web (WWW) correo electrónico (SMTP) conversaciones en línea y mensajería instantanea transferencia de archivos (FTP) y muchos otros 25 de abril de

5 La World Wide Web La World Wide Web, la Web o WWW: del inglés Telaraña Mundial Es el sistema de información más popular de Internet Basado en la visualización de páginas con textos relacionados (hipertextos) Permite realizar una lectura no secuencial utilizando enlaces entre diferentes páginas, secciones y contenidos Elevado grado de interacción con la información presente Seguir enlaces, enviar información e interactuar con la Web se le denomina navegar o explorar 25 de abril de

6 Partes de la WWW Ordenador personal Internet Servidor Estructura local Hardware: nuestro ordenador Software: aplicación de navegación web Explorer, Firefox, Opera, Safari, Netscape, etc. Estructura de conexión Hardware: conjunto de redes interconectadas Software: Protocolos de comunicación Estructura remota Hardware: Servidor Software: aplicación para la gestión del servicio web y documentos con la información 25 de abril de

7 Servicio de alojamiento Para poder publicar en la WWW Se trata de espacios en donde alojar los documentos web Servicios de alojamiento Servidor de la UAM Ver página del CAU Proveedor de internet Otros servidores Servicios de pago Servicios gratuitos 25 de abril de

8 Comunicación web HTML Lenguaje de etiquetado de documentos hipertextual Hypertext Markup Language Bajo unas reglas precisas ISO8879 HTTP Protocolo de transferencia de hipertexto HyperText Transfer Protocol Otros lenguajes basados o complementarios del HTML XHTML (XML), DHTML, CSS Todos ellos funcionan sobre el protocolo HTTP 25 de abril de

9 Otro protocolo de utilidad: FTP Protocolo de transferencia de ficheros File Transfer Protocol Permite transmitir (publicar) desde el ordenador personal al servidor los documentos web que se desean utilizar PC estructura local Protocolo de transferencia de ficheros / FTP Servidor estructura remota c:\archivos\webpersonal\ index.html foto.jpg documento.pdf fttp://servidor.com/user457/ index.html foto.jpg documento.pdf 25 de abril de

10 Páginas web La importancia del contenido Diseño y presentación Publicación 25 de abril de

11 Página web Es un documento de la World Wide Web debe intentar cumplir los estándares de la World Wide Web Consortium, W3C normalmente en formato HTML Tipo de páginas web Estáticas Dinámicas tecnologías diversas: PHP, ASP Partes básicas de una página web texto imágenes formatos JPG, GIF y PNG enlaces entre diferentes páginas/ficheros internos (relacionan contenidos dentro de una misma página) otros complementos animaciones, sonidos, formularios, scripts, programas incrustados, etc 25 de abril de

12 Contenido Definir la temática página personal página de docencia divulgación científica otras Establecer una organización y jerarquizar contenidos Tener presente la interrelación de los documentos Una página web debe ser sencilla y fácil de utilizar contenido claro y bien estructurado 25 de abril de

13 Diferentes contenidos Página personal Introducción personal Docencia asignaturas Investigación líneas de trabajo proyectos de investigación Documentos publicaciones fotos Página de docencia Objetivos de la asignatura Temario a seguir Bibliografía recomendada Documentos de trabajo para los alumnos Enlaces a otras webs 25 de abril de

14 Diseño y presentación Establecer la distribución del contenido Colores y formas Debe primar la sencillez y la claridad de los contenidos Hay que encontrar un equilibrio entre la estética y la sencillez en el diseño-creación de la web Importante prestar atención a páginas ya diseñadas 25 de abril de

15 Algunos diseños encabezado encabezado índice de contenidos índice de contenidos texto e imágenes texto e imágenes imagen decorativa texto e imágenes pie de página 25 de abril de

16 Creación, publicación y navegación Creación de la página web Sobre un directorio local un directorio de nuestro disco duro PC estructura local Servidor estructura remota Publicación de la página web Colgando los ficheros en un directorio remoto un directorio en el servidor Navegación de la página web Navegando sobre una dirección web o URL Uniform Resource Locator World Wide Web estructura remota >>>>>>>>>> de abril de

17 Acceso al servidor y dirección web Utilizando el protocolo FTP Usando el explorador de Windows hay otras alternativas más completas software FTP específico (CuteFTP, WS-FTP, FileZilla, etc.) Es necesario un nombre de usuario y una contraseña La facilita el administrador del servidor servidor de la UAM: ftp://www.uam.es user: curso1 / password: popeye1 El directorio del servidor suele está estrechamente relacionado con la dirección web ftp Servidor UAM user curso1 password popeye1 md directorio de abril de

18 Organización de archivos Documento índice index.html ó default.html Nombres sencillos pero inteligibles cuidado con las letras raras, las mayúsculas y caracteres especiales Directorios (solo con muchos archivos) imágenes, documentos, etc. 25 de abril de

19 Programación básica HTML Principios básicos de HTML Etiquetas básicas Página web básica 25 de abril de

20 Principios básicos de HTML HTML Lenguaje de etiquetado para hipertexto Estándares: ISO W3C Puede ser editado por cualquier editor de texto Etiquetas la mayoría se abren y se cierran <etiqueta opción= valor > texto </etiqueta> apertura de etiqueta texto al que afecta cierre de etiqueta 25 de abril de

21 Principales etiquetas <html> </html> abre y cierra el texto en html <head> </head> abre y cierra la cabecera del documento <body> </body> abre y cierra el cuerpo del documento <p> </p> etiquetado de párrafos <br> salto de línea <table> </table> etiquetado para tablas las filas se identifican con las etiquetas <tr> </tr> y las celdas dentro de las filas con <td> </td> <ul> </ul> etiquetado de listas los elementos se separan con las etiquetas <li> </li> <!-- comentario --> permite añadir comentarios al código e invisibles al navegador 25 de abril de

22 Página web básica <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="es"> <head> <title>pagina web de ejemplo</title> </head> <body> <p>texto de la pagina web de ejemplo</p> </body> </html> 1 - etiqueta de referencia de lenguaje: HTML versión apertura de documento html 3 - inicio de cabeza del documento (head) 4 - título 5 - cierre de cabeza de documento 6 - inicio cuerpo del documento (body) 7 - parrafo con el texto de la página web 8 - cierre de cuerpo de documento 9 - cierre de documento html 25 de abril de

23 Software para crear páginas web Programas Nvu Uso y manejo de Nvu 25 de abril de

24 Programas para creación web Editores básicos de texto cualquier editor de texto como el bloc de notas de windows escribiendo directamente el código Editores específicos para web What You See Is What You Get (WYSIWYG) Lo que ves es lo que obtienes Permiten diseñar directamente el texto tal y como se verá en el navegador 25 de abril de

25 Programas comerciales Frontpage del paquete de ofimática de Microsoft utiliza estándares propios de esa empresa solo se ven correctamente las páginas en el navegador de esa empresa Dreamweaver el editor de páginas web más utilizado muy versátil y flexible 25 de abril de

26 Alternativas libres Programas de software libre Bajo licencias abiertas y gratuitas Nvu editor de web del equipo que programa firefox Amay Muy útil para usuarios avanzados Quanta sobre KDE de Linux 25 de abril de

27 barra de menús Nvu Interfaz de usuario barra de redacción barra de formato barra de exploración con pestañas área de trabajo barra de modos de edición 25 de abril de

28 Edición con Nvu (I) [preparar directorio de datos] Documento nuevo Archivo > Nuevo pulsando sobre botón nuevo Propiedades de página Formato > Título y propiedades de página 25 de abril de

29 Edición con Nvu (II) Editar texto cambiar color y tamaño negrita, cursiva y subrayado listas justificación tipo de letra Estilos de párrafos Texto sin formato Párrafo Títulos 25 de abril de

30 Edición con Nvu (III) Insertar imagen Crear tabla Crear marcador Crear enlace Guardar página Publicar página configurar acceso al servidor administrador de sitios a través del menú insertar con los botones 25 de abril de

31 Web de ejemplo Página web personal Estructura Archivo índice Documento de docencia Documentos de investigación Página de enlaces Diseño Cabecera, índice, cuerpo y pie de página Publicación Navegación 25 de abril de

32 Documentación Fuentes Errores frecuentes Algunos consejos 25 de abril de

33 Fuentes en la red Documentación Wikipedia Google Ayuda de Nvu Imágenes y multimedia Software relacionado 25 de abril de

34 Errores frecuentes Problemas con la sincronización de los archivos revisar actualización de archivos en el servidor Problemas con los nombres de los archivos no utilizar mayúsculas, espacios ni letras poco usuales 25 de abril de

35 Algunos consejos Organizar bien la información en relación a los archivos en relación a al contenido de los mismos Diseñar páginas web simples pero vistosas Lo importante es comunicar Respetar la netiqueta 25 de abril de

36 Complementos Contadores Buscador de Google en la web Hojas de estilo CSS Scripts Otros 25 de abril de

Introducción al desarrollo WEB. Tecnologías Web

Introducción al desarrollo WEB. Tecnologías Web Introducción al desarrollo WEB Tecnologías Web Un poco de Historia World Wide Web (WWW) Inventada por Tim Berners Lee en 1989!!! Mientras trabajaba European Organization for Nuclear Research (CERN) http://www.w3.org/consortium/history.html

Más detalles

GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII

GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUIA DISPONIBLE EN: http://preparadorivan.blogspot.com/ - http://preparadormssi.50webs.com/inicio.html La World Wide Web o la Web, es una de las múltiples

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

Päginas web ::: Introducción Diseño de materiales multimedia. Web 2.0. 1.1 Introducción

Päginas web ::: Introducción Diseño de materiales multimedia. Web 2.0. 1.1 Introducción 1. Páginas web 9 1.1 Introducción 10 1.1 Introducción 1.1.1 Conceptos básicos A modo de introducción y con el propósito de unificar terminología a continuación se describe el significado de algunos términos

Más detalles

Recuperación de Información en Internet Tema 2: La web

Recuperación de Información en Internet Tema 2: La web Recuperación de Información en Internet Tema 2: La web P.O.P. Língua e usos profesionais Miguel A. Alonso Jorge Graña Jesús Vilares Departamento de Computación Facultad de Informática Universidade da Coruña

Más detalles

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

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

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

PREPARATORIA DIURNA DE CUAUTLA

PREPARATORIA DIURNA DE CUAUTLA PREPARATORIA DIURNA DE CUAUTLA Taller de computación II Profr. ING. AARON TABOADA LOMEZ Tecnologías de la Información y Comunicación (TIC) Son aquellas herramientas computacionales que procesan, almacenan,

Más detalles

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C Introducción Internet en la actualidad 7 El World Wide Web Consortium y los estándares 7 Los programas de creación de sitios web 7 Objetivo del libro 8 Interfaz de creación El entorno del sistema 9 La

Más detalles

Clientes de correo electrónico Evidencia de actitud asociada: Responsabilidad

Clientes de correo electrónico Evidencia de actitud asociada: Responsabilidad GUÍA DE OBSERVACIÓN Los servicios de Internet: Módulo II: Creación de productos multimedia a través de software de diseño Navegadores Web Evidencia por desempeño: Los servicios de Internet utilizados.

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

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

Web. Web Diapositiva 1

Web. Web Diapositiva 1 Web Servicio WorldWideWeb Historia de la Web URL Dominios Dominio de alto nivel Cómo funciona? Hipertexto e Hipervínculos Sitios Web y Páginas de Inicio Cómo identificar los hipervínculos? Navegador Web

Más detalles

Introducción a Internet

Introducción a Internet Introducción a Internet Localización y acceso a la informacion Instituto de Ciencias de la Educación Jesús Tramullas Dpto. CC. Documentación http://tramullas.com/lai Historia de Internet Inicio proyecto

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

CREACIÓN DE PÁGINAS WEB CON NVU

CREACIÓN DE PÁGINAS WEB CON NVU CREACIÓN DE PÁGINAS WEB CON NVU 1. Introducción... 1 2. Instalación... 2 3. Antes de comenzar una página web... 2 4. Editar páginas web con NVU... 5 5. Definir el diseño de nuestro sitio... 6 5.1. Plantillas...

Más detalles

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES Objetivos Dotar al interesado de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar

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

Diseño WEB. Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos

Diseño WEB. Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos Herramientas de DISEÑO: Recursos Gráficos Software de Diseño Lenguaje de Programación Contenido curso practico; LENGUAJE

Más detalles

Creación de páginas Web FrontPage

Creación de páginas Web FrontPage Creación de páginas Web FrontPage 1.- Introducción Las páginas web están basadas en lo que se llama el hipertexto. En el hipertexto no hace falta seguir el documento de forma lineal, sino que se establecen

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

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

Reflexión. Inicio. Contenido

Reflexión. Inicio. Contenido Exploradores de Internet Navegador WEb Reflexión "Una máquina puede hacer el trabajo de 50 hombres corrientes. Pero no existe ninguna máquina que pueda hacer el trabajo de un hombre extraordinario. Elbert

Más detalles

Indice Dominio y Hosting... 1 Dominio y Hosting fácil de entender con una imagen... 3 Cómo funciona el dominio y hosting?... 4 Términos más usados en

Indice Dominio y Hosting... 1 Dominio y Hosting fácil de entender con una imagen... 3 Cómo funciona el dominio y hosting?... 4 Términos más usados en Dominio y Hosting Indice Dominio y Hosting... 1 Dominio y Hosting fácil de entender con una imagen... 3 Cómo funciona el dominio y hosting?... 4 Términos más usados en el internet... 5 http: hyper text

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

TEMA 8. Internet y la World Wide Web. Álvarez, S., Bravo, S., Departamento de Informática y automática Universidad de Salamanca

TEMA 8. Internet y la World Wide Web. Álvarez, S., Bravo, S., Departamento de Informática y automática Universidad de Salamanca TEMA 8 Internet y la World Wide Web Álvarez, S., Bravo, S., Departamento de Informática y automática Universidad de Salamanca Qué es Internet? Algunos autores, Internet es un acrónimo de INTERconected

Más detalles

INFORMÁTICA Tema: PÁGINA WEB

INFORMÁTICA Tema: PÁGINA WEB INFORMÁTICA Tema: PÁGINA WEB Mucha información se guarda en nuestra computadora, si recorremos las carpetas de nuestro disco duro encontraremos multitud de archivos o ficheros de distinta naturaleza que

Más detalles

Práctica 6 - Página Web

Práctica 6 - Página Web Práctica 6 - Página Web Teoría. Una Página Web es un recurso de información que esta diseñada para la Word Wide Web (Red Mundial) y puede ser vista por medio un Navegador Web. Esta información se encuentra

Más detalles

CÓMO CREAR UNA PÁGINA WEB

CÓMO CREAR UNA PÁGINA WEB CÓMO CREAR UNA PÁGINA WEB v.2 Índice 1 Introducción 3 2. Diseño gráfico 3 3. El Lenguaje HTML 3 4. Alojamiento y publicación 5 5. Promoción 8 6. Otras utilidades 9 6.1 Estadísticas 9 6.2 Contadores y Formularios

Más detalles

Web. Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver

Web. Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver Web Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver Álvarez, S., Bravo, S., Departamento de Informática y automática Universidad de Salamanca Sumario 1. Qué es Dreamweaver? 2. El entorno

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

PROGRAMA: Diseño y desarrollo Web con HTML 5,

PROGRAMA: Diseño y desarrollo Web con HTML 5, PROGRAMA: Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos y prácticos para poder desarrollar un

Más detalles

UF1302 Creación de páginas web con lenguajes de marcas

UF1302 Creación de páginas web con lenguajes de marcas UF1302 Creación de páginas web con lenguajes de marcas TEMA 1. Los lenguajes de marcas TEMA 2. Imágenes y elementos multimedia TEMA 3. Técnicas de accesibilidad y usabilidad TEMA 4. Herramientas de edición

Más detalles

Diseño de Páginas HTML

Diseño de Páginas HTML Diseño de Páginas HTML Modalidad: Distancia. Código: 0086 Desarrollar las habilidades necesarias para el diseño de páginas HTML de manera que resuelvan los problemas complejos que le surjan, además de

Más detalles

GUÍA DE TRABAJO GRADO 11 Programación de. Software Ing. Néstor Raúl Suarez Perpiñan Página 1 de 6. Tema: DESARROLLO WEB CON HTML

GUÍA DE TRABAJO GRADO 11 Programación de. Software Ing. Néstor Raúl Suarez Perpiñan Página 1 de 6. Tema: DESARROLLO WEB CON HTML Página 1 de 6 Objetivo: Tema: DESARROLLO WEB CON HTML Reconocer al Lenguaje de Marcado de Hipertexto (HTML) como la base para el desarrollo de páginas Web 1. PÁGINA WEB I. CONCEPTOS FUNDAMENTALES Una página

Más detalles

Localizar la dirección IP que corresponde al ordenador servidor donde se encuentran los archivos web.

Localizar la dirección IP que corresponde al ordenador servidor donde se encuentran los archivos web. Ejercicios: 1. Cuál es la función de un servidor DNS? Localizar la dirección IP que corresponde al ordenador servidor donde se encuentran los archivos web. 2. Qué diferencias existen entre una URL y una

Más detalles

Servidores web. Qué es un servidor web? Tipos de servidores. Lic. Lorena Bernis

Servidores web. Qué es un servidor web? Tipos de servidores. Lic. Lorena Bernis Servidores web Qué es un servidor web? Tipos de servidores. Lic. Lorena Bernis Servidores web 2 SERVIDOR En informática, un servidor es un tipo de software que realiza ciertas tareas en nombre de los usuarios.

Más detalles

Páginas web ::: Kompozer: instalación y uso Diseño de materiales multimedia. Web 2.0. 1.2 Kompozer: instalación y uso

Páginas web ::: Kompozer: instalación y uso Diseño de materiales multimedia. Web 2.0. 1.2 Kompozer: instalación y uso 17 1.2 Kompozer: instalación y uso 18 1.2 Kompozer: instalación y uso 1.2.1 Qué es Kompozer? Kompozer es un editor WYSIWYG (What You See Is What You Get = Lo que ves es lo que tienes) de páginas web. Resulta

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

CAPÍTULO II MARCO REFERENCIAL

CAPÍTULO II MARCO REFERENCIAL CAPÍTULO II MARCO REFERENCIAL 16 1.1 Marco Normativo El marco normativo del proyecto está contemplado en las siguientes leyes: 1.1.1 Ley General de Educación En 1996 se promulga el Decreto 917 de la Ley

Más detalles

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes PROGRAMA FORMATIVO Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes Sector: Desarrollo Web Multimedia Modalidad: Distancia Duración: Objetivos: Código: 4356 Dotar

Más detalles

Poder Judicial de Tucumán Año 2013

Poder Judicial de Tucumán Año 2013 Internet y Correo electrónico El presente instructivo corresponde a una guía básica para el manejo de los programas y para la adquisición de conceptos en relación a estos utilitarios. No obstante ello,

Más detalles

Configuración de un sitio local

Configuración de un sitio local Configuración de un sitio local Un sitio web es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño similar o un objetivo común. Es necesario diseñar y planificar el sitio web antes

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

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Modalidad: Distancia, On-Line Duración: 154 horas Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos

Más detalles

13.2 WORLD WIDE WEB (www)

13.2 WORLD WIDE WEB (www) 13.2 WORLD WIDE WEB (www) INTRODUCCIÓN World Wide Web o simplemente web se puede traducir como la telaraña mundial, haciendo referencia al hecho de que existen multitud de servidores web distribuidos por

Más detalles

Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape

Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape Introducción y objetivos De modo muy resumido Internet es una red que interconecta redes de ordenadores. Conectándose

Más detalles

MÓDULO 1: FrontPage 2003 Parte 1ª

MÓDULO 1: FrontPage 2003 Parte 1ª MÓDULO 1: FrontPage 2003 Parte 1ª TEMA 1. Introducción a la Web Internet y el World Wide Web Hipertexto HTML Servidores, Clientes y Redes Protocolos de Comunicación Direcciones, Dominios y Accesos TEMA

Más detalles

11.ELABORACIÓN DE PAGINAS WEB. USO DE MICROSOFT WORD PARA ELABORAR PÁGINAS WEB

11.ELABORACIÓN DE PAGINAS WEB. USO DE MICROSOFT WORD PARA ELABORAR PÁGINAS WEB 11.ELABORACIÓN DE PAGINAS WEB. USO DE MICROSOFT WORD PARA ELABORAR PÁGINAS WEB 1. Páginas web 2. Herramientas para la edición de páginas web 3. Edición de páginas web con Word 4. Publicación de la página

Más detalles

Modulo I. Introducción a la Programación Web. 1.1 Servidor Web.

Modulo I. Introducción a la Programación Web. 1.1 Servidor Web. Modulo I. Introducción a la Programación Web. 1.1 Servidor Web. Antes de analizar lo que es un servidor Web y llevara a cabo su instalación, es muy importante identificar diferentes elementos involucrados

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

Herramientas Básicas B. Herramientas Básicas de Internet. Herramientas. Índice. Conectados URL

Herramientas Básicas B. Herramientas Básicas de Internet. Herramientas. Índice. Conectados URL Herramientas Básicas de Internet Herramientas Herramienta: Cada uno de los programas o aplicaciones que permiten trabajar y utilizar los diversos servicios disponibles Con diferencia, las aplicaciones

Más detalles

Diseño de Páginas HTML

Diseño de Páginas HTML Diseño de Páginas HTML Modalidad: Distancia. Página 1 de 22 Código: 0086 Desarrollar las habilidades necesarias para el diseño de páginas HTML de manera que resuelvan los problemas complejos que le surjan,

Más detalles

Creación de páginas Web

Creación de páginas Web Seminario Creación de páginas Web Santander, mayo 2006 Michael González Harbour (mgh@unican.es) GRUPO DE COMPUTADORES Y TIEMPO REAL Michael González Harbour 1 Creación de páginas Web 1. Introducción 2.

Más detalles

Internet - Web. Internet - Web. Internet. Internet. Diseño de Sitios Web Desarrollo de Paginas Web. Qué es la Internet? - Qué es la Web?

Internet - Web. Internet - Web. Internet. Internet. Diseño de Sitios Web Desarrollo de Paginas Web. Qué es la Internet? - Qué es la Web? Desarrollo de Paginas Web Internet - Web Internet - Web Qué es la Internet? - Qué es la Web? Internet: Una red de computadoras a nivel mundial Web: Una forma de organizar la información existente en Internet

Más detalles

UNIDAD 3. Herramientas de Internet

UNIDAD 3. Herramientas de Internet ECBTI Curso Herramientas Teleinformaticas-201120 UNIDAD 3. Herramientas de Internet Redes de Tutores Herramientas Teleinformáticas Conceptos Básicos WWW: Estas siglas, provienen de las palabras World Wide

Más detalles

EVOLUCIÓN DE LA WEB. Presentado por: Pablo E. Lozada Y. (pablo.lozada@alumnos.usm.cl)

EVOLUCIÓN DE LA WEB. Presentado por: Pablo E. Lozada Y. (pablo.lozada@alumnos.usm.cl) EVOLUCIÓN DE LA WEB Presentado por: Pablo E. Lozada Y. (pablo.lozada@alumnos.usm.cl) Contenido Historia del Internet. La Web 1.0. Definición. Características. La Web 2.0. Definición. Tecnologías de la

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

CÓMO CREAR UNA PÁGINA WEB v.1

CÓMO CREAR UNA PÁGINA WEB v.1 CÓMO CREAR UNA PÁGINA WEB v.1 Índice 1 Introducción 1 2 Diseño gráfico 1 3 El lenguaje HTML 1 4 Alojamiento y publicación 2 5 Promoción 5 1 Introducción 2 Diseño gráfico Una página web es un espacio virtual

Más detalles

Virtual-C: Una Herramienta para Administración de Contenidos en Sitios Web

Virtual-C: Una Herramienta para Administración de Contenidos en Sitios Web Virtual-C: Una Herramienta para Administración de Contenidos en Sitios Web Kexy Rodríguez kexy.rodriguez@utp.ac.pa Centro de Investigación, Postgrado y Extensión UTPVirtual Universidad Tecnológica de Panamá

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

INTRODUCCION. Tema: Protocolo de la Capa de aplicación. FTP HTTP. Autor: Julio Cesar Morejon Rios

INTRODUCCION. Tema: Protocolo de la Capa de aplicación. FTP HTTP. Autor: Julio Cesar Morejon Rios INTRODUCCION Tema: Protocolo de la Capa de aplicación. FTP HTTP Autor: Julio Cesar Morejon Rios Qué es FTP? FTP (File Transfer Protocol) es un protocolo de transferencia de archivos entre sistemas conectados

Más detalles

Cursos de DISEÑO DE PÁGINAS WEB. Empresa Colaboradora: [ ] Diseño de Páginas Web

Cursos de DISEÑO DE PÁGINAS WEB. Empresa Colaboradora: [ ] Diseño de Páginas Web Cursos de DISEÑO DE PÁGINAS WEB [ ] Diseño de Páginas Web DISEÑO DE PÁGINAS WEB El Curso de Diseño de Páginas Web permite dotar a los trabajadores de la formación necesaria que les capacite y prepare para

Más detalles

CURSO DE DISEÑO WEB. También existen otro lenguajes de programación de páginas, combinados con el HTML : PHP, JS, ASP. PL, etc.

CURSO DE DISEÑO WEB. También existen otro lenguajes de programación de páginas, combinados con el HTML : PHP, JS, ASP. PL, etc. CURSO DE DISEÑO WEB Internet El Internet, algunas veces llamado simplemente "La Red", es un sistema mundial de redes de computadoras, un conjunto integrado por las diferentes redes de cada país del mundo,

Más detalles

UNIVERSIDAD CATÓLICA DEL NORTE PROGRAMA DE ESTUDIOS I. IDENTIFICACIÓN DE LA ASIGNATURA

UNIVERSIDAD CATÓLICA DEL NORTE PROGRAMA DE ESTUDIOS I. IDENTIFICACIÓN DE LA ASIGNATURA UNIVERSIDAD CATÓLICA DEL NORTE PROGRAMA DE ESTUDIOS I. IDENTIFICACIÓN DE LA ASIGNATURA Nombre: Aplicaciones Computacionales Código: CC-215 Fecha Actualización: Septiembre 2004 Unidad Responsable: Departamento

Más detalles

UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA Departamento de Información Académica

UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA Departamento de Información Académica UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA Departamento de Información Académica Ensenada, Baja California Mayo 2010 Qué es un Sitio Web? Es un conjunto de PÁGINAS WEB que están hospedadas (almacenadas o

Más detalles

La estructura de archivos y carpetas. Arbol. Listas. Mixta. Red

La estructura de archivos y carpetas. Arbol. Listas. Mixta. Red ESTRUCTURA DEL SITIO Ya has preparado el contenido de tu web, o al menos. el contenido inicial. Ahora es el momento de comenzar a pensar en como vas a organizar tu sitio. Esta estructura puede venirte

Más detalles

Práctica 8ª: Concluir la construcción del sitio web

Práctica 8ª: Concluir la construcción del sitio web Práctica 8ª: Concluir la construcción del sitio web Con todos los conocimientos adquiridos vamos a completar nuestro sitio web. Para ello vamos a ir página a página hasta completar el contenido de cada

Más detalles

http://itcformacionyconsultoria.com Página 1 de 6

http://itcformacionyconsultoria.com Página 1 de 6 DIS006. DISEÑO DE PÁGINAS WEB CON DREAMWEAVER. NIVEL PERFECCIONAMIENTO DESTINATARIOS El curso está dirigido a todas aquellas personas que, sin tener nociones previas, ni experiencia, desean adquirir los

Más detalles

AUTORES CIENTÍFICO-TÉCNICOS Y ACADÉMICOS Desarrollo de sitios web dinámicos Ramón Jesús Millán Tejedor www.ramonmillan.com à1. Introducción El sitio web es el medio más barato para darse a conocer rápidamente

Más detalles

Módulo II Unidad Didáctica 2

Módulo II Unidad Didáctica 2 Módulo II Unidad Didáctica 2 Introducción Una vez que el sitio está desarrollado y hemos cumplido con todas las etapas para su diseño es necesario incorporar algunos conceptos que nos permitan comprender

Más detalles

IB14 Informática Aplicada a la Construcción

IB14 Informática Aplicada a la Construcción IB14 Informática Aplicada a la Construcción Prácticas. Tema 4: Creación de páginas electrónicas 1 Introducción El objetivo principal de este tema es aprender a crear páginas web sencillas y a publicar

Más detalles

INSTRUCTIVO PARA LA ADMINISTRACIÓN DE LA PÁGINA WEB

INSTRUCTIVO PARA LA ADMINISTRACIÓN DE LA PÁGINA WEB CÓDIGO: A3-IN02 VERSIÓN: 1 PÁGINA: 1 DE: 9 1. OBJETIVO: Propender por el mejoramiento de la comunicación institucional en la comunidad educativa con el fin de orientar los procesos académicos, formativos

Más detalles

Manual de NVU Capítulo 1: Instalación y arranque

Manual de NVU Capítulo 1: Instalación y arranque Manual de NVU Capítulo 1: Instalación y arranque Pág. 1 Manual de NVU Capítulo 1: Instalación y arranque Reconocimiento-NoComercial-CompartirIgual 2.5 España Realizado por: Julio Ruiz Palmero (Universidad

Más detalles

Tema 47. Las herramientas ofimáticas. Integración con sistemas de información estructurada.

Tema 47. Las herramientas ofimáticas. Integración con sistemas de información estructurada. Tema 47. Las herramientas ofimáticas. Integración con sistemas de información estructurada. Esquema Introducción... 2 Historia... 2 Suites... 2 Herramientas ofimáticas... 3 Tipos de programas ofimáticos:...

Más detalles

GLOSARIO. un conjunto de noticias, ordenado por fecha. CMF (Content Management Framework) - Entorno a programación de

GLOSARIO. un conjunto de noticias, ordenado por fecha. CMF (Content Management Framework) - Entorno a programación de GLOSARIO Apache servidor de páginas web de código abierto para diferentes plataformas (UNIX, Windows, etc.) Blog (Web log) Diario en formato web. Puede ser un diario personal o un conjunto de noticias,

Más detalles

UNIDAD 2 CONFIGURACIÓN DE UN SITIO LOCAL

UNIDAD 2 CONFIGURACIÓN DE UN SITIO LOCAL UNIDAD 2 CONFIGURACIÓN DE UN SITIO LOCAL OBJETIVO El alumno aprenderá a configurar un servidor local para realizar diferentes pruebas de la página hasta publicar el sitio web en Internet. TEMARIO 2.1 INTRODUCCIÓN

Más detalles

Qué es una página web?, qué conoces al respecto?, sabes crear una página

Qué es una página web?, qué conoces al respecto?, sabes crear una página Semana 13 13 Empecemos! Bienvenidos a una nueva sesión, llena de aprendizajes! En semanas anteriores estudiamos lo que son bases de datos, estructuras de datos y métodos de ordenamientos, todo lo cual

Más detalles

Terminología utilizada en internet

Terminología utilizada en internet Terminología utilizada en internet Arroba: Carácter "@", utilizado en las direcciones de correo electrónico para separa el nombre del usuario y el nombre de dominio de la computadora. Equivale a la palabra

Más detalles

Darío Roig Servicio de Informática. Extensión Universitaria

Darío Roig Servicio de Informática. Extensión Universitaria Darío Roig Servicio de Informática Extensión Universitaria Calendario 8, 9, 10 de febrero de 2011 2 Sesiones de 16:00 19:30 (martes y miércoles) 1 Sesión de 16:00 19:00 (jueves) 10 horas 1 crédito de libre

Más detalles

Área de Desarrollo Programa Agenda de Conectividad Estrategia de Gobierno en línea. República de Colombia - Derechos Reservados

Área de Desarrollo Programa Agenda de Conectividad Estrategia de Gobierno en línea. República de Colombia - Derechos Reservados MANUAL DEL USO DE LAS PLANTILLAS PARA MANTENER EL ESTILO GOBIERNO EN LINEA TERRITORIAL- GELT FASE TRANSACCIONAL Área de Desarrollo Programa Agenda de Conectividad Estrategia de Gobierno en línea República

Más detalles

IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA

IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA Página1 PROGRAMA DE FORMACIÓN UNIDAD DE APRENDIZAJE ACTIVIDAD OBJETIVOS IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA OFIMATICA Y AUXILIAR DE SISTEMAS II-A GESTORES DE CONTENIDO INSTALACIÓN DE SERVIDORES WEB

Más detalles

980706 Universidad de Navarra. Introducción a Netscape Communicator Versión 4.04 y 4.5. cti. Centro de Tecnología Informática

980706 Universidad de Navarra. Introducción a Netscape Communicator Versión 4.04 y 4.5. cti. Centro de Tecnología Informática 980706 Universidad de Navarra Introducción a Netscape Communicator Versión 4.04 y 4.5 cti Centro de Tecnología Informática TABLA DE CONTENIDOS 1. Introducción... 1 2. Perfiles de Usuarios... 2 2.1. Definir

Más detalles

Entorno. @xavipalu. Multimedia

Entorno. @xavipalu. Multimedia Entorno Multimedia 07 World Wide Web World Wide Web Qué es? Cómo funciona? Lenguaje Tipologias World Wide Web / Qué es? World Wide Web WWW Sistema de distribución de información basado en hipertexto o

Más detalles

Introducción al desarrollo web (idesweb)

Introducción al desarrollo web (idesweb) Introducción al desarrollo web (idesweb) Práctica 1: HTML 1. Objetivos Aprender el lenguaje de marcado HTML, o algunas de sus variantes, como XHTML o HTML5, y la importancia de escribir código correcto

Más detalles

Creación de páginas Web

Creación de páginas Web Creación de páginas Web D. José Ramón Balsas Almagro jrbalsas@ujaen.es D. Juan Ruiz de Miras demiras@ujaen.es D. Víctor Manuel Rivas Santos vrivas@ujaen.es Departamento de Informática Universidad de Jaén

Más detalles

CREAR UN SITIO WEB (Parte I)

CREAR UN SITIO WEB (Parte I) CREAR UN SITIO WEB (Parte I) AUTORÍA JOAQUIN HERNANDEZ TORE TEMÁTICA TIC, INFORMÁTICA, NUEVAS TECNOLOGÍAS ETAPA CICLO FORMATIVO DE GRADO MEDIO Resumen Con este artículo, se pretende dar unas nociones básicas

Más detalles

By: Ing. Jonathan Merino Farías.

By: Ing. Jonathan Merino Farías. By: Ing. Jonathan Merino Farías. CMS y Joomla Un CMS se compone de dos partes principales: 1. La parte web pública. Es la página web como tal que ven las personas que acceden a ella. 2. La parte web privada.

Más detalles

Departamento de Lenguajes y Ciencias de la Computación.

Departamento de Lenguajes y Ciencias de la Computación. Introducción a la Informática. E.U. Politécnica Diseño Industrial. Primer Curso. Departamento Lenguajes y Ciencias de la Computación. Universidad de Málaga José Luis Leiva Olivencia. Despacho: I-326D (Edificio

Más detalles

>> Instalación y Configuración de un Servidor WEB. >> HTML & PHP

>> Instalación y Configuración de un Servidor WEB. >> HTML & PHP >> Instalación y Configuración de un Servidor WEB. >> HTML & PHP Nicolás Álvarez S. nalvarezs@vtr.net Juan Monsalve Z. jmonsalve@elo.utfsm.cl Tópicos a tratar Qué es un servidor Web? Dónde puedo instalar

Más detalles

DREAMWEAVER CS3 Guía Rápida

DREAMWEAVER CS3 Guía Rápida UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA Departamento de Información Académica DREAMWEAVER CS3 Guía Rápida Delia Esquer Meléndez desquer@uabc.mx Ensenada, Baja California Enero 2009 INTRODUCCIÓN 1. Qué

Más detalles

Tutorial Internet Explorer 5.5

Tutorial Internet Explorer 5.5 Tutorial Internet Explorer 5.5 Introducción Los navegadores como Netscape Communicator o Internet Explorer son sistemas hipermedia diseñados para recuperar información distribuida sobre la red Internet

Más detalles

Creando un Sitio Web personal.

Creando un Sitio Web personal. Creando un Sitio Web personal. FrontPage Express FrontPage Express de Microsoft es un sencillo editor htm 1 l que venía instalado por defecto con Windows 98 o con el Internet Explorer 4 para Windows 95.

Más detalles

OBJETIVO: Introducción al editor de páginas web Macromedia Dreamweaver.

OBJETIVO: Introducción al editor de páginas web Macromedia Dreamweaver. SEMINARIO DIOCESANO DE CRISTO SACERDOTE TECNOLOGIA EN INFORMATICA GRADO: 11 TEMA: INTRODUCCIÓN A MACROMEDIA DREAMWEAVER OBJETIVO: Introducción al editor de páginas web Macromedia Dreamweaver. 1 Qué es

Más detalles

GUÍAS FÁCILES DE LAS TIC

GUÍAS FÁCILES DE LAS TIC GUÍAS FÁCILES DE LAS TIC del COLEGIO OFICIAL DE INGENIEROS DE TELECOMUNICACIÓN Trabajo Premiado 2006 Autor: La Red Internet D. Gerson Aires Casas 17 de Mayo 2006 DIA DE INTERNET GUÍAS FÁCILES DE LAS TIC

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

Introducción a la informática

Introducción a la informática 01. Introducción a la informática 01.1. Qué es la informática 01.2. Unidades de cantidad y velocidad 01.3. Qué es un PC 01.4. Componentes del PC 01.5. Componentes de la CPU 01.6. Dispositivos de almacenamiento

Más detalles