Proceso de diseño. de un sitio web. Sandra Elisa Roura Espinosa* Entretextos. Resumen. Abstract

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

Download "Proceso de diseño. de un sitio web. Sandra Elisa Roura Espinosa* Entretextos. Resumen. Abstract"

Transcripción

1 ISSN: Entretextos abril - julio2015 Proceso de diseño de un sitio web Sandra Elisa Roura Espinosa* Resumen En las asignaturas Producción sígnica digital I y II, los alumnos de séptimo y octavo semestre de la licenciatura en diseño gráfico de la UPAEP tienen como objetivo el aprendizaje del diseño web para el cual deberán seguir un proceso lógico pero meticuloso donde comienzan con la investigación del problema, seguido de la indagación con todos los perfiles de usuario posibles, logrando así tener los datos suficientes para poder realizar propuestas de diseño que satisfagan las necesidades que los usuarios tienen al entrar a algún sitio en internet. Palabras clave: diseño, trabajo de investigación, internet, usuario de información. Keywords: design, research work, Internet, information users. *Profesora en la Licenciatura en Diseño Gráfico de la Universidad Popular Autónoma del Estado de Puebla, UPAEP. En estas asignaturas, los alumnos tienen como objetivo investigar, organizar la información, planear y bocetar distintas propuestas gráficas hasta llegar a la programación, comprobación y la publicación de dicho producto. De esta forma, los alumnos no solo aprenden las herramientas sino un proceso de diseño completo para generar productos web centrados en los usuarios, basados en diversas teorías de usabilidad como las propuestas por Jakob Nielsen o Alan Cooper. Abstract In the subjects Digital Sign Production II and I the students of the seventh and eighth semester of the Bachelor of Graphic Design at the UPAEP have the learning of web design as aim, in which they must follow a logical

2 and meticulous process, starting with the investigation of the problematic, followed by the users profile s inquiry to obtain enough data to execute the design proposals that satisfies the user s needs regarding a website. In these two subjects, the students have the investigation, information organization, planning, sketching and programming a website as a goal s course including the user testing to corroborate the website s usability, to finish with the publication in a hosting. In this way, instead of learning only the web design tools, the students learn the whole design process to generate user-centered websites based on Jakob Nielsen and Alan Cooper theories. Introducción Desde la introducción del internet a la vida cotidiana, muchos diseñadores han optado por desarrollarse dentro del ámbito del diseño de sitios web, en algunos casos realizando la gestión de dicha clase de proyectos, diseño de la interfaz, desarrollo del diseño de información y en algunas ocasiones la misma ejecución de la programación. 4 billones de sitios tan solo indexados por los buscadores Google y Bing Debido a la gran variedad de roles que puede tener el diseñador dentro de este gran mundo del desarrollo web es necesario hacer de su conocimiento un proceso lógico que contemple distintos aspectos como lo son los usuarios y sus necesidades, los aspectos técnicos y funcionales, incluso la gestión de equipos de trabajo. De acuerdo con Jakob Nielsen (2000:9), internet es un entorno que está en manos de los usuarios, por lo que el diseñador dedicado al desarrollo web deberá de tener en claro el principal objetivo, los usuarios. Contexto Pocos de estos productos están pensados en las verdaderas necesidades de los internautas El internet crece exponencialmente día con día ya que existen alrededor de 4 billones de sitios tan solo indexados por los buscadores Google y Bing (Kunder, 2006); en cuanto a los usuarios en nuestro país, existen alrededor de 45.1 millones de internautas (AMIPCI, 2013:6) y de acuerdo con Alan Cooper (2007:4-5), gran parte de las tecnologías de información incluidos los sitios web no ofrecen buenas soluciones a los usuarios, es decir, pocos de estos productos están pensados en las verdaderas necesidades de los internautas dando como resultado sitios web que persiguen cualquier clase de objetivos menos el de satisfacer a las personas. Cooper menciona que el tener objetivos meramente mercadológicos dentro de un sitio web generan un diseño limitado dando como resultado productos o sitios web que poco tienen que ver con los deseos o necesidades de los usuarios. 2

3 Por su parte Jakob Nielsen (2000:15) claramente menciona una lista de errores en los que se incurre al diseñar un sitio web, como lo son: el considerar a un sitio como un mero folleto o brochure de la empresa, diseño atractivo pero poco funcional generando confusión hacia el usuario, contenidos de texto lineales y excesivos, arquitectura de información encaminada a mostrar solo la estructura de la empresa, así como una escasa o nula estrategia de vinculación hacia otros sitios. Debido a este listado de problemas, los cuales son fácilmente detectables a través un sencillo análisis de distintos sitios, es necesario considerar un proceso centrado en los múltiples usuarios que puede poseer un producto de diseño como lo es el sitio web, siempre tomando en cuenta la funcionalidad, la usabilidad y el diseño. 1 El proceso en el diseño de sitios web En la licenciatura de diseño gráfico en la Universidad Popular Autónoma del Estado de Puebla (UPAEP), específicamente en las materias de Producción sígnica digital I y II, los alumnos siguen un proceso sencillo siempre basado en el usuario, tal como menciona Jorge Frascara (2011:9-10), el diseño de una interfaz, como lo es un sitio web, forma parte del diseño de información y esta disciplina tiene como objetivo brindar facilidad al usuario en la comprensión de la información presentada así como la realización de determinadas tareas. Muchos de los proyectos desarrollados comienzan desde cero, es decir, desde la misma creación de la marca o rediseño, sin embargo en este breve documento solo se describirá el proceso que se sigue en cuanto al diseño web y no de la imagen de la empresa, producto o servicio. Figura 1: esquema del proceso de diseño de un sitio web. Fuente: Diseño de esquema de proceso de diseño web, elaboración propia. 1.1 Análisis del sitio web a desarrollar En esta etapa dentro del salón de clase, se les explica a los alumnos una problemática que deben resolver, mientras que en otros casos los estudiantes consiguen un proyecto real donde es posible tener contacto con el cliente, donde este les dé a conocer sus necesidades en cuanto al sitio web. Aquí la información se analiza especulando sobre algunas características que pudiera tener el sitio. 3

