Validar la inclusión de código JavaScript que están en la página HTML:

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

Download "Validar la inclusión de código JavaScript que están en la página HTML:"

Transcripción

1 Guía SEO Webmaster A continuación listo algunas recomendaciones a seguir para el desarrollo y optimación de páginas Web con CSS, DIVS, XHTML, Java Script La recopilación es un resumen de diferentes temas que existen en la nube y los reuní para facilitar la vida y aprendizaje, espero poco a poco seguir incrementando la lista. Es una lectura obligada para todo novato de webmaster. Cómo etiquetar y posicionar un archivo PDF Enumeremos algunas pautas que nos aclaren como estructurar y colocar las etiquetas en el PDF: El título vendrá determinado por la estructura jerárquica del contenido, el nombre del archivo o el que le asignemos en las Propiedades del documento PDF y la estructura jerárquica del contenido que se haya creado en la aplicación de donde provenga el PDF (Word, editor HTML, Excel, etc.) Asignemos título, autor, asunto y palabras clave en el propio PDF (botón secundario ratón y Probidades del documento) donde la etiqueta del título como siempre será la más importante Nombre del archivo que se corresponda con el título del mismo separando las palabras con guiones (al estilo de las URL s de páginas dinámicas) También podemos asignar las propiedades del documento antes de crear el PDF. Por ejemplo desde Word en su versión de Office 2007 se hace desde: Preparar-Propiedades. Site map obligatorio para un sitio Web Un site map (o sitemap) es un archivo XML que lista las páginas en un sitio Web, organizadas comúnmente de forma jerárquica. Esto ayuda a los visitantes y a los motores de búsqueda a hallar las páginas en un sitio. El Protocolo Sitemap le permite informar a los motores de búsqueda acerca de qué URL de sus sitios Web se pueden rastrear. En su forma más simple, un Sitemap que utiliza el Protocolo Sitemap es un archivo XML que enumera las URL de un sitio. Por Google. https://www.google.com/webmasters/tools/docs/es/protocol.html https://www.google.com/webmasters/tools/docs/en/sitemap-generator.html Validar la inclusión de código JavaScript que están en la página HTML: 1. <script type="text/javascript" src="../archivo.js > 2. <!-- 3. // tu código 4. --> 5. </script>

2 La forma aterior era: 6. <script language="javascript" type="text/javascript" src="../archivo.js > 7. <!-- 8. // tu código 9. --> 10. </script> Validar código JavaScript Online Minimize HTTP Requests CSS Sprites are the preferred method for reducing the number of image requests. Combine your background images into a single image and use the CSS background-image and background-position properties to display the desired image segment. Los CSS Sprites es una sencilla y efectiva técnica de CSS que nos permite ahorrar ancho de banda. Image maps combine multiple images into a single image. The overall size is about the same, but reducing the number of HTTP requests speeds up the page. Image maps only work if the images are contiguous in the page, such as a navigation bar. Defining the coordinates of image maps can be tedious and error prone. Using image maps for navigation is not accessible too, so it's not recommended. 11..sprite-icoescritorio-A { background-position: 0-30px; } 12. /*No olvides añadir una regla de color de fondo para referenciar a la imagen del Sprite. Algo como por ejemplo:*/ 13. li { 14. background: url(csg-49b1a7c247de4.gif) no-repeat top left; 15. list-style:none; 16. text-indent:20px; 17. } 18. Usa el menor número de archivos posible. Es mejor un sólo archivo de 30Kb que 3 archivos de 10Kb. Piensa que para cada uno de los archivos estáticos enlazados desde un documento HTML ( CSS, Javascript, imágenes, etc... ), éste debe realizar una conexión HTTP y lanzar una petición, con sus correspondientes cabeceras, cookies si las hubiere... todo suma y al final, tanto en tamaño como en tiempo de descarga, penalizarás al usuario

3 Avoid Redirects Redirects are accomplished using the 301 and 302 status codes. Here's an example of the HTTP headers in a 301 response: HTTP/ Moved Permanently Location: Content-Type: text/html The browser automatically takes the user to the URL specified in the Location field. All the information necessary for a redirect is in the headers. The body of the response is typically empty. Despite their names, neither a 301 nor a 302 response is cached in practice unless additional headers, such as Expires or Cache-Control, indicate it should be. The Meta refresh tag and JavaScript are other ways to direct users to a different URL, but if you must do a redirect, the preferred technique is to use the standard 3xx HTTP status codes, primarily to ensure the back button works correctly. Minimize the Number of iframes Iframes allow an HTML document to be inserted in the parent document. It's important to understand how iframes work so they can be used effectively. <iframe> pros: Helps with slow third-party content like badges and ads Security sandbox Download scripts in parallel <iframe> cons: Costly even if blank Blocks page onload Non-semantic No 404s HTTP requests are expensive so making an HTTP request and getting a useless response (i.e. 404 Not Found) is totally unnecessary and will slow down the user experience without any benefit. Etiquetas META para mejor el posicionamiento Meta Name "Keywords" En esta Tag pondremos las palabras por las cuales, queremos que nuestro sitio sea encontrado por los robots de búsqueda, separada por comas. No será conveniente

