MAQUETAR. 18 de Octubre de Wenceslao Zavala

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

Download "MAQUETAR. 18 de Octubre de 2012. Wenceslao Zavala http://producciondigitalup.com.ar"

Transcripción

1 MAQUETAR

2 ESTRATEGIAS DE MAQUETADO CSS Páginas Diseño Líquido o Fluído Son las que siguen el comportamiento natural del navegador. Ventajas: No se diseña para una resolución en particular Se evitan espacios vacios Desventajas: En monitores de mucha resolución puede tornarse molesta la lectura El comportamiento es menos predecible

3 ESTRATEGIAS DE MAQUETADO CSS 70% 5% 25% Se puede usar la propiedad max-width para limitar el ancho del contenedor

4 ESTRATEGIAS DE MAQUETADO CSS Páginas Diseño Fijo Como lo dice el nombre, se les especifica un ancho determinado. Basado en principios del diseño gráfico. Ventajas: El comportamiento es predecible Mejor control sobre el largo de las líneas de lectura Desventajas: El contenido de la derecha se esconde en tamaños del navegador menores al diseñado Los renglones de textos pueden ser pequeños en resoluciones mayores

5 ESTRATEGIAS DE MAQUETADO CSS 200% 30px 770% Se puede usar un contenedor con un tamaño específico, y el resto en %.

6 ESTRATEGIAS DE MAQUETADO CSS Páginas Elásicas Una mezcla de fijo y líquido. Se agranda o achica con el tamaño del texto. Son creados específicamente con anchos en Ems. 1 em = 12 pixeles Ventajas: Proporciona una consistencia en el diseño permitiendo la flexibilidad del tamaño de texto. Un poco más de control de las líneas de texto que los demás diseños Desventajas: Las imágenes no son fáciles de re-escalar con el texto El ancho del diseño puede superar al ancho del navegador.

7 ESTRATEGIAS DE MAQUETADO CSS 80 em = 960 px Se puede usar la propiedad max-width para limitar el ancho del contenedor

8 MAQUETAR

9 Un diseño para BlackBerry, otro para iphone, ipad, netbook, Kindle - y todas las resoluciones de pantalla también deben ser compatibles

10 RESPONSIVE WEB DESIGN El diseño y desarrollo deben responder al comportamiento del usuario y el medio ambiente en el que se visualice. Ethan Marcotte Responsive Web Design.

11 CÓMO HACERLO El Diseño Web Adaptable requiere de una forma más abstracta de pensar. Prácticas: Diseños fluídos Imágenes Flexibles Media Queries Script para reformular el contenido

12 DISEÑOS FLUIDOS Fuente: Morten Hjerde

13 DISEÑO LÍQUIDO O FLUÍDO Son las que siguen el comportamiento natural del navegador Ventajas: No se diseña para una resolución en particular Se evitan espacios vacios Desventajas: En monitores de mucha resolución puede tornarse molesta la lectura El comportamiento es menos predecible

14 DISEÑO LÍQUIDO O FLUÍDO 70% 5% 25% Se puede usar la propiedad max-width para limitar el ancho del contenedor

15 IMÁGENES FLEXIBLES El diseño debe ser una mezcla de grillas fluidas, imágenes flexibles y código sólo cuando sea necesario. Crear grillas fluidas es una práctica común, y hay un número de técnicas para crear imágenes flexibles: Ocultar y mostrar partes de las imágenes Crear imágenes compuestas según se deslicen Imágenes que se escalen con el diseño

16 IMÁGENES FLEXIBLES La idea detrás de las imágenes flexibles es que se realicen en el tamaño máximo que se utilizarán. No se declara el alto y ni ancho en el HTML así el navegador lo muestre del tamaño según sea necesario durante el uso de CSS para manejar su tamaño relativo. img { max-width: 100%; }

17 MEDIA QUERIES CSS3 soporta lo mismos medios que CSS 2.1, como visualizar, imprimir y dispositivos (handheld), pero se han agregado nuevas características a MediaQuery. Como min-width y max-width tanto de pantalla como de dispositivo, orientación y color.

18 pantallas tabletas mobiles Header Header Header Contenido S i d e b a r S i d e b a r Contenido S i d e b a r Contenido Sidebar 2 Sidebar 1 Sidebar 2

19 CSS PARA DIFERENTES SOPORTES Se determina el CSS según el soporte <link rel="estilos" media="screen" href="pantallas.css" /> <link rel="estilos" media="handheld" href="dispositivos.css" /> <link rel="estilos" media="print" href="imprimir.css" />

20 CSS QUERY Se determina el CSS según el tamaño de cada soporte <link href="css/pantallas.css" rel="stylesheet" type="text/css"> <link href="css/celular.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 320px)" /> <link href="css/tablets.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 321px) and (max-width: 768px)" > Para ocultar una capa se puede usar la propiedad { display: none; } para esconderla.

21 SCRIPT PARA REFORMULAR CONTENIDO Ocultar o Mostrar Contenido Para ocultar un bloque se puede usar la propiedad: { display: none; } Simplificar navegadores para dispositivos Reemplazar navegador a menú de lista con Javascript iphones & ipads <meta name="viewport" content="width=device-width, initial-scale=1.0">