4 1.2 Análisis y comparativos de otras páginas Se lleva a cabo un análisis de sitios web similares, aplicando algunas premisas de usabilidad (Nielsen, NN Group, 1995) de acuerdo con la necesidad del sitio web, para así determinar algunos errores o aciertos que pudieran aplicarse al sitio web. Algunos de estos principios que menciona Nielsen son: Mantener al usuario informado, es decir, proveer de retroalimentación sobre su estatus o ubicación. Utilizar lenguaje y diseño familiares al usuario, evitando diseños o lenguajes complejos que entorpezcan la navegación. Libertad, en otras palabras, facilidad de navegar o realizar una tarea sin necesidad de ver mensajes forzosos. Para ejemplificar este punto menciono el sitio web de Foro Alfa el cual es un portal donde diversos autores escriben sobre temas relacionados al diseño y marketing; al realizar la lectura de algún artículo, sin estar inscrito como usuario, emerge un pop-up 1 solicitando el registro del usuario y bloqueando con una pantalla amarilla la lectura, limitando así la libertad de navegación. Figura 2: Ejemplo de poca libertad de navegación dentro del sitio web Fuente: pantalla de registro del sitio web Foro Alfa. Reconocimiento antes que memoria, esto es, facilitar o poner visibles a elementos importantes como menús de botones, en otras palabras, que el usuario no tenga que recordar dónde están ciertos componentes de navegación, sino que los pueda localizar de manera sencilla. Estético y diseño minimalista, es decir, crear sitios web sencillos a menos que en algunos casos se trate de una web de juegos, pero que jamás se encuentre comprometida información importante. 1 Elemento o ventana que comúnmente emerge automáticamente en la pantalla, este puede ser un anuncio o un formulario de registro. 4

5 Ayuda y documentación, como lo es el caso de las páginas de ventas como Amazon en donde se ofrece al usuario documentación relacionada con los pasos que se requieren al comprar un producto, por ejemplo, el sistema de pago, formas y costos de envíos y solución de problemas o preguntas comunes. Flexibilidad y eficiencia en el sitio web, funcionalidad en diversos navegadores así como en distintas resoluciones de pantallas o anchos de banda. El proceso de diseño comienza comúnmente con el contacto y entrevista al cliente 1.3 Creación de perfiles de usuario Tal como lo plantea Jorge Frascara (2011:15-16), en su libro Diseño de información, el proceso de diseño comienza comúnmente con el contacto y entrevista al cliente por lo que sus metas y objetivos deberán estar implícitos en el diseño del sitio web, sin embargo también deberá estar inminentemente alineado hacia los futuros usuarios. Para que el diseño sea centrado en el usuario se elaborarán diversos perfiles de personas por lo que previamente será necesario realizar una sencilla investigación cualitativa a través de encuestas, entrevistas o grupos de enfoque; en este proceso el diseñador realiza una hipótesis sobre los posibles usuarios del sitio web en cuestión y a partir de una muestra de personas elabora distintos perfiles que más adelante se explicarán. Menciona Alan Cooper la necesidad latente de realizar este tipo de investigación para cualquier proyecto que involucre la interacción de usuarios para así recabar datos importantes que serán en beneficio del diseño del sitio web, como lo son: Actitudes de los usuarios. Lenguaje y aspectos sociales. Aspectos técnicos y conocimientos por parte del usuario para determinar el nivel de dificultad de la interfaz. La información que el usuario requiere. Las tareas que el usuario necesita o quiere realizar. Los posibles comportamientos de los usuarios dentro del sitio web. Las posibles características que el sitio web presentará en interfaz (Cooper, Reimann & Cronin, 2007:49-51). Una vez compilada la información obtenida de los usuarios se procede al diseño de personas o perfiles de usuario. Cabe enfatizar que estas tablas, que se desarrollarán a partir de la investigación, no están basadas en una persona en específico sino en los gustos, necesidades y antecedentes de 5

6 los distintos grupos de usuarios previamente investigados, siendo posible crear distintos perfiles de usuarios dependiendo la magnitud del sitio web a diseñar. A continuación se muestra dos perfiles de usuario diseñados por los alumnos de la materia de Producción Sígnica I para la elaboración de un sitio web de venta de helados. Figura 2. Ejemplo de un perfil de usuario. Fuente: Perfil de usuario para el diseño de un sitio web de una empresa de venta de helados, realizado por Lucina Alicia Fernández Salinas. Figura 3: Ejemplo de un perfil de usuario. Fuente: Perfil de usuario para el diseño de un sitio web de una empresa de venta de helados realizado por Luisa Daniela García Chong. Los perfiles de personas pueden ser de distintas formas pero deben poseer información básica: las motivaciones y necesidades de los usuarios (Brown, 2007). A pesar de que estos documentos no están basados en alguna persona en específico es necesario otorgarles un nombre así como una fotografía ya que como menciona Cooper (2007:82) estas personificaciones generan en el diseñador 6

7 una empatía, así como al equipo de trabajo, incluso al mismo cliente. Así como menciona Alan Cooper es importante describir las necesidades del usuario, las cuales son las carencias o impulsos que posee una persona relacionado a algún producto, bien o servicio y es preciso tener una pequeña descripción de estas, las cuales están íntimamente ligadas a las motivaciones. Los escenarios son verbalizaciones de situaciones que probablemente podrían ocurrirle al usuario Las motivaciones son lo que llevan a las personas a realizar una actividad (Cooper, 2007:93) por lo que son un aspecto importante que debe incluirse dentro del diseño de perfiles de usuarios, como ejemplo, las motivaciones que surgieron dentro del proyecto del sitio web de helados fueron querer conocer los contenidos alimenticios o tablas nutrimentales de los productos, conocer la ubicación de la tienda más cercana y tener información sobre franquicias y programas sociales. Los escenarios son verbalizaciones de situaciones que probablemente podrían ocurrirle al usuario por lo que necesite acceder al sitio web, mientras que los comportamientos son las acciones que realizará el usuario para resolver lo planteado anteriormente en las escenas (Brown, 2007). Otros aspectos que deben describirse son el background personal, el cual ofrece una pequeña historia relacionada con las necesidades del cliente y ayuda a generar una cierta empatía entre el diseñador y usuario, así como información demográfica la cual representa el grupo de edad de los usuarios, así como su nivel tecnológico para así contar con una mejor y más eficiente referencia de las características que deberá tener el sitio web. 1.4 Creación de árbol de navegación Los comportamientos son las acciones que realizará el usuario para resolver lo planteado El proceso de investigación y diseño de usuarios trae como uno de los resultados, el diseño del árbol de navegación. Es a través del diseño de personas como se obtiene claridad para el diseño de la navegación del sitio web ya que se poseen datos como el nivel tecnológico de los usuarios, las tareas que estos esperan realizar y la información que el usuario necesita encontrar. Sin comenzar a construir una lista exhaustiva de las necesidades de los usuarios no hubiera sabido por donde comenzar Peter Van Dijck En esta parte del proceso se jerarq uiza la información o el contenido del sitio web y es aquí donde también se explica cómo será el uso de los distintos menús o enlaces, es decir, si se da click a cierto botón qué sección se abrirá, cómo es posible regresar al inicio, qué opción existe si el usuario se ha perdido, entre otros aspectos. En este punto el alumno desarrolla habilidades que son importantes dentro del diseño de un sitio web, como lo son la organización, agrupación y jerarquización de la información, presentándola en un mapa para analizar su funcionalidad y viabilidad. 7