4 utilizar palabras repetidas en este apartado, ya que muchos robots de indexación de páginas las rechazan. Tampoco es conveniente hacer una lista de términos demasiado larga, normalmente con 20 o 30 palabras es más que suficiente. 19. <meta name="keywords" content="universidad, veracruzana, veracruz, xalapa, uv, darwin, especies, evolución, selección natural, natural, origen, especies, cerebro, mundial, semana, semana mundial" /> Meta name "Description" En esta Tag deberemos poner la descripción de nuestra página, y será por la cual será indexado nuestro sitio por los robots de los buscadores, confeccionaremos, por tanto, una frase de extensión no muy larga y que describa a la perfección nuestro sitio. Si no incluimos esta etiqueta, los buscadores pueden presentar nuestra página simplemente por el título del sitio, o tomando esa cadena de 256 caracteres como los que aparecen en nuestra página índice, mostrándose al usuario. Al igual que en la etiqueta Keywords, no es conveniente repetir palabras, ya que muchos robots, penalizan el spam. Por otro lado, si que es conveniente, que en esta cadena de descripción de nuestro sitio, aparezcan palabras que anteriormente colocamos en la etiqueta Keywords. 20. <meta name="description" content="descripcion de la pagina" /> Utilizar cabeceras DOCTYPE Según el W3C (y WDG) los ficheros HTML (páginas Web normales) deben tener una serie de "cabeceras" o identificadores de la versión que se utiliza. Aunque esto no es estrictamente necesario, la W3C lo recomienda para que se siga la "norma". 21. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> Este es el encabezado que deberían llevar todos los documentos XHTML1.0 estríctos acordes a las especificaciones de la W3C. Es un aviso para que el agente de usuario sepa que tipo de documento va a interpretar. Para ser más específicos diremos que al ser un documento de tipo strict.dtd, los elementos utilizados serán sólo los incluídos en el lenguaje XHTML 1.0. Crea títulos de página únicos y precisos <title> Es la clave del éxito del SEO Un buen title es la clave del éxito del SEO y un buen posicionamiento en los buscadores. El Tag Title es el que hace referencia al título de tu página Web y se despliega en la barra de título de tu navegador.

5 Como les decía anteriormente, prestemos mucha atención a este tag, yo tengo algunos pasos y trucos que utilizo cuando hago los títulos. Densidad: La densidad de palabras en el titulo es algo muy importante, no hagas títulos muy largos, trata de hacer un resumen de palabras. Keywords: Esto es muy importante!! Coloca tus keywords en el tag title. No repitas demasiado las palabras claves en el tag title porque podrías recibir una sanción. Crea etiquetas title únicas para cada página. Lo ideal es que cada una de tus páginas tenga una etiqueta title única, que ayude a Google a distinguir esa página del resto de páginas de tu sitio. Mejora la estructura de las URL Para mejorar el indexado de todas las páginas del sitio es recomendable utilizar URLs que en vez de contener datos y números pocos legibles como contengan palabras relevantes que describan la pagina del sitio como Con palabras descriptivas que hagan referencia al tema de la pagina. Utiliza palabras en las URL. Utilizando categorías y nombres de archivo descriptivos facilita el rastreo del las paginas de su sitio a los motores de búsqueda. Procure utilizar signos de puntuación en sus URL. Una URL como es mucho más práctica que una como Le recomendamos el uso de guiones normales (-) en lugar de guiones bajos (_) en las URL. Crea una estructura de directorios simple. Optimiza el uso de las imágenes: Todas las imágenes pueden tener un nombre de archivo definido y un atributo alt, de los cuales podemos aprovecharnos. Usando los Atributos ALT y TITLE Para Mayor Accesibilidad El atributo alt te permite especificar un texto alternativo a la imagen, si este no puede mostrarse por la razón que sea o está utilizando tecnologías alternativas, como un lector de pantalla, el contenido del atributo alt ofrecerá información sobre la imagen. Es una etiqueta OBLIGATORIA en las imágenes También funciona como tooltip en Internet Explorer.

6 22. <img src="http://www.uv.mx/images/logo.jpg" alt="universidad Veracruzana" /> El atributo TITLE - Se puede utilizar tanto en imágenes como en enlaces, y es la encargada de ofrecer una descripción emergente (tooltip) de la imagen o enlace. Funciona en todos los navegadores. Puede complementar al ALT. Alto mínimos para IE6 (y el resto) IE6 no soporta esta propiedad tan útil (como tantas otras). La solución: un simple truco de CSS que involucra!important y cómo IE6 no lo interpreta como debería. 23. ul#menu { height: auto!important; /* para los browsers buenos */ height: 175px; /* para IE5+ */ min-height: 175px; /* para los browsers buenos */ } La primera declaración (height: auto!important) no lo leerá IE5+ ya que no soporta!important, así que deja de leer esta línea y pasa a la segunda: height: 175px. Los otros browsers pasan en seguida a leer la tercera: min-height: 175px e IE5+ no lo interpretará, lo que hará que todos queden felices y contentos con su alto mínimo funcionando. Hasta siempre, clear:both Cuando tratamos de maquetar nuestras páginas con CSS mediante elementos flotantes, no tarda en aparecer un elemento contenedor, que no rodea a los elementos contenidos, y esto resulta un verdadero inconveniente, ya que a menudo deseamos que los elementos con hijos flotantes, se comporten como dios manda y rodeen por completo a sus hijos. 24. clear{ 25. clear:both; 26. } Esta técnica es poco elegante, ensucia nuestro marcado HTML con un elemento ajeno al contenido, e incluye un elemento "vacío" pero funciona. La solución definitiva La propiedad overflow permite controlar el desbordamiento de los elementos contenidos, y admite cuatro valores, auto, visible, scroll y hidden. El valor por defecto es visible, que hace la caja contenedora crezca para adaptarse al tamaño de sus hijos. El resto de valores mantienen las dimensiones especificadas con width y height, pero nos permiten controlar el comportamiento de las barras de desplazamiento,