22 La simplicidad es la máxima sofisticación. Leonardo Da Vinci

23 CÓMO LLEGA UNA WEB IP (Internet Protocol) A cada computadora en Internet se le asigna un número único de dirección IP. Ej.: Domain Name System (DNS) Permite referirse al servidor sólo con el nombre de dominio Ej.: Dirección numérica IP Nombre de Dominio Computadoras Personas

24 CÓMO SE VISUALIZA UNA WEB Navegadores El software del cliente que hace el pedido URL (Uniform Resource Locator) Cada documento tiene su propia dirección especial llamada URL Las partes de una URL Una URL completa en general está compuesta por 3 partes a- El protocolo b- Nombre de Dominio c- Ruta absoluta al documento

25 LAS PARTES DE LA URL

26 EL SITIO EN LA WEB Qué es el nombre? Un nombre de dominio es un nombre que pueda ser leído por el hombre asociado a la dirección numérica IP en Internet. La IP es necesario para registrar el nombre del dominio.

27 REGISTRO DE DOMINIO Existen dos formas de registrar un dominio Contratar la empresa de Hosting, y que esta lo haga por nosotros Registrarlo nosotros mismos. ICANN (Internet Corporation for Assigned Names and Numbers) Se aseguran que el nombre de dominio se asigne a un sólo dueño.

28 DÓNDE REGISTRAR Para registrar en EEUU Network Solutions (www.networksolutions.com) Register.com (www.register.com) GoDaddy (www.godaddy.com) En Argentina: Otros países: + extensión de país

29 EXTENSIONES POSIBLES Extensiones posibles:.com > comercial/negocios.org > organizaciones sin fines de lucro.edu > intituciones educativas.net > red de organizaciones.mil > militares.gov > entidades del gobierno

30 BUSCAR UNA EMPRESA DE HOSTING Servicios profesionales de Hosting: Ventajas: Oferta de paquetes para cada tipo de sitio web. Acorde a los requerimeintos y presupuestos de cada sitio. Se puede tener el dominio propio. Desventajas: Encontrar el necesario requiere cierto análisis. Los servidores más fiables, o que brindan más servicio son los más caros

31 BUSCAR UNA EMPRESA DE HOSTING Preguntas para evaluar una empresa de hosting: Es un sitio personal o de empres? Necesita un nombre de dominio? Cuanto es el espacio necesario? Se necesita un servidor dedicado? Cuál será la cantidad de tráfico que tenga el sitio? Cuantas cuentas de son necesarias? Se necesita una funcionalidad extra? Necesito un servicio de soporte con qué frecuencia? Se necesitan backups de forma regular? Yo necesito ser un reseller?

32 TRANSFERENCIA DE ARCHIVOS VÍA FTP Para esto se necesita: Nombre del Servidor Web (hosting)por ejemplo: Nombre de usuario Contraseña El directorio donse se guarden las páginas por ejemplo: public_html

33 TRANSFERENCIA DE ARCHIVOS VÍA FTP Para esto se necesita: FTP Nombre de Usuario: Password: FTP Servidor: ftp.producciondigitalup.com.ar FTP Puerto de Servidor: 21 Directorio: public_html/12345

PRODUCCIÓN DIGITAL I. 13 de Junio de 2013. Wenceslao Zavala http://producciondigitalup.com.ar

PRODUCCIÓN DIGITAL I. 13 de Junio de 2013. Wenceslao Zavala http://producciondigitalup.com.ar PRODUCCIÓN DIGITAL I QUÉ ES UN BUSCADOR Buscadores El posicionamiento depende principalmente de los buscadores El objetivo fundamental de un buscador es darle a sus usuarios lo que están buscando: contenido

Más detalles

Responsive Web Design

Responsive Web Design Responsive Web Design Diseño flexible para PC, celulares y tabletas (y relojes, televisores, heladeras, etc ) Hernán Beati @hernan_beati hernan@saberweb.com.ar Hernán Beati Diseñador gráfico (+19 años)

Más detalles

White Paper: Responsive Design para Email

White Paper: Responsive Design para Email El Responsive Design o diseño adaptativo es una técnica de diseño y desarrollo html que permite que con una sola versión del HTML, se cubran todas las resoluciones de pantalla. El email o página web en

Más detalles

Diseño Web para dispositivos Móviles con HTML5 ING. YIM ISAIAS APESTEGUI FORENTINO

Diseño Web para dispositivos Móviles con HTML5 ING. YIM ISAIAS APESTEGUI FORENTINO Diseño Web para dispositivos Móviles con HTML5 Accesibilidad a la Web móvil Movilidad desde la Web accesible Accesibilidad a la Web móvil W3C lanzó a mediados del 2005 la Iniciativa Web Móvil. La Iniciativa

Más detalles

GUÍA HTML EMAIL RES PONSIVE

GUÍA HTML EMAIL RES PONSIVE GUÍA HTML EMAIL RES PONSIVE Campañas impactantes en todos los dispositivos Ya lo expuso Darwin con su teoría de la evolución: solo aquellos seres vivos que se adapten a su entorno podrán sobrevivir. Y