8 En el salón de clases el docente actúa como si fuera el cliente por lo que el alumno debe presentarle el árbol de navegación así como los perfiles de usuario y con base en estos documentos se discute la viabilidad del mapa y se realizan algunos cambios o sugerencias. A continuación se presentan algunos mapas de navegación creados por los alumnos para el proyecto del sitio web de helados. Figura 4. Ejemplo de un árbol de navegación. Fuente: Árbol de navegación para el diseño de un sitio web de una empresa de venta de helados realizado por Lucina Alicia Fernández Salinas. Figura 5. Ejemplo de un árbol de navegación. Fuente: Árbol de navegación para el diseño de un sitio web de una empresa de venta de helados realizado Luisa Daniela García Chong. 8

9 1.5 Bocetaje de los wireframes básicos En este punto del proceso el alumno desarrolla bocetos o wireframes de distintas secciones como el home o inicio, así como una o dos páginas internas. En este aspecto no es necesario realizar demasiados bocetos de un mismo sitio, a menos que lo amerite cada sección, ya que una web puede compartir un mismo diseño modular con algunos ajustes, siendo esta una buena opción que asegura una continuidad y no una distracción pues como menciona Jakob Nielsen (2000: ) los usuarios la mayoría de las veces acceden a un sitio dándole mayor importancia al contenido y no tanto al diseño. Acceden a un sitio dándole mayor importancia al contenido y no tanto al diseño 1.6 Diseño de las páginas Con base en los bocetos presentados se selecciona el diseño que cumpla las metas, motivaciones y características planteadas en los perfiles de usuarios y en este punto el alumno traduce sus bocetos a un software de diseño como Adobe Photoshop o Adobe Illustrator. Figura 6. Diseño de página de inicio. Fuente: diseño de página de inicio para un sitio web de helados realizado por Lucina Alicia Fernández Salinas. 9

10 Figura 7. Diseño de página de inicio. Fuente: diseño de página de inicio para un sitio web de helados realizado por Luisa Daniela García Chong. 1.7 Pruebas de usuario / Revisión Es importante mencionar que el desarrollo de esta prueba depende de la magnitud del proyecto, debido a que en algunas ocasiones el sitio puede ser sencillo sin la necesidad de realizar este test, sin embargo para sitios complejos donde existe mucha interacción por parte de distintos usuarios es necesario hacer esta clase de análisis. Dentro del salón de clase el alumno presenta en pantalla los diseños terminados de las diversas páginas que forman el sitio web, el docente constata que tengan relación con el árbol de navegación así como los perfiles de usuario presentados, en caso de que no exista coherencia en el diseño y lo declarado en los perfiles de usuario y árboles de navegación, el alumno tendrá que rediseñar el sitio o ciertos aspectos donde no exista coherencia. Una vez aprobado el diseño se determina la mejor manera para preparar las imágenes para su posterior programación, es decir a través del software que el alumno haya elegido se preparan las distintas piezas que se utilizarán para la programación. 1.8 Programación del diseño En este proceso los alumnos aprenden dos lenguajes de programación, HTML y CSS. El HTML o Hyper Text Markup Language es el contenido del sitio web, es donde está todo el texto, tablas, listas, imágenes e hipervínculos, mientras que el Cascading Style Sheet o CSS es el que aporta todos los estilos como colores, fondos, variantes tipográficas, efectos, entre muchas otras cosas que harán que el sitio web se vea tal cual el alumno lo planteó en el paso del diseño de página. En algunos casos 10

11 estos lenguajes se complementan con algunas librerías de JQuery para dar movimiento a algunos elementos del sitio sin embargo este lenguaje se limita a la decisión e interés de cada alumno así como a la necesidad de cada sitio. 1.9 Pruebas de usabilidad Una vez terminado el sitio web el alumno presenta todos sus archivos y se comprueba que el sitio cumpla con ciertas características, es decir, que exista un funcionamiento correcto de botones (hipervínculos), sencilla navegación, visualización óptima de imágenes, visualización óptima del sitio en diversos navegadores (Chrome, Explorer, Safari, Mozilla) así como en diversas resoluciones y funcionamiento correcto de elementos como audio y video. En este sitio se prueban todas las páginas revisando que no exista ningún problema, en el caso de que exista alguna problemática el alumno tendrá que corregirla para su posterior lanzamiento Lanzamiento En este último paso el alumno aprende a utilizar los servicios de dominio y hosting, sin embargo debido a que estos poseen un costo y generalmente su renta es anual se utiliza un servicio gratuito que ofrece herramientas similares a los servicios de paga, teniendo en cuenta algunas restricciones, como lo es la limitada selección del nombre del dominio o el poco espacio de disco duro. En este proceso el alumno utiliza el servicio gratuito de en donde se deberá inscribir para poder obtener un hosting es decir, el espacio donde se guardarán los archivos que conforman el sitio web así como el dominio, es decir, la dirección del sitio. Una vez inscrito en el servicio, el alumno deberá guardar todos los archivos que conforman el sitio web, para esto deberá ordenar sus archivos y carpetas para así configurar un cliente de FTP 2 como el FileZilla el cual le permitirá almacenar todos los documentos de una manera rápida y ordenada dentro del hosting. Deberá ordenar sus archivos y carpetas para así configurar un cliente de FTP como el FileZilla 2 FTP: por sus siglas en inglés File Transfer Protocol o Protocolo de Transferencia de Archivos. Cliente FTP es un programa que emplea el protocolo FTP para conectarse a un servidor y transferir archivos, ya sea para descargarlos o para subirlos. 11