7 mostrándolas siempre (scroll), ocultándolas siempre (hidden) o mostrándolas solo cuando sea necesario (auto) Pues resultan todos los valores posibles, menos visible asumen que se han especificado unas dimensiones, y si no es así... obliga a que se calculen!! Con overflow le recordamos a una caja que tiene hijos, flotantes, pero hijos. 27. div.container { 28. border: 1px solid #000; 29. overflow: hidden; /*Para IE bajo MAC y todos*/ 30. width:100%; /*es obligatorio establecer el ancho*/ 31. } /*DIV sin ningún float y que se adapte al alto */ 34. div.pie { 35. border: 1px solid #000; 36. overflow: hidden; /*Para IE bajo MAC y todos*/ 37. width:100%; /*es obligatorio establecer el ancho*/ 38. clear:both; } Conditional comments Conditional comments only work in Explorer on Windows, and are thus excellently suited to give special instructions meant only for Explorer on Windows. They are supported from Explorer 5 onwards, and it is even possible to distinguish between 5.0, 5.5 and 6.0. Conditional comments work as follows: 41. <p><!--[if IE]> 42. According to the conditional comment this is Internet Explorer<br /> 43. <![endif]--> 44. <!--[if IE 5]> 45. According to the conditional comment this is Internet Explorer 5<br /> 46. <![endif]--> 47. <!--[if IE 7]> 48. According to the conditional comment this is Internet Explorer 7<br /> 49. <![endif]--></p> Para optimizar definiciones de código CSS: 1) Mejorar la definición de las proporciones en la definición de medidas con 0px: 50. padding:0 5px 0 5px; Optimizado 51. padding:0px 5px 0px 5px; No optimizado margin:0 5px 0 5px; Optimizado 54. margin:0px 5px 0px 5px; No optimizado

8 2) Mejorar el escalado y resampleado de las imágenes en Internet Explorer En IE 7 la propiedad de escalado por el método bicubic está desactivada y debemos activarla por CSS: 55. img { 56. -ms-interpolation-mode: bicubic; 57. } Maquetación CSS a dos, tres o más columnas A dos Columnas Método 1 Debe existir una capa contenedora y establecer en esta dos DIV con float: left; y otra con float: right; 58. div.container { 59. border: 1px solid #000; 60. overflow:hidden; 61. width:100%; 62. } div.left { 65. width: 45%; 66. float: left; /*flotando izquierda*/ 67. border:1px #000 solid; 68. } div.right { 71. width: 45%; 72. float: right; /*flotando derecha*/ 73. border:1px #000 solid; 74. } Método 2 Debe existir una capa contenedora y la novedad es establecer todos los divs (Columnas) con float: left; 75. div.container { 76. border: 1px solid #000; 77. overflow:hidden; 78. width:100%; 79. } div.columna1 { 82. width: 30%; 83. float: left; /*a la izquierda*/ 84. border:1px #000 solid; 85. } div.columna2 { 88. width: 40%; 89. float: left; /*a la izquierda*/ 90. border:1px #000 solid;

9 91. } 92. div.columna3 { 93. width: 30%; 94. float: left; /*a la izquierda*/ 95. border:1px #000 solid; 96. } 97. /*Más columnas N */ 98. div.columna4 { 99. width: 10%; 100. float: left; /*a la izquierda*/ 101. border:1px #000 solid; 102. } Alineación Vertical de un DIV para todos los Navegadores Centrar texto verticalmente con CSS Puede lograrse estableciendo dentro del CSS el alto de línea del texto igual al alto total de la div. Así, el texto ubicado dentro de la div se centrará verticalmente en ella. El único problema surge cuando el texto tiene más de una línea, donde se desfasaría todo. Si este es tu caso prueba con introducir un corte de línea </br> en vez de cerrar y abrir un nuevo párrafo. Entonces, para centrar la div deberíamos tener lo siguiente en el CSS: 103. #texto-centrado{ height: 150px; /* alto de la div */ line-height: 150px; /* esto es lo que centra el texto verticalmente */ 104. } Alineación bottom CSS 2 no soporta alineación vertical, así que para alinear verticalmente un contenido de una capa tenemos que utilizar técnicas o trucos alternativos <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> 106. <html xmlns="http://www.w3.org/1999/xhtml"> 107. <head> 108. <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 109. <title>alineación bottom</title> 110. <style type="text/css"> 111. #contenedor { 112. width: 200px; 113. height: 200px; 114. position: relative; 115. border:1px #000 solid;/*solo para destacar el ejemplo*/ 116. } 117. #vertical { 118. bottom: 0pt; 119. position: absolute; 120. width:200px; 121. color:#ff0000; 122. }

10 123. </style> 124. </head> 125. <body> 126. <div id="contenedor"> 127. <div id="vertical"> 128. Mira mamá estoy en la base del div y me veo de perlas en todos los navegadores 129. </div> 130. </div> 131. </body> 132. </html> No es aconsejable usar los guiones bajos para identificadores y clases Una pequeña puntualización, no es nada aconsejable usar los guiones bajos para identificadores y clases (en cambio no hay problemas con los guiones medios), no lo reconocen algunos navegadores (como el Netscape 4). En CSS2, los identificadores (incluyendo los nombres de los elementos, clases e ID de los selectores) pueden contener sólo caracteres [A-Za-z0-9] y los caracteres 161 en adelante en ISO 10646, más el guión (-); no pueden comenzar con un guión o un número texto_rojo { /*Incorrecto*/ 134. color :#ff0000 ; 135. } texto-rojo { /* Correcto y recomendado por CSS2*/ 138. color :#ff0000 ; 139. } Resetea las propiedades CSS para eliminar diferencias entre navegadores desde el principio. Es muy buena idea empezar tu hoja de estilos general con una serie de declaraciones que reseteen propiedades como los margin, los padding y los border de los elementos más comunes. Echa un vistazo al reset.css que ofrece la librería de Yahoo o al artículo de Daniel que lo comenta más a fondo. YUI Reset CSS, desarrollado por Yahoo, que normaliza el renderizado por defecto de los elementos HTML.

11 Css y las tablas Caption en html Mediante las etiquetas <caption></caption> podemos especificar el título de la tabla. Admite un atributo, align="", con dos valores, "top" y "bottom", segun queramos que el título se visualice como una linea de texto encima o debajo de la tabla: Caption con CSS <caption style="caption-side: bottom;">texto visible aqui</caption> border-collapse <table border="3" style="border-collapse: collapse;"> Esta propiedad determina como deben mostrarse los bordes de elementos contiguos de las tablas. Admite dos valores: collapse y separate. border-collapse:collapse indica que los bordes contiguos se solapan, mostrando uno solo. border-collapse:separate muestra los dos bordes contiguos. border-collapse:collapse a b c d e f border-collapse:separate a b c d e f

12 Web Tools for Quality, Accessibility, Standards Compliance: W3C : W3C CSS Formatter and Optimiser. Limpieza automática de código sucio. Comprime tu CSS para incrementar la velocidad de carga de tu sitio Web. : HERA es una utilidad para revisar la accesibilidad de las páginas Web de acuerdo con las recomendaciones de las Directrices de Accesibilidad para el Contenido Web 1.0 (WCAG 1.0). Guía Web 2.0 José Luis Simón Romano Departamento de Desarrollo de Software Académico Dirección de Desarrollo Informático de Apoyo Académico Universidad Veracruzana

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

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

Más detalles

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

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

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

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

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

Más detalles

Aplicar colores y colores de fondo a tus sitios web. Examinaremos también métodos avanzados para posicionar y controlar imágenes de fondo.

Aplicar colores y colores de fondo a tus sitios web. Examinaremos también métodos avanzados para posicionar y controlar imágenes de fondo. Colores y fondos Aplicar colores y colores de fondo a tus sitios web. Examinaremos también métodos avanzados para posicionar y controlar imágenes de fondo. Color de primer plano: la propiedad 'color' 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

1. Temario Curso Web Design 2014

1. Temario Curso Web Design 2014 1. Temario Curso Web Design 2014 FIREWORKS Diseño profesional de interfaces web Nociones generales para qué sirve?, diferencia con Photoshop Espacio de trabajo - Barras de menú, herramientas y paletas

Más detalles

Manual de uso del Taglib de Template Saga

Manual de uso del Taglib de Template Saga 1 Manual de uso del Taglib de Template Saga www.sagasoluciones.com info@sagasoluciones.com C/ Salado 11 Local 10. 41010 Sevilla T. + 34 954 45 72 75 F. + 34 954 45 75 72 CONTROL DEL DOCUMENTO Realizado

Más detalles

SEO POSICIONAMIENTO WEB

SEO POSICIONAMIENTO WEB SEO POSICIONAMIENTO WEB Qué es SEO? Acrónimo de SEARCH ENGINE OPTIMIZATION Consiste en una serie de técnicas y estrategias a considerar en la estructuración de un sitio Web para ayudar a obtener un mejor

Más detalles

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

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

Más detalles

Widget de catálogos. Manual de Usuario. Versión 2. Madrid 13/08/2015

Widget de catálogos. Manual de Usuario. Versión 2. Madrid 13/08/2015 Widget de catálogos Manual de Usuario Madrid 13/08/2015 Versión 2 Contenidos 1 Introducción... 3 2 Alta de conjuntos de datos en datos.gob.es... 7 3 Descripción del widget... 12 3.1 Widget, versión sencilla...

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

HTML-5 / DIVS + IFRAMES. Prof: Moisés Mañas Moimacar@esc.upv.es

HTML-5 / DIVS + IFRAMES. Prof: Moisés Mañas Moimacar@esc.upv.es HTML-5 / DIVS + IFRAMES Prof: Moisés Mañas Moimacar@esc.upv.es Básico Define una división o sección en un documento Atributos: align= left/right/center/justify Alineación de la división

Más detalles

Qué es el SEO o posicionamiento Google y por qué es importante?

Qué es el SEO o posicionamiento Google y por qué es importante? Qué es el SEO o posicionamiento Google y por qué es importante? Como sabemos SEO se refiere al posicionamiento web de un blog o un sitio web como resultado de su búsqueda a través de un motor de búsqueda

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

CURSO DE DREAMWEAVER CS3

CURSO DE DREAMWEAVER CS3 CURSO DE DREAMWEAVER CS3 Aprender a manejar el programa Dreamweaver para diseñar páginas Web. A la finalización del curso, el alumno será capaz de crear sitios Web con páginas que incorporen imágenes,

Más detalles

TRADUCCIÓN DEL CHECKLIST PARA AUDITORÍA DE LA PARTE TÉCNICA DEL SEO de Geoff Kenyon publicado en el blog de Moz

TRADUCCIÓN DEL CHECKLIST PARA AUDITORÍA DE LA PARTE TÉCNICA DEL SEO de Geoff Kenyon publicado en el blog de Moz TRADUCCIÓN DEL CHECKLIST PARA AUDITORÍA DE LA PARTE TÉCNICA DEL SEO de Geoff Kenyon publicado en el blog de Moz Visón General Chequear páginas indexadas Site: Búsqueda en Google Homepage es el primer resultado(o

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

Cómo optimizar HTML? Optimización y depuración del código. 1. Limpieza del código

Cómo optimizar HTML? Optimización y depuración del código. 1. Limpieza del código Cómo optimizar HTML? Optimización y depuración del código 1. Limpieza del código Se pueden eliminar automáticamente etiquetas vacías, combinar etiquetas font anidadas y en general mejorar códigos HTML

Más detalles

Revisión web de seosin.de

Revisión web de seosin.de Revisión web de seosin.de Generado el 21 Diciembre 2015 05:58 AM La puntuación es 39/100 Contenido SEO Título 401 Authorization Required Longitud : 26 Perfecto, tu título contiene entre 10 y 70 caracteres.

Más detalles

PROGRAMA DE DISEÑO WEB

PROGRAMA DE DISEÑO WEB Objetivo PROGRAMA DE DISEÑO WEB El objetivo de esta capacitación es que el alumno adquiera los conocimientos necesarios para poder Diseñar y Maquetar una Página Web optimizando al máximo la escritura de

Más detalles

HTML. para E-mail. Guía de Buenas prácticas. Less ys More Ludwig Mies van der Rohe

HTML. para E-mail. Guía de Buenas prácticas. Less ys More Ludwig Mies van der Rohe HTML para E-mail Guía de Buenas prácticas Less ys More Ludwig Mies van der Rohe Ejemplo de un e-mail sin buenas prácticas Textos degradados Los textos están sobre un fondo degradado Newsletter Septiembre

Más detalles

HTML 5. Que es HTML5 07/04/2011

HTML 5. Que es HTML5 07/04/2011 HTML 5 M.I María Luisa González Ramírez Que es HTML5 Es una agrupación de diversas especificaciones concernientes al desarrollo web HTML 5 no se limita solamente a crear nuevas etiquetas, atributos. Es

Más detalles

Revisión web de cdn.optimizely.com

Revisión web de cdn.optimizely.com Revisión web de cdn.optimizely.com Generado el 07 Octubre 2015 15:07 PM La puntuación es 37/100 Contenido SEO Título Longitud : 0 Muy mal. No hemos podido encontrar un título en tu página. Descripción

Más detalles

Estrategias para un buen Posicionamiento Web

Estrategias para un buen Posicionamiento Web Estrategias para un buen Posicionamiento Web Para posicionar la web de tu empresa en los principales buscadores son necesarios una serie de requisitos. Entre ellos, está la no realización de determinadas

Más detalles

OPTIMIZA TU WEB PARA LOS BUSCADORES DE HOY. XAVIER CASTELLNOU ACCOUNT MANAGER @xavicastellnou

OPTIMIZA TU WEB PARA LOS BUSCADORES DE HOY. XAVIER CASTELLNOU ACCOUNT MANAGER @xavicastellnou OPTIMIZA TU WEB PARA LOS BUSCADORES DE HOY XAVIER CASTELLNOU ACCOUNT MANAGER @xavicastellnou 1. INTRODUCCIÓN 2. ANÁLISIS DE PALABRAS CLAVE 3. SELECCIÓN DEL DOMINIO 4. DISEÑO Y ARQUITECTURA WEB 5. ESTRUCTURA

Más detalles

Accesibilidad Web con.net

Accesibilidad Web con.net Accesibilidad Web con.net Internet llega cada vez a más usuarios, por lo que crear sitios Web accesibles se está convirtiendo en algo imprescindible. Para los programadores de sitios Web, los controles

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

Curso Diseño Web con Software libre, VNU

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

Más detalles

Revisión web de hostkarle.com

Revisión web de hostkarle.com Revisión web de hostkarle.com Generado el 20 Diciembre 2015 11:48 AM La puntuación es 61/100 Contenido SEO Título HostKarle Hostkarle Web Hosting Longitud : 33 Perfecto, tu título contiene entre 10 y 70

Más detalles

ANEXO. IMAGEN INSTITUCIONAL UNIVERSIDAD DE ALICANTE

ANEXO. IMAGEN INSTITUCIONAL UNIVERSIDAD DE ALICANTE ANEXO. IMAGEN INSTITUCIONAL UNIVERSIDAD DE ALICANTE ÍNDICE RECOMENDACIONES GENERALES... 2 LOGO DE LA UA... 4 COLORES CORPORATIVOS... 5 TIPOGRAFÍA... 5 ELEMENTOS GRÁFICOS... 6 INFORMACIÓN DEL DOCUMENTO...

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

TU NEGOCIO EN INTERNET

TU NEGOCIO EN INTERNET Dr.TIC Tractament tecnològic per al teu negoci TU NEGOCIO EN INTERNET WordPress Nivel Medio LAS WEBS SON COMO UNA FÁBRICA WEB DOMINIO HTTP:// ESTRUCTURA PHP O HTML SERVIDOR FTP ESTRUCTURA INDEX.PHP CONTENIDO

Más detalles

MANUAL TECNICO DE EMAILING BIZBOX

MANUAL TECNICO DE EMAILING BIZBOX MANUAL TECNICO DE EMAILING BIZBOX 1.- Verificar Registro SPF El dominio desde el que envía su coreo no puede ser cualquier dominio, debe ser un dominio aprobado y verificado para enviar correos, estos

Más detalles

Programación Hipermedia 1

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

Más detalles

PHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani

PHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani PHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani 1 Presentación del curso Programación de aplicaciones Web con PHP y MySQL. Ahora continuaremos con el estudio de las páginas

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

ATLAS MANUAL DE USUARIO COMPONENTE CODIGO DE BARRAS

ATLAS MANUAL DE USUARIO COMPONENTE CODIGO DE BARRAS ATLAS MANUAL DE USUARIO COMPONENTE CODIGO DE BARRAS Versión 1.3 Área de Aplicaciones Especiales y Arquitectura de Software 8 Hoja de Control Título Documento de Referencia Responsable Manual de Usuario

Más detalles

Curso de Diseño web. Juan Carlos Hernández Pérez juancarhdezperez@gmail.com

Curso de Diseño web. Juan Carlos Hernández Pérez juancarhdezperez@gmail.com Curso de Diseño web Juan Carlos Hernández Pérez juancarhdezperez@gmail.com 1 Tema 1 Introducción al lenguaje HTML 2 Introducción a HTML (I/II) HTML es un lenguaje para publicar textos en Web HTML te permite

Más detalles

Manual de Optimización on-site

Manual de Optimización on-site Manual de Optimización on-site Índex 1. Introducción 4 1.1 Factores On Page 4 1.1.1 Orden de prioridades 5 2. Palabras Clave 6 3. Dominios y contenido duplicado 7 4. URLS "Friendly" 9 5. Title y Metatags

Más detalles

Aprenda los lenguajes HTML5, CSS3 y JavaScript para crear su primer sitio web

Aprenda los lenguajes HTML5, CSS3 y JavaScript para crear su primer sitio web La Web 1. Qué es la Web? 7 1.1 Lado servidor: HTTP, FTP, lenguajes, SQL 7 1.2 Lado cliente: HTML, CSS, JavaScript 10 2. Los lenguajes y su utilidad 10 2.1 HTML 10 2.2 CSS 14 2.3 JavaScript 17 2.4 Ejemplo

Más detalles

Arquitectura de Tecnologías Web Por César Bustamante Gutiérrez. Módulo II: Tecnologias del lado del Cliente Tema 1: HTML5. www.librosdigitales.

Arquitectura de Tecnologías Web Por César Bustamante Gutiérrez. Módulo II: Tecnologias del lado del Cliente Tema 1: HTML5. www.librosdigitales. 1 Que es CSS3? El CSS sirve para definir la estética de un sitio web en un documento externo y eso mismo permite que modificando ese documento (la hoja CSS) podamos cambiar la estética entera de un sitio

Más detalles

Máster Programación WEB (II) Gestores de contenido. Webs actualizables por el cliente.

Máster Programación WEB (II) Gestores de contenido. Webs actualizables por el cliente. MASTER PROGRAMACIÓN WEB (II) 1. Introducción al Curso programación Web. Diccionario de téminos. Gestor de contenido CMS, Servidor, Base de Datos, CSS, HTML, HTML5, PHP, Wordpress, Joomla, CMS, JQuery,

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

Introducción al desarrollo web (idesweb)

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

Más detalles

SEO para los sitios web de la Universidad Nebrija

SEO para los sitios web de la Universidad Nebrija SEO para los sitios web de la Universidad Nebrija Noviembre 2013 Introducción al SEO El posicionamiento en buscadores o SEO se puede definir como las acciones que persiguen colocar referencias a sitios

Más detalles

Capítulo 1 Documentos HTML5

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

Más detalles

Revisión web de megabikestuttgart.de

Revisión web de megabikestuttgart.de Revisión web de megabikestuttgart.de Generado el 03 Augosto 2015 14:46 PM La puntuación es 57/100 Contenido SEO Título MEGA bike Radsport Stuttgart Longitud : 28 Perfecto, tu título contiene entre 10 y

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

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

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

Más detalles

Ministerio de Educación, Cultura y Deporte. HTML5 en la educación. Módulo 2: Aspectos básicos.

Ministerio de Educación, Cultura y Deporte. HTML5 en la educación. Módulo 2: Aspectos básicos. Ministerio de Educación, Cultura y Deporte. HTML5 en la educación Módulo 2: Aspectos básicos. Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Aspectos básicos del lenguaje

Más detalles

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

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

Más detalles

14 Guía de Microsoft Word 2010 Guía de contenido digital accesible

14 Guía de Microsoft Word 2010 Guía de contenido digital accesible 14 Guía de Microsoft Word 2010 Guía de contenido digital accesible Mireia Ribera Este documento tiene una licencia Reconocimiento-No Comercial-Compartir- Igual 3.0 de Creative Commons. Se permite la reproducción,

Más detalles

EJERCICIOS HTML BÁSICOS

EJERCICIOS HTML BÁSICOS EJERCICIOS HTML BÁSICOS Ejercicio 1 Crear un documento HTML desde cero Crea la estructura de carpetas del sitio (carpeta raíz, carpeta de imágenes y de scripts). Dentro de la carpeta de scripts crea un

Más detalles

Consejos para el correcto armado de HTML para Emails

Consejos para el correcto armado de HTML para Emails Consejos para el correcto armado de HTML para Emails Consejos para el correcto armado de HTML para Emails Cuando desarrollas una campaña de Email Marketing, es fundamental que tu mensaje sea recibido correctamente.

Más detalles

Posicionamiento en buscadores. Curso Blogger Profesional Plan Nacional de Formación Junio 2013, León @eleonorestevez

Posicionamiento en buscadores. Curso Blogger Profesional Plan Nacional de Formación Junio 2013, León @eleonorestevez Posicionamiento en buscadores Curso Blogger Profesional Plan Nacional de Formación Junio 2013, León @eleonorestevez Introducción Qué es el Marketing en Buscadores? Son las acciones y herramientas de publicidad

Más detalles

ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL

ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL MF0491_3: PROGRAMACIÓN WEB EN EL ENTORNO CLIENTE. (IFCD0210: DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB) 180 HORAS PRESENCIALES Nº DE EXPEDIENTE: FC/2013/0064 ACCION 141 GRUPO 1 ACCIÓN FORMATIVA FINANCIADA

Más detalles

Optimización del uso de internet en la gestión cultural

Optimización del uso de internet en la gestión cultural NUEVAS TECNOLOGÍAS APLICADAS A LA GESTIÓN CULTURAL Optimización del uso de internet en la gestión cultural Javier Leiva Aguilera www.javierleiva.info Madrid, 12-14 de noviembre de 2007 Fundamentos de diseño

Más detalles

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

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

Más detalles

Optimización de Tiempos de Respuesta como Estrategia de Incremento del Número de Visitas

Optimización de Tiempos de Respuesta como Estrategia de Incremento del Número de Visitas Optimización de Tiempos de Respuesta como Estrategia de Incremento del Número de Visitas 5 de mayo de 2004 Juan de Bravo Diez 1 AGENDA La importancia del tiempo de respuesta en el diseño de un sitio web

Más detalles

HTML INDICE: 1 Internet 2 Conceptos básicos 3 Estructura de un documento HTML 4 Dar formato a un documento 5 Listas 6 Imágenes

HTML INDICE: 1 Internet 2 Conceptos básicos 3 Estructura de un documento HTML 4 Dar formato a un documento 5 Listas 6 Imágenes HTML INDICE: 1 Internet 1.1 Qué es Internet 1.2 Los comienzos de Internet 1.3 Aplicaciones que nos ofrece Internet 1.4 Qué es WWW 1.5 Servicios que nos ofrece WWW 1.6 Cuestionario: Internet 2 Conceptos

Más detalles

MANUAL EASYCHAIR. A) Ingresar su nombre de usuario y password, si ya tiene una cuenta registrada Ó

MANUAL EASYCHAIR. A) Ingresar su nombre de usuario y password, si ya tiene una cuenta registrada Ó MANUAL EASYCHAIR La URL para enviar su propuesta a la convocatoria es: https://easychair.org/conferences/?conf=genconciencia2015 Donde aparece la siguiente pantalla: Se encuentran dos opciones: A) Ingresar

Más detalles

Herramientas para crear páginas.

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

Más detalles

Taller de Paginas Web

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

Más detalles

HTML Guía de trabajo para 3º ESO

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

Más detalles

Diseño de páginas web 2011

Diseño de páginas web 2011 Diseño de páginas web 2011 Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero

Más detalles

Nivel de gravedad del error. Título del error. Dónde estoy? Quién soy? SEMRush Webinar - Errores SEO en ecommerce

Nivel de gravedad del error. Título del error. Dónde estoy? Quién soy? SEMRush Webinar - Errores SEO en ecommerce Cómo funciona? Nivel de gravedad del error Título del error Quién soy? Dónde estoy? 1 Error 1 No especificar URL Canónica Especificar si: WWW - Sin WWW A través de redirección 301 Poner tu dominio preferido

Más detalles

Algunos de los botones ofrecen las funcionalidades básicas para el trabajo con ficheros propias de cualquier programa editor.

Algunos de los botones ofrecen las funcionalidades básicas para el trabajo con ficheros propias de cualquier programa editor. Curso de creación de documentos Web Servicio de Comunicaciones Uso del Netscape Composer para la creación de documentos HTML 1.- Creación de un documento. El Netscape Communicator incluye un programa,

Más detalles

JSP(JAVA SERVER PAGES)

JSP(JAVA SERVER PAGES) JSP(JAVA SERVER PAGES) Introducción En la actualidad, la mayoría de los sitios Web quieren mostrar contenido dinámico basado en el usuario y en la sesión. La mayor parte del contenido, tal como imágenes,

Más detalles

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

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

Más detalles

Introducción. Qué es CSS? Historia de las CSS

Introducción. Qué es CSS? Historia de las CSS Introducción En esta sección intentaremos iniciarnos en el uso de las Hojas de Estilo en Cascada o CSS, que se utilizan para dar estilo a documentos HTML y XML, separando el contenido de la presentación.

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: ELABORACIÓN DE HOJAS DE ESTILO Código: CSTI008 total: Horas Objetivo General: Construir Hojas de Estilos para

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

Revisión web de naturheilpraxisgraefe.de

Revisión web de naturheilpraxisgraefe.de Revisión web de naturheilpraxisgraefe.de Generado el 27 Noviembre 2015 18:29 PM La puntuación es 45/100 Contenido SEO Título Naturheilpraxis Sabine Graefe, Korbach Longitud : 38 Perfecto, tu título contiene

Más detalles

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

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

Más detalles

Sitemap para Joomla con Xmap

Sitemap para Joomla con Xmap Joomla-GNU.com Sitemap para Joomla con Xmap Tutorial que explica cómo crear un sitemap y subirlo a Google utilizando la popular extensión de Guillermo y Jesús Vargas Xmap. Tux Merlín 05/11/2010 2010 by

Más detalles

14.1 Configuración de las propiedades del documento

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

Más detalles

Mi primera web... Pues bien una vez que tengamos el documento abierto, podemos empezar a trabajar de dos formas:

Mi primera web... Pues bien una vez que tengamos el documento abierto, podemos empezar a trabajar de dos formas: Mi primera web... El ejemplo que utilizaremos para este tutorial, es la misma página web de los tutoriales. Puede descargar los archivos desde aquí. Para la creación de las imagenes he utilizado Fireworks

Más detalles

Introducción al desarrollo web (idesweb)

Introducción al desarrollo web (idesweb) Introducción al desarrollo web (idesweb) Práctica 8: PHP 2 (cookies y sesiones) 1. Objetivos Conocer el concepto de cookie y sus posibles usos. Aprender a utilizar las cookies con PHP. Conocer el concepto

Más detalles

MANUAL PARA MODULO ESTADISTICAS. Este es un resumen para la mejor interpretación y análisis de las estadísticas de su sitio.

MANUAL PARA MODULO ESTADISTICAS. Este es un resumen para la mejor interpretación y análisis de las estadísticas de su sitio. MANUAL PARA MODULO ESTADISTICAS Este es un resumen para la mejor interpretación y análisis de las estadísticas de su sitio. Nº de visitantes distintos: nº de servidores (direcciones IP) que entran a un

Más detalles

SEO Cheat Sheet La guía SEO para el desarrollador web. www.clickconsulting.es

SEO Cheat Sheet La guía SEO para el desarrollador web. www.clickconsulting.es SEO Cheat Sheet La guía SEO para el desarrollador web SEO Cheat Sheet Elementos HTML importantes Codigos de estado HTTP Herramientas para Webmasters Etiqueta Title título de la página Meta

Más detalles

Scripting en el cliente: Javascript. Tecnologías Web

Scripting en el cliente: Javascript. Tecnologías Web Scripting en el cliente: Javascript Tecnologías Web Motivación Por qué usar JavaScript? Permite crear efectos atractivos visualmente Permite crear sitios WEB que se visualicen de la misma manera en distintos

Más detalles

Gestor de Contenidos. Manual del Usuario

Gestor de Contenidos. Manual del Usuario Gestor de Contenidos Manual del Usuario Gestor de Contenidos de Ayuntamiento Acceso al Gestor El acceso al Gestor de Contenidos se realiza a través de la página http://www.emanises.es/empresarialauthor

Más detalles

Diseño de Páginas Web 2011

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

Más detalles

Manual de Formulario. www.sagasoluciones.com info@sagasoluciones.com C/ Salado, 11. Local 10. 41011 Sevilla +34 954 45 72 75

Manual de Formulario. www.sagasoluciones.com info@sagasoluciones.com C/ Salado, 11. Local 10. 41011 Sevilla +34 954 45 72 75 Manual de Formulario info@sagasoluciones.com C/ Salado, 11. Local 10. 41011 Sevilla +34 954 45 72 75 MANUAL DE FORMULARIO CONTROL DEL DOCUMENTOS Realizado (21/01/2010) Inmaculada Peña Ruiz Técnico Revisado

Más detalles

Páginas Web Barcelona

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

Más detalles

Capas. sirve para seleccionar la capa al pulsar sobre él, y al eliminarlo se elimina también la

Capas. sirve para seleccionar la capa al pulsar sobre él, y al eliminarlo se elimina también la Capas Las capas no son más que unos recuadros, que pueden situarse en cualquier parte de la página, en los que podemos insertar contenido HTML. Dichas capas pueden ocultarse y solaparse entre sí, lo que

Más detalles

DISEÑO WEB ADOBE DREAMWEAVER CS3

DISEÑO WEB ADOBE DREAMWEAVER CS3 CLASE 6 CREACIÓN DE FORMULARIOS Todo sitio Web necesita recabar cierta información, a veces para contactarse con los visitantes, a veces para encuestas y en algunas ocasiones para realizar venta o contratación

Más detalles

UF1304 Elaboración de plantillas y formularios

UF1304 Elaboración de plantillas y formularios UF1304 Elaboración de plantillas y formularios Tema 1. Formularios en la construcción de páginas web Tema 2. Plantillas en la construcción de páginas web OBJETIVOS: - Confeccionar plantillas para las páginas

Más detalles

1. Tutorial Página Personal... 2

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

Más detalles

Curso de capacitación en Moodle

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

Más detalles

HP Group. Technical Breakdown PGHC. petitsgranshotelsdecatalunya.com. Presentado por : Daniel Fernandez Senior SEO Consultant

HP Group. Technical Breakdown PGHC. petitsgranshotelsdecatalunya.com. Presentado por : Daniel Fernandez Senior SEO Consultant HP Group PGHC Technical Breakdown petitsgranshotelsdecatalunya.com Presentado por : Daniel Fernandez Senior SEO Consultant Índice Introducción... 3 Meta Información Meta Titles... 4 Meta Descriptions...

Más detalles

Manual para la gestión de contenidos web a través del CMS de wordpress www.ventanasgasteiz.com

Manual para la gestión de contenidos web a través del CMS de wordpress www.ventanasgasteiz.com Manual para la gestión de contenidos web a través del CMS de wordpress www.ventanasgasteiz.com Índice 1.Introducción 2.Acceder en modo Editor 3.Explorando el escritorio de wordpress 4.Administración de

Más detalles

ELABORACIÓN DE PÁGINAS WEB. CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ

ELABORACIÓN DE PÁGINAS WEB. CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ Página1 CREACIÓN DE LA BASE DE DATOS EN MySQL REGISTRO DE USUARIOS UTILIZANDO PHP CON MYSQL Una vez instalada nuestro servidor local de Apache, procedemos a crear

Más detalles

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

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

Más detalles

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

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

Más detalles

Tema: Estilos CSS. Combinadores. Posicionamiento.

Tema: Estilos CSS. Combinadores. Posicionamiento. Diseño Digital V. Guía 5 1 Tema: Estilos CSS. Combinadores. Posicionamiento. Objetivos Contenidos Facultad: Ciencias y Humanidades Escuela: Diseño Gráfico Asignatura: Diseño Digital V A través del desarrollo

Más detalles