Más detalles

Buscadores El posicionamiento depende principalmente de los buscadores

Buscadores El posicionamiento depende principalmente de los buscadores QUÉ ES UN BUSCADOR Buscadores El posicionamiento depende principalmente de los buscadores El objetivo fundamental de un buscador es darle a sus usuarios lo que están buscando: contenido de valor Los buscadores

Más detalles

RESPONSIVE WEB DESIGN en. Drupal PRESENTE Y FUTURO

RESPONSIVE WEB DESIGN en. Drupal PRESENTE Y FUTURO RESPONSIVE WEB DESIGN en Drupal PRESENTE Y FUTURO QUIENES SOMOS Cristina Chumillas @chumillas Pako Garcia @pakmanlh cristina.chumillas@ymbra.com pako.garcia@ymbra.com WE ARE DRUPAL DREAMERS! QUÉ TRATAREMOS?

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

CONFIGURACION DE HOSTING EN SERVIDOR HST

CONFIGURACION DE HOSTING EN SERVIDOR HST CONFIGURACION DE HOSTING EN SERVIDOR HST El Instituto High System Training brinda a sus estudiantes un espacio de almacenamiento donde podrá alojar su Página Web creada en la asignatura CMS y su Aplicativo

Más detalles

Introducción al desarrollo web (idesweb)

Introducción al desarrollo web (idesweb) Introducción al desarrollo web (idesweb) Práctica 3: CSS, maquetación y estilos alternativos 1. Objetivos Aprender a maquetar una página web con CSS. Aprender a emplear estilos alternativos en una página

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

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

Queremos asegurarnos de que tu sitio aparezca en los resultados de búsqueda.

Queremos asegurarnos de que tu sitio aparezca en los resultados de búsqueda. Queremos asegurarnos de que tu sitio aparezca en los resultados de búsqueda. En estas secciones, te enseñamos a: Configurar el sitio para varios dispositivos, que los motores de búsqueda comprendan la

Más detalles

1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES

1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES Diseño WeB de ancho fijo con 2 columnas flotantes _TIN 1º Bachillerato página 1/5 1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES..1 1.1 Diseños de ancho fijo, elástico y líquido.1 1.2 Diseño de ancho

Más detalles

IFCD0110 CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB. ETSI Minas y Energía - UPM RESPONSIVE DESIGN. Bernardo Chenlo

IFCD0110 CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB. ETSI Minas y Energía - UPM RESPONSIVE DESIGN. Bernardo Chenlo IFCD0110 CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB. ETSI Minas y Energía - UPM 1 RESPONSIVE DESIGN Bernardo Chenlo 2 INTRODUCCIÓN Qué es Responsive Design? Responsive Design El contenido se adapta a la pantalla

Más detalles

Introducción al desarrollo web (idesweb) - 3 a ed.

Introducción al desarrollo web (idesweb) - 3 a ed. Introducción al desarrollo web (idesweb) - 3 a ed. Práctica 4: CSS, maquetación y estilos alternativos 1. Objetivos Aprender a maquetar una página web con CSS. Aprender a emplear estilos alternativos en

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

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

Guía para creación de temas para editor de EditandSend

Guía para creación de temas para editor de EditandSend Guía para creación de temas para editor de EditandSend En este documento se describen las acciones que debe realizar el diseñador/maquetador para personalizar un tema y poder ser utilizado en el EDIT.

Más detalles

La Internet y el Desarrollo Web. Orlando Durán Sáez

La Internet y el Desarrollo Web. Orlando Durán Sáez La Internet y el Desarrollo Web NTERNET Conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP redes de comunicación 1969 NTERNET inter net conected

Más detalles

HTML5 y CSS3 para sitios con diseño web responsive

HTML5 y CSS3 para sitios con diseño web responsive Capítulo 1: Introducción A. El diseño web actual 11 B. Diseño web responsive 11 C. Planteamientos de diseño 12 D. Pasar a otra cosa 12 E. Objetivos del libro 13 F. Herramientas del maquetador 13 1. Objetivos

Más detalles

CAPÍTULO I INTRODUCCIÓN

CAPÍTULO I INTRODUCCIÓN CAPÍTULO I INTRODUCCIÓN Una página Web es un documento situado en una red informática al que se accede mediante enlaces de hipertexto, y éste es aquel texto que contiene elementos a partir de los cuales

Más detalles

Manual de v2cms v2cms v1.01

Manual de v2cms v2cms v1.01 Manual de v2cms v2cms v1.01 Introducción v2cms es un sistema de manejo de contenido que ofrece una gran flexibilidad para la creación de sitios web no importa el tamaño del mismo. El mismo permite una

Más detalles

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

QUÉ ES UN SERVIDOR Y CUÁLES SON LOS PRINCIPALES TIPOS DE SERVIDORES? (PROXY, DNS, WEB, FTP, SMTP, ETC.) (DV00408A)