12 Figura 8. Orden de un sitio web para su correcto guardado dentro del hosting. Fuente: orden de un sitio web, elaboración propia. 2. Evaluacion Al comenzar el diseño de un sitio web dentro de clase se le especifica al alumno el sistema de evaluación que se llevará a cabo y que está basado en el proceso de diseño de sitios. Tabla 1: Sistema de evaluación en la materias Producción sígnica digital I y II Rubro Porcentaje Características Investigación Comparativa de otros sitios 5% Tabla comparativa basada en los 10 principios de usabilidad de Jakob Nielsen (NN Group, 1995) de sitios similares Diseño de perfiles de usuario 15% Creación de distintos perfiles de usuarios de acuerdo con los focus groups y entrevistas describiendo las motivaciones, necesidades, escenarios, confort tecnológico, background y comportamientos Diseño de mapa de navegación 15% Diseño de un árbol de navegación de acuerdo a lo reflejado en los perfiles de usuarios Diseño del sitio Revisión de proceso de bocetaje (wireframes) 5% Revisión de los bocetos, buscando que sean coherentes de acuerdo a lo planteado en los perfiles e usuario y mapa de navegación Calidad del diseño 15% Revisión de la calidad de diseño empleando imágenes, vectores, patrones y texturas 12

13 Optimización de recursos 10% Revisión de los recursos como videos y audios optimizados para su reproducción o visualización en web Ejecución del sitio Programación del sitio 15% Traducción del diseño a los lenguajes HTML y CSS, en este punto se verifica que la programación sea correcta y ordenada Funcionalidad / Usabilidad 15% Visualización correcta del sitio en diversos navegadores (Chrome, Explorer, Mozilla y Safari). Visualización correcta en distintas resoluciones. Funcionalidad correcta de los botones o hipervínculos. Navegación sencilla Lanzamiento 5% Aplicación de la página web dentro del hosting Fuente: Elaboración propia con base en la rúbrica general de la escuela de Diseño Gráfico en UPAEP. En esta tabla se determinan los puntos que se tomarán en cuenta y que deberá cumplir el alumno de acuerdo con el proceso revisado en clase. Conclusión A través de este proceso se pretende que el alumno tenga una idea clara de lo necesario para la construcción de sitios web, ayudándole a que, al salir al ámbito profesional, domine los pasos para poder realizar proyectos de esta índole ya sea dentro de un equipo de trabajo o gestionando el proyecto. Es primordial mencionar que el alumno tan solo aprende algunas herramientas que se utilizan en el diseño web teniendo la posibilidad de realizar sitios sencillos, no obstante, deberá estar consciente de la necesidad de trabajar con profesionistas de otras áreas como lo es la programación o sistemas computacionales para realizar sitios web más complejos, por ejemplo un carrito de ventas o módulos administrativos. La necesidad de trabajar con profesionistas de otras áreas como lo es la programación o sistemas computacionales Este proceso permite tener una visualización más amplia de lo que conlleva el diseño web, en otras palabras el diseño web no solo es generar pantallas en los programas de diseño y programarlas, es además investigar sobre las necesidades de los diversos usuarios para poderle ofrecer un sitio adecuado con productos que cumplan las demandas y expectativas de las personas. 13

14 REFERENCIAS AMIPCI. (2013). Hábitos de los Usuarios de Internet en México México: (AMIPCI) Asociación Mexicana de internet. Brown, D. (2007). Communicating Design: Developing Web Site Documentation for Design and Planning. California, Estados Unidos: New Riders. Cooper, C., Reimann, R. y Cronin, D. (2007). About Face 3 The Essentials of Interaction Design. Indiana, Estados Unidos: Wiley Publishing, Inc. Ding, W., y Lin, X. (2010). Information Architecture: The Design and Integration of Information Spaces. North Carolina, Estados Unidos: Morgan & Claypool Publishers. Frascara, J. (2011). Qué es el diseño de información? Argentina: Ediciones Infinito. Kunder, M. d. (2006). World Web Size. Recuperado de consultado Niederst, J. (2012). Learning Web Design: A Beginner s Guide to HTML, CSS, JavaScript, and Web Graphics. California, Estados Unidos: O Reilly Media. Nielsen, J. (1995). Ten Usability heuristics. Recuperado de consultado , Nielsen, J. (2000). Usabilidad: Diseño de sitios web. Madrid, España: Pearson Educación. Van Dijck, P. (2003). Information architecture for designers: structuring websites for business success. Hove, East Sussex, UK: Rotovision. 14

Máster de Marketing y Publicidad Digital Yahoo! MKPD06 ARQUITECTURA WEB

Máster de Marketing y Publicidad Digital Yahoo! MKPD06 ARQUITECTURA WEB Máster de Marketing y Publicidad Digital Yahoo! MKPD06 ARQUITECTURA WEB Asignatura: MKPD06 Arquitectura web... Formación: Obligatoria... Créditos: 4.... Semestre: S Grupo: MKPD... Profesor Titular: Santiago

Más detalles

MPW005 Programación, Aplicaciones, Herramientas y Soportes

MPW005 Programación, Aplicaciones, Herramientas y Soportes MPW005 Programación, Aplicaciones, Herramientas y Soportes Asignatura: Programación, Aplicaciones, Herramientas y Soportes Carácter: Obligatorio Idioma: Castellano Modalidad: Presencial Créditos: 4 ECTS

Más detalles