QUÉ ES UN SERVIDOR Y CUÁLES SON LOS PRINCIPALES TIPOS DE SERVIDORES? (PROXY, DNS, WEB, FTP, SMTP, ETC.) (DV00408A) APRENDERAPROGRAMAR.COM QUÉ ES UN SERVIDOR Y CUÁLES SON LOS PRINCIPALES TIPOS DE SERVIDORES? (PROXY, DNS, WEB, FTP, SMTP, ETC.) (DV00408A) Sección: Divulgación Categoría: Herramientas Informáticas Fecha

Más detalles

Copyright del Producto

Copyright del Producto Parallels Panel Copyright del Producto ISBN: N/A Parallels 660 SW 39 th Street Suite 205 Renton, Washington 98057 EEUU Teléfono: +1 (425) 282 6400 Fax: +1 (425) 282 6444 Copyright 1999-2009, Parallels,

Más detalles

Solución de Mensajería y Colaboración HOSTED MICROSOFT EXCHANGE

Solución de Mensajería y Colaboración HOSTED MICROSOFT EXCHANGE Solución de Mensajería y Colaboración HOSTED MICROSOFT EXCHANGE Agosto 2012 Introducción a Microsoft Exchange Su organización necesita que sus herramientas de comunicación sean económicas y flexibles,

Más detalles

RESPONSIVE DESIGN PARTE 1 RESPONDIENDO A DISPOSITIVOS, RESOLUCIONES Y EXPERIENCIAS. MARCOS HEIZ @msh_cd. HERNÁN NADOTTI @Cuquinho10

RESPONSIVE DESIGN PARTE 1 RESPONDIENDO A DISPOSITIVOS, RESOLUCIONES Y EXPERIENCIAS. MARCOS HEIZ @msh_cd. HERNÁN NADOTTI @Cuquinho10 RESPONSIVE DESIGN RESPONDIENDO A DISPOSITIVOS, RESOLUCIONES Y EXPERIENCIAS PARTE 1 MARCOS HEIZ @msh_cd HERNÁN NADOTTI @Cuquinho10 Qué es el diseño responsive? Qué es el responsive design? Es una tecnica

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

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

Técnico TIC en Diseño Web Responsive con HTML5 y CSS3

Técnico TIC en Diseño Web Responsive con HTML5 y CSS3 Técnico TIC en Diseño Web Responsive con HTML5 y CSS3 TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Técnico TIC en Diseño Web Responsive con HTML5

Más detalles

Capítulo IV. Implementación de Aula social

Capítulo IV. Implementación de Aula social Capítulo IV. Implementación de Aula social La plataforma Aula social está conformada de tres tipos de funcionalidades que son colaborativas, sociales y educativas. Aula social fue implementada a través

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

UNIVERSIDAD DE ALCALÁ. Grado en Ingeniería Informática

UNIVERSIDAD DE ALCALÁ. Grado en Ingeniería Informática UNIVERSIDAD DE ALCALÁ Escuela Politécnica Superior Grado en Ingeniería Informática Trabajo de Fin de Grado Responsive Web Design: Interfaces Web Adaptables al dispositivo empleando HTML5 y CSS3 Adrián

Más detalles

Somos una Agencia de Diseño experta en desarrollos web multiplataforma y aplicaciones en la nube

Somos una Agencia de Diseño experta en desarrollos web multiplataforma y aplicaciones en la nube Somos una Agencia de Diseño experta en desarrollos web multiplataforma y aplicaciones en la nube La implementación de un gran diseño asegura dejar huella de su marca, productos y servicios en el siempre

Más detalles

Buenas prácticas en la web móvil Accesibilidad y usabilidad

Buenas prácticas en la web móvil Accesibilidad y usabilidad Buenas prácticas en la web móvil Accesibilidad y usabilidad Laura Fernando López 21 de Abril de 2015 Índice Buenas prácticas en la web móvil Técnicas y principios Estilos para adaptar a los diferentes

Más detalles

1.- REDES E INTERNET TIPOS DE REDES COMUNICACIÓN POR INTERNET PROTOCOLO IP PROTOCOLO TCP

1.- REDES E INTERNET TIPOS DE REDES COMUNICACIÓN POR INTERNET PROTOCOLO IP PROTOCOLO TCP 1.- REDES E INTERNET TIPOS DE REDES LAN (Local Area Network). Enlazan ordenadores dentro de un área limitada: un departamento, una oficina, un edificio, etc La forma más sencilla para crear una LAN es

Más detalles

Responsive Web Design Diseño Web Adaptable

Responsive Web Design Diseño Web Adaptable Responsive Web Design Diseño Web Adaptable Hoy en día los usuarios de nuestras páginas web o tiendas online pueden acceder a las mismas desde diferentes medios: un ordenador de sobremesa con pantalla panorámica,

Más detalles

UTN DESARROLLADOR WEB MOBILE. Diseño Multimedial. Presentación del curso. Temario a desarrollar

UTN DESARROLLADOR WEB MOBILE. Diseño Multimedial. Presentación del curso. Temario a desarrollar UTN DESARROLLADOR WEB MOBILE Presentación del curso El desarrollo web para dispositivos móviles es un área de la programación web con una demanda en permanente crecimiento. Este curso está orientado a

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION CICLO 01-2014 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 13 Nombre de la práctica: Alojamiento web, dominio y transferencia FTP Lugar de ejecución:

Más detalles

Jornadas de Accesibilidad

Jornadas de Accesibilidad Christian González (Diseño y estándares web) Jornadas de Dispositivos móviles. Navegadores móviles. Antes de comenzar a meter código. Estructura de maquetación. Buenas prácticas. Enlaces. Muchas gracias.

Más detalles

Tema 1: Introducción a las Aplicaciones Web. Contenidos:

Tema 1: Introducción a las Aplicaciones Web. Contenidos: Tema 1: Introducción a las Aplicaciones Web. Contenidos: 1. Esquema de funcionamiento. 1.1. Modelo Cliente/Servidor. 1.1.1. Componentes de un Servidor (WAMP, LAMP). 1.1.2. Navegadores. 1.2. Conceptos.

Más detalles

Wenceslao Zavala. www.producciondigitalup.com.ar

Wenceslao Zavala. www.producciondigitalup.com.ar Wenceslao Zavala www.producciondigitalup.com.ar www.producciondigitalup.com.ar Transferencia de Archivos vía FTP Para esto se necesita: Dirección FTP: producciondigitalup.com.ar Usuario: produccionup Contraseña:

Más detalles

MAQUETACIÓN CON CSS. Elementos principales. Diseño fijo, líquido, elástico

MAQUETACIÓN CON CSS. Elementos principales. Diseño fijo, líquido, elástico MAQUETACIÓN CON CSS Elementos principales Para maquetar una página web y crear su estructura visual (layout) hay que dividir la página en bloques. La estructura de una página web tendrá una serie de áreas

Más detalles

ASIGNATURA: Ingeniería de software II DOCENTE: Licda.Carla Milagro López Vásquez RESPONSABLE: Rodolfo Alberto Palma Ramos CARRERA:

ASIGNATURA: Ingeniería de software II DOCENTE: Licda.Carla Milagro López Vásquez RESPONSABLE: Rodolfo Alberto Palma Ramos CARRERA: UNIDAD 04: PATRONES DE DISEÑO WEB. ASIGNATURA: Ingeniería de software II DOCENTE: Licda.Carla Milagro López Vásquez RESPONSABLE: Rodolfo Alberto Palma Ramos CARRERA: Técnico en Ingeniería en Sistemas y

Más detalles

Técnico TIC en Diseño Web Responsive con HTML5 y CSS3

Técnico TIC en Diseño Web Responsive con HTML5 y CSS3 Técnico TIC en Diseño Web Responsive con HTML5 y CSS3 Titulación certificada por EUROINNOVA BUSINESS SCHOOL Técnico TIC en Diseño Web Responsive con HTML5 y CSS3 Técnico TIC en Diseño Web Responsive con

Más detalles

ADSL: (Asymetric Digital Subscriber Line). Este sistema permite transmitir información en formato digital a través de las líneas normales de teléfono.

ADSL: (Asymetric Digital Subscriber Line). Este sistema permite transmitir información en formato digital a través de las líneas normales de teléfono. ADSL: (Asymetric Digital Subscriber Line). Este sistema permite transmitir información en formato digital a través de las líneas normales de teléfono. Ancho de banda: Número máximo de datos que pueden

Más detalles

Bootstrap: Introducción práctico en el Diseño Web

Bootstrap: Introducción práctico en el Diseño Web Bootstrap: Introducción práctico en el Diseño Web Originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web

Más detalles

Gobierno Electrónico ANEXOS ANEXO A: INSTALACIÓN, CONFIGURACIÓN Y ACTUALIZACIÓN DE JOOMLA, MÓDULOS Y COMPONENTES. Alexandra Paola Guerrero Chuquín

Gobierno Electrónico ANEXOS ANEXO A: INSTALACIÓN, CONFIGURACIÓN Y ACTUALIZACIÓN DE JOOMLA, MÓDULOS Y COMPONENTES. Alexandra Paola Guerrero Chuquín Gobierno Electrónico NEXOS NEXO : INSTLCIÓN, CONFIGURCIÓN Y CTULIZCIÓN DE JOOML, MÓDULOS Y COMPONENTES 1 NEXO : Instalación, Configuración y ctualización de Joomla, Módulos y Componentes. Qué es Joomla?

Más detalles

Tema 4: Internet y Teleinformática. Informática Básica

Tema 4: Internet y Teleinformática. Informática Básica Tema 4: Internet y Teleinformática Informática Básica Licesio J. Rodríguez-Aragón Departamento de Informática, Estadística y Telemática Universidad Rey Juan Carlos Tema 4: Internet y Teleinformática 1

Más detalles

Cómo empiezo a teletrabajar?

Cómo empiezo a teletrabajar? Cómo empiezo a teletrabajar? CAPÍTULO 8: NECESITO UN SITIO WEB? Si usted está seguro de que desea teletrabajar en forma independiente, sería conveniente que desarrolle un sitio web para mostrar lo que

Más detalles

CAPITULO 5 PRUEBAS MEDICIONES Y ANÁLISIS DE RESULTADOS