TEMA. Diseño orientado a la web. Internet y las páginas web. [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores

TEMA. Diseño orientado a la web. Internet y las páginas web. [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores Diseño orientado a la web. Internet y las páginas web [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores [9.3] Accesibilidad e interactividad [9.4] Resolución de pantalla [9.5] Optimización

Más detalles

Empremática Guía 2 Facultad: Ingeniería Escuela: Computación Asignatura: Empremática

Empremática Guía 2 Facultad: Ingeniería Escuela: Computación Asignatura: Empremática 1 Empremática Guía 2 Facultad: Ingeniería Escuela: Computación Asignatura: Empremática TEMA: NAVEGACIÓN CON BÚSQUEDA Y DESCARGA DE INFORMACIÓN EN INTERNET. Objetivos Introducir a los estudiantes en los

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

DISEÑO Y DESARROLLO DE PÁGINAS WEB 160 horas. (70 horas presenciales.50 horas autònomas.40 horas investigación) TOTAL CICLO: 14 SÁBADOS

DISEÑO Y DESARROLLO DE PÁGINAS WEB 160 horas. (70 horas presenciales.50 horas autònomas.40 horas investigación) TOTAL CICLO: 14 SÁBADOS DISEÑO Y DESARROLLO DE PÁGINAS WEB 160 horas. (70 horas presenciales.50 horas autònomas.40 horas investigación) TOTAL CICLO: 14 SÁBADOS INTRODUCCIÓN En este Diplomado se establecen las bases y el método

Más detalles

F1162 Diseño gráfico de sistemas 1/9

F1162 Diseño gráfico de sistemas 1/9 PROGRAMA DE ESTUDIO Diseño gráfico de sistemas Universidad Juárez Autónoma de Tabasco Programa Educativo: Área de Formación : Licenciatura en Informática Administrativa Integral Profesional Horas teóricas:

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

INTERACCIÓN NIÑO-COMPUTADORA: LA IMPORTANCIA UNA BUENA USABILIDAD WEB PARA EL APRENDIZAJE IDEAL EN NIÑOS DE EDAD PRE-ESCOLAR

INTERACCIÓN NIÑO-COMPUTADORA: LA IMPORTANCIA UNA BUENA USABILIDAD WEB PARA EL APRENDIZAJE IDEAL EN NIÑOS DE EDAD PRE-ESCOLAR INTERACCIÓN NIÑO-COMPUTADORA: LA IMPORTANCIA UNA BUENA USABILIDAD WEB PARA EL APRENDIZAJE IDEAL EN NIÑOS DE EDAD PRE-ESCOLAR Por: John Cano Barrios, canobjohn@gmail.com Ingeniero de Sistemas, Universidad

Más detalles

Producción Hipermedia

Producción Hipermedia Producción Hipermedia HIPERTEXTO El hipertexto es una tecnología que organiza una base de información en bloques distintos de contenidos, conectados a través de una serie de enlaces cuya activación o selección

Más detalles

PLIEGO DE PRESCRIPCIONES TÉCNICAS DEL PROCEDIMIENTO SIMPLIFICADO PARA LA CONTRATACIÓN DE LOS SERVICIOS DE UNA EMPRESA PARA la INTEGRACIÓN DE

PLIEGO DE PRESCRIPCIONES TÉCNICAS DEL PROCEDIMIENTO SIMPLIFICADO PARA LA CONTRATACIÓN DE LOS SERVICIOS DE UNA EMPRESA PARA la INTEGRACIÓN DE PLIEGO DE PRESCRIPCIONES TÉCNICAS DEL PROCEDIMIENTO SIMPLIFICADO PARA LA CONTRATACIÓN DE LOS SERVICIOS DE UNA EMPRESA PARA la INTEGRACIÓN DE CONTENIDOS DE LA WEB DEL INSTITUTO DE CRÉDITO OFICIAL EN UN

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

CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL. Nivel 2. Versión 5 Situación RD 1201/2007 Actualización

CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL. Nivel 2. Versión 5 Situación RD 1201/2007 Actualización Página 1 de 18 CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL Familia Profesional Informática y Comunicaciones Nivel 2 Código IFC297_2 Versión 5 Situación RD 1201/2007 Actualización

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

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

Sitio Web inscripción- alojamiento- publicación

Sitio Web inscripción- alojamiento- publicación Sitio Web inscripción- alojamiento- publicación El Sitio Web Un sitio web es un gran espacio documental organizado que la mayoría de las veces está típicamente dedicado a algún tema particular o propósito

Más detalles

Qué necesito saber para tener mi sitio web en Internet?

Qué necesito saber para tener mi sitio web en Internet? Qué necesito saber para tener mi sitio web en Internet? Introducción Antes es importante tener en cuenta que Es importante considerar lo siguiente: Definir claramente tu actividad en Internet Establecer

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

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

COMO HACER UN SERVIDOR LOCAL

COMO HACER UN SERVIDOR LOCAL DISEÑO PÁGINAS WEB COMO HACER UN SERVIDOR LOCAL 1 2 DISEÑO PÁGINAS WEB Index 1. INSTALACION DE WAMP 2. CREAR UNA BASE DE DATOS 3. INSTALACION DE JOOMLA 4. COMO HACER UNA COPIA DE SEGURIDAD 5. COMO COPIAR

Más detalles

Plan Trio Entorno 2009 Su empresa tendrá una presencia completa en Internet

Plan Trio Entorno 2009 Su empresa tendrá una presencia completa en Internet Plan Trio Entorno 2009 Su empresa tendrá una presencia completa en Internet Qué servicios incluye Trio Entorno 2009? 1- Diseño WEB personalizado por diseñadores profesionales. 2- Registro de dominio con

Más detalles

PROGRAMA OBJETIVOS GENERALES OBJETIVOS ESPECIFICOS CONTENIDOS. Producción Digital IV FACULTAD DE DISEÑO Y COMUNICACION

PROGRAMA OBJETIVOS GENERALES OBJETIVOS ESPECIFICOS CONTENIDOS. Producción Digital IV FACULTAD DE DISEÑO Y COMUNICACION PROGRAMA OBJETIVOS GENERALES Conocer los fundamentos y conceptos generales de la utilidad, función de la producción digital y la comunicación visual en el campo digital multimedia. Aproximarse a las variables

Más detalles

GUIA 3 Tema: Optimización de imagenes y recursos para la web.

GUIA 3 Tema: Optimización de imagenes y recursos para la web. 22 GUIA 3 Tema: Optimización de imagenes y recursos para la web. Objetivos Que los alumnos comprendan la importancia de la optimización de imágenes para la Web y utilicen Adobe Fireworks como editor de

Más detalles

E-Info Commerce. Sáquele el máximo rendimiento a su negocio en Internet

E-Info Commerce. Sáquele el máximo rendimiento a su negocio en Internet Sáquele el máximo rendimiento a su negocio en Internet Qué es la solución E-Info Commerce? Solución Web para ofrecer un servicio de valor añadido a sus clientes o empleados. Damos un paso más a la imagen

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

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

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

Sistema para creación de portafolios electrónicos EduFolia

Sistema para creación de portafolios electrónicos EduFolia Sistema para creación de portafolios electrónicos EduFolia Lidia Guerra Programa de Postgrado en Informática, PPI Maestría en Informática y Tecnología Educativa Universidad Nacional de Costa Rica (506)

Más detalles

Mini Glosario Internet

Mini Glosario Internet Mini Glosario Internet Ancho de banda (Bandwidth) Es la capacidad de un sistema para transferir datos a través de una conexión de red, medida en valores de bits por segundo (kilobits, megabits, etc.);

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

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

CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL. Nivel 2. Versión 6. Actualización

CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL. Nivel 2. Versión 6. Actualización Página 1 de 19 CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL Familia Profesional Informática y Comunicaciones Nivel 2 Código IFC297_2 Versión 6 Situación Contraste externo Actualización

Más detalles

Experto en Diseño Web y Multimedia

Experto en Diseño Web y Multimedia Experto en Diseño Web y Multimedia Duración: 185.00 horas Descripción En la actualidad, empresas, grupos, organizaciones, y profesionales autónomos se comunican y se proyectan desde la red. Las empresas

Más detalles

Indexhibit 2 Tareas comunes

Indexhibit 2 Tareas comunes Indexhibit 2 Tareas comunes Oscar Ciutat oscarciutat.com/code Cómo entrar en el área de administración de Indexhibit? 1. Ir a www.direccion.com/ndxzstudio/, sustituyendo www.direccion.com por la dirección

Más detalles

Introducción a Ardora www.webardora.net

Introducción a Ardora www.webardora.net Ardora es un programa de autor enfocado principalmente al desarrollo de contenidos educativos para la web con el que se pretende que el profesorado centre su esfuerzo en el aspecto metodológico y didáctico

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

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

Creación de Alojamiento web y blogs.

Creación de Alojamiento web y blogs. Mª Dolores Carballar Falcón 28935146L 1. Introducción. El principal objetivo de esta guía es servir de introducción para que los alumnos de Informática Aplicada de la ESO y de ciclos formativos de informática,

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

Confección y publicación de páginas Web

Confección y publicación de páginas Web 2014 Confección y publicación de páginas Web Docente: Manuel Fernández Catalán 0 ÍNDICE 1 Presentación... 2 2 Objetivos... 2 3 Tecnología... 2 4 Metodología y evaluación... 3 5 Material didáctico... 3

Más detalles

Cómo crear un Sitio Web. IRI 2do cuatrimestre 2015

Cómo crear un Sitio Web. IRI 2do cuatrimestre 2015 Cómo crear un Sitio Web IRI 2do cuatrimestre 2015 PRIMER PASO Planificación Todo comienza con un buen plan. Caracterizar al cliente edad? hombre, mujer o niño? qué espera encontrar en mi empresa? habilidades?

Más detalles

CAPÍTULO III. ANÁLISIS DE LA SITUACIÓN ACTUAL DE WEB SITE PSICOM

CAPÍTULO III. ANÁLISIS DE LA SITUACIÓN ACTUAL DE WEB SITE PSICOM CAPÍTULO III. ANÁLISIS DE LA SITUACIÓN ACTUAL DE WEB SITE PSICOM Podemos definir la usabilidad de un sistema (producto o servicio) como la medida en la cual puede ser usado para conseguir objetivos concretos

Más detalles

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 Modalidad Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 cod / EU 0518 A Distancia Duración 300 Horas Objetivos Aportar al alumno todas las competencias y conocimientos necesarios

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

Web Mastering y Design

Web Mastering y Design Web Mastering y INTRODUCCIÓN Propósito de este documento El presente documento contiene el programa del curso online de Web Mastering y. OBJETIVOS Y MÉTODO DE USO Y EVALUACIÓN Objetivo y métodos de uso

Más detalles

Educomputacion. Te ofrece el diplomado en: *HTML *CSS *MYSQL * PHP. Matriz: Reforma #1050-A (Casi Esq. c/independencia) Tels. 812 99 99 y 812 38 76

Educomputacion. Te ofrece el diplomado en: *HTML *CSS *MYSQL * PHP. Matriz: Reforma #1050-A (Casi Esq. c/independencia) Tels. 812 99 99 y 812 38 76 Ven y aprende a realizar sitios Web, ya sea para uso en Internet o Intranet, que te permitan interactuar y generar páginas de contenidos utilizando una Base de Datos Educomputacion Te ofrece el diplomado

Más detalles

Metodología de Desarrollo de Sitios Web. El desarrollo de software vs. El desarrollo de sitios web

Metodología de Desarrollo de Sitios Web. El desarrollo de software vs. El desarrollo de sitios web Metodología de Desarrollo de Sitios Web Luis Carlos Aceves G. El desarrollo de software vs. El desarrollo de sitios web Diferencias en la forma de trabajar (metodología): Quién es el usuario? Rol de la

Más detalles

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6 Modalidad: Distancia Duración: 77 Horas Objetivos: En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Estos materiales

Más detalles

Su empresa siempre en contacto

Su empresa siempre en contacto Su empresa siempre en contacto Entorno Digital, S.A. (2009). 1/9 Qué es? Solución Web para ofrecer un servicio de valor añadido a sus clientes o empleados. Damos un paso más a la imagen corporativa de

Más detalles

Capítulo V. Resultados de evaluación y pruebas de usabilidad

Capítulo V. Resultados de evaluación y pruebas de usabilidad Capítulo V. Resultados de evaluación y pruebas de usabilidad Una vez que se concluyó la fase de desarrollo de una primera versión inicial de Aula social, se procedió a poner la plataforma en un modo de

Más detalles

Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo

Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo... 1 1. Los ejes alrededor de un diseño interactivo... 2 2. Los problemas de Adobe Flash...

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

TUTORIAL PARA CREAR UN SERVIDOR FTP

TUTORIAL PARA CREAR UN SERVIDOR FTP TUTORIAL PARA CREAR UN SERVIDOR FTP A continuación ustedes podrán observar y luego implementar el informe que elaboré a fin de que TODOS puedan aprender a montar y mantener su propio Servidor FTP. Comenzaremos

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

3. Qué necesitamos para usar Wordpress?

3. Qué necesitamos para usar Wordpress? Contenido 1. Objetivos de este tutorial... 2 2. Qué es Wordpress?... 2 3. Qué necesitamos para usar Wordpress?... 2 3.1 Alojamiento web... 3 3.2 DOMINIO O DIRECCIÓN DE INTERNET... 3 3.3 Cuenta FTP... 4

Más detalles

TEMA 3. Web Corporativa: Navegabilidad y usabilidad Web. PROFESOR: Antonio Carrasco

TEMA 3. Web Corporativa: Navegabilidad y usabilidad Web. PROFESOR: Antonio Carrasco TEMA 3. Web Corporativa: Navegabilidad y usabilidad Web PROFESOR: Antonio Carrasco Módulo 1: Análisis funcional y técnico Establecimiento del alcance del sistema Qué pretendemos obtener con el desarrollo

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

Diplomado en Diseño Pagina WEB Para Comercio Electrónico

Diplomado en Diseño Pagina WEB Para Comercio Electrónico Modulo Diseño de Páginas WEB Introducción al Corel WebSite Creator Introducción a las páginas WEB Interfaz del Corel WebSite Creator Ventanas, paneles y estructuras de carpetas Ventana de propiedades Creación

Más detalles

IX. GLOSARIO. .com: Dominio genérico de internet, que ha pasado a designar a las compañías y empresas con fines comerciales.

IX. GLOSARIO. .com: Dominio genérico de internet, que ha pasado a designar a las compañías y empresas con fines comerciales. IX. GLOSARIO.edu: Dominio genérico utilizado en internet únicamente con fines educativos, ya sea por escuelas, universidades o instituciones relacionadas..com: Dominio genérico de internet, que ha pasado

Más detalles

Pasos para obtener un alojamiento gratuito o Hosting y colgar nuestra pagina Web en Internet.

Pasos para obtener un alojamiento gratuito o Hosting y colgar nuestra pagina Web en Internet. Pasos para obtener un alojamiento gratuito o Hosting y colgar nuestra pagina Web en Internet. Existen bastantes alternativas de alojamientos gratuitos, algunos de ellos pueden ser: http://www.byethost.com

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

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Índice Conceptos básicos En este capítulo se enseñan los conceptos básicos de trabajo en Adobe Dreamveaver CS3. También se describen

Más detalles

Nombre. El nombre corto del recurso. Éste será mostrado en la página principal de curso.

Nombre. El nombre corto del recurso. Éste será mostrado en la página principal de curso. 4.4. ENLAZAR UN ARCHIVO O UNA PÁGINA WEB 4.4.1. Características El contenido de un curso no sólo se limita a los creados mediante los editores de Moodle, puesto que este tipo de recursos permite enlazar

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

DISEÑO MICROCURRICULAR

DISEÑO MICROCURRICULAR DISEÑO MICROCURRICULAR Código: F-GAC-03D Versión: 01 Edición: 18/02/2009 Nombre del Programa DISEÑO Y DESARROLLO WEB I Facultad articulada: Tipo de Evento: Duración: Comunicación Curso 50 Horas Objetivo

Más detalles

Tema: Estructura de HTML5 y optimización de imágenes.

Tema: Estructura de HTML5 y optimización de imágenes. Diseño Digital V. Guía 3 1 Facultad: Ciencias y Humanidades Escuela: Diseño Gráfico Asignatura: Diseño Digital V Tema: Estructura de HTML5 y optimización de imágenes. Objetivos Contenidos Introducir al

Más detalles

DOCUMENTOS COMPARTIDOS CON GOOGLE DOCS

DOCUMENTOS COMPARTIDOS CON GOOGLE DOCS DOCUMENTOS COMPARTIDOS CON GOOGLE DOCS 1. Introducción Los ambientes de aprendizaje acompañados de trabajos colaborativos como estrategia se revierten en actividades de diferente índole (análisis de videos,

Más detalles

TRANSFERENCIA DE INFORMACIÓN CON FTP

TRANSFERENCIA DE INFORMACIÓN CON FTP TRANSFERENCIA DE INFORMACIÓN CON FTP La finalidad de Internet es el intercambio de información. Existe la necesidad de transferir grandes archivos desde un punto de la red a otro punto (punto a punto),

Más detalles

Desarrollo Web. Realizamos todo tipo de páginas web adaptando el diseño a tus gustos y posibilidades.

Desarrollo Web. Realizamos todo tipo de páginas web adaptando el diseño a tus gustos y posibilidades. Tarifas 2015 Página 1 Desarrollo Web Realizamos todo tipo de páginas web adaptando el diseño a tus gustos y posibilidades. Tu web Profesional al mejor precio. Usamos las mejores tecnologías y bajamos los

Más detalles

Usabilidad web para PYMES y autónomos 6 de febrero de 2006

Usabilidad web para PYMES y autónomos 6 de febrero de 2006 Usabilidad web para PYMES y autónomos 6 de febrero de 2006 www.torresburriel.com Índice de contenidos Qué es la usabilidad Contexto Objetivo: ganar dinero Evaluación de la usabilidad Aspectos prácticos

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

LatinFox Corporation.Inc Tec. Anibal Quispe Phoco

LatinFox Corporation.Inc Tec. Anibal Quispe Phoco DESARROLLO DE PORTAL WEB CON SISTEMA DE ACTUALIZACIÓN Sr. Bernardino TICONA QUISPE DINÁMICA DE CONTENIDO Alcalde de la Municipalidad Distrital de Combapata Canchis. Previo un saludo le hago llegar la siguiente

Más detalles

3 - DESARROLLO DEL PROYECTO. Pag. 3. 7 - PUBLICACIÓN. Pag. 8

3 - DESARROLLO DEL PROYECTO. Pag. 3. 7 - PUBLICACIÓN. Pag. 8 TÉRMINOS Y CONDICIONES 1 - DEFINICIONES Pag. 1 2 - MATERIAL PARA EL SITIO WEB.. Pag. 2 3 - DESARROLLO DEL PROYECTO. Pag. 3 4 - MANTENIMIENTO.. Pag. 5 5 - ENTREGA..... Pag. 6 6 - DEVOLUCIONES & CANCELACIÓN...

Más detalles

DISEÑO Y DESARROLLO DE PÁGINA WEB

DISEÑO Y DESARROLLO DE PÁGINA WEB DISEÑO Y DESARROLLO DE PÁGINA WEB TOTAL HORAS: 200 HORAS (100 PRESENCIALES 100 INVESTIGACIÓN) TOTAL CICLO: 16 SÁBADOS INTRODUCCIÓN En este Diplomado se establecen las bases y el método de trabajo necesario

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

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

LA INCLUSIÓN EDUCATIVA DESDE UNA PÁGINA WEB PARA PERSONAS CON DISCAPACIDAD AUDITIVA Y VISUAL EN LA EDUCACIÓN SUPERIOR

LA INCLUSIÓN EDUCATIVA DESDE UNA PÁGINA WEB PARA PERSONAS CON DISCAPACIDAD AUDITIVA Y VISUAL EN LA EDUCACIÓN SUPERIOR LA INCLUSIÓN EDUCATIVA DESDE UNA PÁGINA WEB PARA PERSONAS CON DISCAPACIDAD AUDITIVA Y VISUAL EN LA EDUCACIÓN SUPERIOR Autores: Sonnia Rosero Quirós 1, Yojanner Hernández Peña 2, Maylyn Luque Elías 3 Correos

Más detalles

DESCRIPCIÓN ESPECÍFICA.

DESCRIPCIÓN ESPECÍFICA. DESCRIPCIÓN ESPECÍFICA. Nombre del Módulo: DISEÑO DE SITIOS WEB. Código: CSTI0031 Horas certificables: 62 Objetivo General: Diseñar sitios web que implementen características intuitivas y visuales Objetivos

Más detalles

PLATAFORMA VIRTUAL BASADA EN MOODLE

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

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

PONTIFICIA UNIVERSIDAD CATÓLICA DEL PERÚ

PONTIFICIA UNIVERSIDAD CATÓLICA DEL PERÚ PONTIFICIA UNIVERSIDAD CATÓLICA DEL PERÚ FACULTAD DE CIENCIAS E INGENIERÍA DESARROLLO DE UN SISTEMA DE CONSTRUCCIÓN DE WEBS 2.0 E INTEGRACIÓN CON UN SISTEMA DE VENTA DE DOMINIOS Tesis para optar por el

Más detalles

SÍLABO DEL CURSO DISEÑO Y PRODUCCION DIGITAL

SÍLABO DEL CURSO DISEÑO Y PRODUCCION DIGITAL SÍLABO DEL CURSO DISEÑO Y PRODUCCION DIGITAL I. INFORMACIÓN GENERAL: 1.1 Facultad Comunicaciones 1.2 Carrera Profesional Ciencias de la Comunicación /Comunicación y Publicidad/Comunicación Audiovisual

Más detalles

Pavel Kasík, Technet.cz

Pavel Kasík, Technet.cz Imagina que quieres crear tu propio sitio web. Normalmente, tendrías que descargar el software, instalarlo y comenzar a programar. Con Webnode no es necesario instalar nada. Puedes crear tu página web

Más detalles

Objetivo Usar el programa para crear ilustraciones tales como logotipos y anuncios, que incluyen tipografía y gráficos.

Objetivo Usar el programa para crear ilustraciones tales como logotipos y anuncios, que incluyen tipografía y gráficos. ADOBE ILLUSTRATOR Descripción Adobe Illustrator es un programa de gráficos sofisticados capaz de crear ilustraciones complejas y atractivas. En el se crean logotipos, anuncios y otras ilustraciones. En

Más detalles

Escuela Provincial de Educación Técnica N 1 UNESCO. Planificación Anual 2015 Ciclo Superior Secundario

Escuela Provincial de Educación Técnica N 1 UNESCO. Planificación Anual 2015 Ciclo Superior Secundario Escuela Provincial de Educación Técnica N 1 UNESCO Planificación Anual 2015 Ciclo Superior Secundario Especialidad: Técnico en Informática Personal y Profesional - Espacio Curricular: Programación Web

Más detalles

MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn

MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn Tegucigalpa M. D. C., Junio de 2009 Que es un CMS Un sistema de administración de contenido (CMS por sus siglas en ingles) es un programa para organizar

Más detalles

Unidad V MANEJO DE SOFTWARE PARA DOCUMENTAR

Unidad V MANEJO DE SOFTWARE PARA DOCUMENTAR Unidad V MANEJO DE SOFTWARE PARA DOCUMENTAR Unidad V: Manejo de software para documentar Semana 13 A. PRESENTACIÓN Para la construcción del documento el siguiente paso es elegir el programa de cómputo

Más detalles

Creación, diseño y mantenimiento de una pagina web educativa

Creación, diseño y mantenimiento de una pagina web educativa Centro de Profesorado de Sevilla CURSO DE FORMACIÓN CON SEGUIMIENTO USO DE INTERNET EN EL AULA Creación, diseño y mantenimiento de una pagina web educativa Ponente: Prof. JOSÉ BÉJAR VELATTA Sevilla, 13

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

Esta solución de fácil uso está orientada a cualquier industria, ya sea una empresa del sector privado o del sector público.

Esta solución de fácil uso está orientada a cualquier industria, ya sea una empresa del sector privado o del sector público. 1 En la actualidad el 80% de la información de una empresa está relacionada a un lugar. La variable de ubicación está presente en todas las áreas críticas de un negocio. Sin embargo, las organizaciones

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

Ministerio de Educación, Cultura y Deporte. HTML5 en la educación. Módulo 8: Publicación.

Ministerio de Educación, Cultura y Deporte. HTML5 en la educación. Módulo 8: Publicación. Ministerio de Educación, Cultura y Deporte. HTML5 en la educación Módulo 8: Publicación. Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Publicación de un proyecto web

Más detalles

Prof. Gutiérrez Gonzales Ángel

Prof. Gutiérrez Gonzales Ángel Instituto Politécnico Nacional Unidad Profesional Interdisciplinaria de Ingeniería y Ciencias Sociales y Administrativas Tecnologías en Ambiente Web Unidad Temática II Diseño y Construcción de Modelos

Más detalles

Programación en Capas.

Programación en Capas. Programación en Capas. Ricardo J. Vargas Del Valle Universidad de Costa Rica, Ciencias de Computación e Informática, San José, Costa Rica, 506 ricvargas@gmail.com Juan P. Maltés Granados Universidad de

Más detalles