CAPITULO 5 PRUEBAS MEDICIONES Y ANÁLISIS DE RESULTADOS CAPITULO 5 PRUEBAS MEDICIONES Y ANÁLISIS DE RESULTADOS 5.1. IMPLEMENTACION DEL SERVIDOR FTP Para implementar el servidor FTP se selecciono el Serv-U, es un software libre que se encuentra en la red el

Más detalles

Tema 5. Tecnologías web. Antonio Sanz ansanz@unizar.es. Comercio Electrónico

Tema 5. Tecnologías web. Antonio Sanz ansanz@unizar.es. Comercio Electrónico Tema 5 Tecnologías web Antonio Sanz ansanz@unizar.es Comercio Electrónico Índice Gestión de un proyecto web Historia i de Internet t y la WWW Arquitecturas cliente/servidor Gestión de un proyecto web Introducción

Más detalles

Especificación de requisitos de software Proyecto: SIS-WEB (Sistema de Información de Seminarios WEB) Revisión 1.0

Especificación de requisitos de software Proyecto: SIS-WEB (Sistema de Información de Seminarios WEB) Revisión 1.0 Especificación de requisitos de software Proyecto: (Sistema de Información de Seminarios WEB) Revisión 1.0 Tania Isadora Mora Dorance Moreno Luis Yovany Romo Septiembre 2007 Realizado Por: Tania I. Mora

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

Configuración de la conexión remota al servidor de Internet Omizzy

Configuración de la conexión remota al servidor de Internet Omizzy Configuración de la conexión remota al servidor de Internet Omizzy Como primer paso, debemos configurar el modem-router ADSL de la vivienda para poder conectarnos al servidor Omizzy desde un Pc remoto.

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

Web Hosting. Manuales Dattatec. Planes Inicio y Lite

Web Hosting. Manuales Dattatec. Planes Inicio y Lite Web Hosting Manuales Dattatec Planes Inicio y Lite 2 3 5 7 9 11 15 Hosting y Dominios. Características de los planes. DNS Cómo utilizar mi panel de control? Cómo configuro mi correo electrónico? Cómo publico

Más detalles

Diseño de Páginas Web - Publicación y mantenimiento de un sitio Web

Diseño de Páginas Web - Publicación y mantenimiento de un sitio Web Publicación y mantenimiento de un sitio web. Índice: 1.- Objetivos formativos 2.- Compresión de archivos con Winzip 3.- Adobe Acrobat. Documentos Pdf 4.- Dominios DNS 5.- Alta de dominios 6.- Actualización

Más detalles

CAPA DE APLICACIONES

CAPA DE APLICACIONES CAPA DE APLICACIONES En esta capa se implementan protocolos que ayudan al intercambio de información entre usuarios Protocolos utilizados El sistema de nombres de dominio (DNS) Transferencia de Hipertexto

Más detalles

SISTEMAS DE NOMBRES DE DOMINIO

SISTEMAS DE NOMBRES DE DOMINIO SISTEMAS DE NOMBRES DE DOMINIO La historia del sistema de nombres de dominio, DNS, se remonta a la década de los setenta, donde cada una de las computadoras conectadas a la red tenía asignada una dirección

Más detalles

CAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3

CAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3 ver. 3 Diseño de cajas de esquinas redondeadas y ancho fijo para Diseño WEB _TICO 1º Bachillerato página 1/10 CAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3...1 Procedimiento 1: Diseño con Gimp de una

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

ALL IN HOSTING. Guías de uso. Guía para Hosting Reseller y Reseller Cloud+.

ALL IN HOSTING. Guías de uso. Guía para Hosting Reseller y Reseller Cloud+. Guías de uso. Guía para Hosting Reseller y Reseller Cloud+. Hola! Esta guía es un documento breve donde te explicaremos de forma clara y sencilla todo lo que necesitas saber para iniciar el uso de tu plan

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

DISEÑO WEB ADAPTATIVO O RESPONSIVO Esther Labrada Martínez y Cristina Salgado Ceballos

DISEÑO WEB ADAPTATIVO O RESPONSIVO Esther Labrada Martínez y Cristina Salgado Ceballos 1 de enero 2013 Volumen 14 Número 1 ISSN: 1067-6079 DISEÑO WEB ADAPTATIVO O RESPONSIVO Esther Labrada Martínez y Cristina Salgado Ceballos Diseño Web Adaptativo o Responsivo http://www.revista.unam.mx/vol.14/num1/art07/index.html

Más detalles

EXPERIENCIAS EDUCATIVAS. CREAR UN PORTAL EDUCATIVO CON JOOMLA

EXPERIENCIAS EDUCATIVAS. CREAR UN PORTAL EDUCATIVO CON JOOMLA EXPERIENCIAS EDUCATIVAS. CREAR UN PORTAL EDUCATIVO CON JOOMLA AUTORÍA PEDRO J. MORENO GARCÍA TEMÁTICA TIC ETAPA ESO, BACHILLERATO,FP Resumen Con Joomla podemos crear en pocas horas un completo portal para

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION CICLO 01-2016 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 10 Nombre de la práctica: Maquetación de páginas web Lugar de ejecución: Laboratorio

Más detalles

Redes de Ordenadores: Internet. Internet. Historia. Introducción

Redes de Ordenadores: Internet. Internet. Historia. Introducción Internet Redes de Ordenadores: Internet Luis Gonzaga Pérez Cordón A3-148 lgonzaga@ujaen.es Introducción Historia Identificación de ordenadores Acceso a Internet Servicios y recursos proporcionados por

Más detalles

UNIDAD 4 HIPERENLACES

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

Más detalles

PRACTICA CAPITULO 2 MODULO 1 PROTOCOLOS Y LA FUNCIONALIDAD DE LA CAPA DE APLICACIÓN

PRACTICA CAPITULO 2 MODULO 1 PROTOCOLOS Y LA FUNCIONALIDAD DE LA CAPA DE APLICACIÓN PRACTICA CAPITULO 2 MODULO 1 PROTOCOLOS Y LA FUNCIONALIDAD DE LA CAPA DE APLICACIÓN Los protocolos de capa de aplicación de TCP/IP más conocidos son aquellos que proporcionan intercambio de la información

Más detalles

Dispositivos de Red Hub Switch

Dispositivos de Red Hub Switch Dispositivos de Red Tarjeta de red Para lograr el enlace entre las computadoras y los medios de transmisión (cables de red o medios físicos para redes alámbricas e infrarrojos o radiofrecuencias para redes

Más detalles

360WebManager MANUAL DE INICIO. 1ra. parte. Manual de uso del panel de control Versión 3.0. www.360webmanager.com www.360webmanager.

360WebManager MANUAL DE INICIO. 1ra. parte. Manual de uso del panel de control Versión 3.0. www.360webmanager.com www.360webmanager. Manual de uso del panel de control Versión 3.0 1ra. parte www.360webmanager.com www.360webmanager.com/manual 1 Para que sirve el Manual de Inicio? El Manual de Inicio sirve para que en pocos minutos pueda

Más detalles

WEB HOSTING IPLAN UTILIZACIÓN DEL PANEL DE CONTROL HAITI 3.0

WEB HOSTING IPLAN UTILIZACIÓN DEL PANEL DE CONTROL HAITI 3.0 WEB HOSTING IPLAN UTILIZACIÓN DEL PANEL DE CONTROL HAITI 3.0 ÍNDICE 1. Introducción...Pág. 03 1.1 Funcionamiento...Pág. 03 1.2 Ingresando al Panel de Control...Pág. 03 1.3 Secciones...Pág. 04 2. Módulo

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

Manual Básico de Usuario

Manual Básico de Usuario Manual Básico de Usuario Aplicable a todos los planes Esteban Menéndez www.hostingcomun.com Índice 1 - Hosting y Dominios pag. 3 2 - Características de los planes pag. 4 3 - DNS pag. 5 4 - Cómo utilizar

Más detalles

La única regla que debe de tener presente siempre, es que cada etiqueta que abra debe de cerrarla en el mismo orden < /etiqueta cerrada>.

La única regla que debe de tener presente siempre, es que cada etiqueta que abra <etiqueta> debe de cerrarla en el mismo orden < /etiqueta cerrada>. Antes de comenzar, si algo no está en este manual, utilice google para averiguarlo y acostúmbrese a ello ya que será la mejor herramienta que pueda encontrar. La estructura básica de toda página web es:

Más detalles

Recuperación de Información en Internet: Tema 1: Internet

Recuperación de Información en Internet: Tema 1: Internet Recuperación de Información en Internet: Tema 1: Internet 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

Más detalles

ADAPTAEMPLEO INFORME ACCESIBILIDAD. octubre 2013. Versión 1.0

ADAPTAEMPLEO INFORME ACCESIBILIDAD. octubre 2013. Versión 1.0 ADAPTAEMPLEO INFORME ACCESIBILIDAD octubre 2013 Versión 1.0 1.0 Primera versión del documento. CONTROL DE CAMBIOS Índice de Contenido 1. ACCESIBILIDAD WEB...4 2. PUNTOS DE VERIFICACIÓN...5 2.1. IMÁGENES

Más detalles

Manual de Usuario del software de monitorización en teléfonos. móviles. Sólo para Blackberry

Manual de Usuario del software de monitorización en teléfonos. móviles. Sólo para Blackberry Manual de Usuario del software de monitorización en teléfonos móviles Sólo para Blackberry Índice 1 VISIÓN GENERAL... 3 1.1 Introducción... 3 1.2 Características... 3 1.3 Entorno... 3 2 INSTALACIÓN DEL

Más detalles

Introducción al desarrollo de aplicaciones web móviles

Introducción al desarrollo de aplicaciones web móviles Tema 6 Parte I Texto Introducción al desarrollo de aplicaciones web móviles Introducción. HTML y CSS para aplicaciones web móviles 2 1 Qué tienen de especial los dispositivos móviles... Desarrollo de aplicaciones

Más detalles

TEMA V: REDES DE COMPUTADORES

TEMA V: REDES DE COMPUTADORES TEMA V: REDES DE COMPUTADORES 5. Redes de computadores. 5.1. Introducción. A partir de los años sesenta se empezaron a utilizar periféricos (terminales) a grandes distancias, conectados a los computadores

Más detalles

Introducción a RIA. Andrés Pastorini. TRIA Tecnólogo Informático

Introducción a RIA. Andrés Pastorini. TRIA Tecnólogo Informático a RIA Andrés Pastorini TRIA Tecnólogo Informático El objetivo principal de la asignatura es forma al estudiante en el diseño y desarrollo de aplicaciones web ricas. Los objetivos de la asignatura son:

Más detalles

Alcance y descripción del servicio. Cloud Hosting IPLAN

Alcance y descripción del servicio. Cloud Hosting IPLAN Alcance y descripción del servicio Cloud Hosting IPLAN 1. Introducción. Nuestra solución de Cloud Hosting IPLAN ofrece flexibilidad y simpleza permitiendo publicar un sitio Web en Internet, utilizando

Más detalles

Protocolo de Internet (IP)

Protocolo de Internet (IP) Semana 12 Empecemos! Estimado y estimada participante, esta semana tendrás la oportunidad de aprender sobre protocolo de Internet (IP), el cual permite enlazar computadoras de diferentes tipos, ser ejecutado

Más detalles

Curso de Frontend Online HTML5, CSS3, JavaScript, jquery y Responsive Design

Curso de Frontend Online HTML5, CSS3, JavaScript, jquery y Responsive Design Curso de Frontend Online HTML5, CSS3, JavaScript, jquery y Responsive Design Objetivo General: Al final del curso el estudiante tendrá los conocimientos y habilidades necesarios para generar (diseñar y

Más detalles

Curso: DISEÑO WEB PARA DISPOSITIVOS MOVILES CON HTML5 + CSS3 + JAVASCRIPT

Curso: DISEÑO WEB PARA DISPOSITIVOS MOVILES CON HTML5 + CSS3 + JAVASCRIPT Curso: DISEÑO WEB PARA DISPOSITIVOS MOVILES CON HTML5 + CSS3 + JAVASCRIPT Código: 1095 Familia Profesional: Desarrollo y diseño web Acreditación: Formación reconocida a través de vías no formales Modalidad:

Más detalles

Vamos a crear un EPUB desde cero

Vamos a crear un EPUB desde cero Vamos a crear un EPUB desde cero Qué es un EPUB? El EPUB es un formato abierto de libro digital desarrollado por el IDPF. Tiene vocación de ser formato estándar. EPUB es una especificación abierta para

Más detalles

Manual de Website Baker Website Baker v2.7.0

Manual de Website Baker Website Baker v2.7.0 Manual de Website Baker Website Baker v2.7.0 Introducción Website Baker es un sistema de manejo de contenido que ofrece una gran flexibilidad para la creación de sitios web no importa el tamaño del mismo.

Más detalles

PRACTICA CAPITULO 2 MODULO 1 PROTOCOLOS Y LA FUNCIONALIDAD DE LA CAPA DE APLICACIÓN

PRACTICA CAPITULO 2 MODULO 1 PROTOCOLOS Y LA FUNCIONALIDAD DE LA CAPA DE APLICACIÓN PRACTICA CAPITULO 2 MODULO 1 PROTOCOLOS Y LA FUNCIONALIDAD DE LA CAPA DE APLICACIÓN Los protocolos de capa de aplicación de TCP/IP más conocidos son aquellos que proporcionan intercambio de la información

Más detalles

Experto en Diseño Web Profesional con Dreamweaver CS6

Experto en Diseño Web Profesional con Dreamweaver CS6 Precio: 420 Modalidad: Online Duración: 200 h Titulación expedida por el Instituto Europeo de Estudios Empresariales (INESEM) DESCRIPCIÓN OBJETIVOS En la actualidad Dreamweaver es uno de los principales

Más detalles

RESPONSIVE DESIGN PARTE 1 RESPONDIENDO A DISPOSITIVOS, RESOLUCIONES Y EXPERIENCIAS. MARCOS HEIZ @msh_cd. HERNÁN NADOTTI @Cuquinho10

RESPONSIVE DESIGN PARTE 1 RESPONDIENDO A DISPOSITIVOS, RESOLUCIONES Y EXPERIENCIAS. MARCOS HEIZ @msh_cd. HERNÁN NADOTTI @Cuquinho10 RESPONSIVE DESIGN RESPONDIENDO A DISPOSITIVOS, RESOLUCIONES Y EXPERIENCIAS PARTE 1 MARCOS HEIZ @msh_cd HERNÁN NADOTTI @Cuquinho10 Qué es el diseño responsive? Qué es el responsive design? Es una tecnica

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

HACEMOS CRECER SU NEGOCIO CON TODO EL PODER DE INTERNET.

HACEMOS CRECER SU NEGOCIO CON TODO EL PODER DE INTERNET. HACEMOS CRECER SU NEGOCIO CON TODO EL PODER DE INTERNET. Ayudamos a las empresas a obtener el máximo provecho de su canal online para vender sus productos y servicios. Llámenos +5411 5258 7620 Encuéntrenos

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

Curso PHP. Servidores

Curso PHP. Servidores Curso PHP Servidores Indice: Instalando en windows Xampp Conceptos sobre servidor y cliente Instalando en Windows XP Vamos a la página : www.apachefriends.org Instalando en Windows XP Se van a la opción

Más detalles