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

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

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

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

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 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

SEO: Elementos HTML. solo nos hemos de centrarnos en Google. 1 / 19

SEO: Elementos HTML. solo nos hemos de centrarnos en Google. 1 / 19 Las técnicas SEO, optimización para motores de búsqueda, consisten en adaptar la estructura y el contenido de nuestras páginas web para facilitar el rastreo y la indexación de tu contenido por parte de

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

Tutorial de Drupal para Editores de Sitios

Tutorial de Drupal para Editores de Sitios Tutorial de Drupal para Editores de Sitios Autora: Aylín Alvarez Martínez Dpto. de Desarrollo de Infomed Noviembre 2010 1 Índice Qué es un CMS?... 3 Qué es Drupal?... 3 Registro e Ingreso... 3 Mi cuenta...

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

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

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

Plantilla de texto plano

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

Más detalles

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

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

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

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

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

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

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

SEM Y SEO. capítulo 06

SEM Y SEO. capítulo 06 SEM Y SEO capítulo 06 SEM Y SEO SEM y SEO La finalidad de cualquier webmaster (persona responsable de la creación y mantenimiento de un sitio web) es que su página reciba el mayor número de visitas. Para

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

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

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

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

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

Operación Microsoft Access 97

Operación Microsoft Access 97 Trabajar con Controles Características de los controles Un control es un objeto gráfico, como por ejemplo un cuadro de texto, un botón de comando o un rectángulo que se coloca en un formulario o informe

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

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

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

Manual de Uso XML-Whois de Neubox. Manual del Sistema de XML Whois de Neubox Versión 9.12.4

Manual de Uso XML-Whois de Neubox. Manual del Sistema de XML Whois de Neubox Versión 9.12.4 Manual del Sistema de XML Whois de Neubox Versión 9.12.4 1 Índice Sección Página I. Introducción........ 3 II. Contenido del paquete............ 4 III. Instalación y uso....... 5 1. Cómo comprobar la plantilla......

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

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

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

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

Más detalles

Maquetación web con 960 Grid System y Drupal

Maquetación web con 960 Grid System y Drupal Maquetación web con 960 Grid System y Drupal Agosto 2009 1. 960 Grid System 960 Grid System es un framework CSS, que no es más que una declaración de estilos que dispone las clases necesarias para implementar

Más detalles

Plantilla de texto plano

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

Más detalles

Configuración SEO en el Panel

Configuración SEO en el Panel OPTIMIZACIÓN SEO AVANZADA 1 Configuración SEO en el Panel Dentro del Panel accede a Configuración > Utilidades > Configuración SEO. Ahí podrás introducir la información que ayudará a mejorar el posicionamiento

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

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

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

Optimización para buscadores en Plataforma Domestika

Optimización para buscadores en Plataforma Domestika Optimización para buscadores en Plataforma Domestika Este documento recoge consejos y ejemplos para mejorar el posicionamiento online de las webs desarrolladas en la Plataforma Domestika Madrid, 21 de

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

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

OJS. Manual de usuario Editor

OJS. Manual de usuario Editor OJS Manual de usuario Editor Ingrese al sistema OJS a través de www.publicaciones.urbe.edu. Coloque su nombre de usuario, contraseña y pulse sobre Ingreso. Accederá a una página de inicio en la cual puede

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

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

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

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

Cómo Google indexa tu sitio?

Cómo Google indexa tu sitio? Cómo Google indexa tu sitio? En este artículo comentaremos porque es tan preciado el posicionamiento en Google, repasaremos su algoritmo de indexación y rankeo, y veremos tips necesarios para que tu página

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

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

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

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

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

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

Más detalles

Plantilla Video. Versión 2.1. Revisión 1

Plantilla Video. Versión 2.1. Revisión 1 Plantilla Video Versión 2.1 Revisión 1 Índice 1. Introducción... 3 2. Páginas... 6 2.1 Página de contenido... 7 2.2 Contenedor de widgets... 7 3. Componentes... 9 3.1 Cabecera del curso... 9 3.2 Sección...

Más detalles

MÓDULO 3 CONFIGURACIÓN DE UN BLOG

MÓDULO 3 CONFIGURACIÓN DE UN BLOG MÓDULO 3 INTRODUCCIÓN Para comenzar con la configuración de nuestro blog, tendremos que ir a la página de Blogger, www.blogger.com y registrarnos con nuestro usuario y contraseña, una vez dentro vamos

Más detalles

UF1303 Elaboración de hojas de estilo

UF1303 Elaboración de hojas de estilo UF1303 Elaboración de hojas de estilo TEMA 1. Hojas de estilo en la construcción de páginas web TEMA 2. Diseño, ubicación y optimización de los contenidos de una página web OBJETIVOS: - Describir las características

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

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

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

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

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

Más detalles

1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers

1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers Barra de navegación vertical con Botones rollovers_tic 1º Bachillerato página 1/8 1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers...1 1.1 Intro...1 1.2 Código HTML de la lista de vínculos...2 1.3

Más detalles

Programa por Clase. 8. CSS3 9. Ejercicio Práctico 10. Examen

Programa por Clase. 8. CSS3 9. Ejercicio Práctico 10. Examen Curso CSS Clase 5 Programa por Clase 1. Repaso HTML. Introducción. Reglas CSS internas. 2. Etiquetas básicas de CSS (tipografía, subrayado, etc.) 3. Archivos CSS externos. Colores. Imágenes. 4. Modelo

Más detalles

TUTORIAL DE PUBLICACIÓN PARA REDACTORES

TUTORIAL DE PUBLICACIÓN PARA REDACTORES TUTORIAL DE PUBLICACIÓN PARA REDACTORES Fitfusion, pretende ser un punto de encuentro entre profesionales y adictos al fitness, donde compartimos conocimiento sobre nuestra pasión, el ejercicio físico

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

Análisis de la accesibilidad del sitio web del Ayuntamiento La Joyosa (www.lajoyosa.net)

Análisis de la accesibilidad del sitio web del Ayuntamiento La Joyosa (www.lajoyosa.net) Análisis de la accesibilidad del sitio web del Ayuntamiento La Joyosa (www.lajoyosa.net) Danny J. Rivera I. Sergio Luján Mora 24 de Marzo de 2011 Esta obra está bajo una licencia de Creative Commons Reconocimiento-SinObraDerivada

Más detalles

Imágenes y objetos IMÁGENES

Imágenes y objetos IMÁGENES IMÁGENES Y OBJETOS Imágenes y objetos 2 IMÁGENES Uno de los elementos más vistosos e importantes de las páginas web. Su introducción puede explicar de manera más fácil y agradable nuestra información al

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

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

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

Guía del usuario. Guía del usuario - Wordpress

Guía del usuario. Guía del usuario - Wordpress Guía del usuario Guía del usuario - Wordpress 1. Qué es Wordpress? Pag.3 1. 1 Cómo acceder al Escritorio Wordpress? Pag.4 1. 2 Elementos destacables del Panel de Control Pag.5 1. 3 Secciones del Escritorio

Más detalles

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

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

Más detalles

Tutorial de Wordpress para Editores de Sitios. Autora: Aylín Alvarez Martínez Dpto. Web

Tutorial de Wordpress para Editores de Sitios. Autora: Aylín Alvarez Martínez Dpto. Web Tutorial de Wordpress para Editores de Sitios Autora: Aylín Alvarez Martínez Dpto. Web 2011 ÍNDICE Blog -----------------------------------------------------------------------------------------------------------

Más detalles

Informe de SEO. para COLEGIO

Informe de SEO. para COLEGIO Informe de SEO para COLEGIO MARZO 2010 Resumen de acciones a tomar para mejorar el posicionamiento orgánico A continuación se enumeran un conjunto de cambios que deben llevarse a cabo para mejorar el posicionamiento

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

Joomla! 3.3 Cree y administre sus sitios Web

Joomla! 3.3 Cree y administre sus sitios Web Capítulo 1: Descubrir Joomla! A. Razones para crear un sitio con Joomla! 9 B. Documentarse sobre Joomla! 9 C. La hoja de ruta de Joomla! 10 D. Qué es un CMS? 12 E. HTML y XHTML 12 F. Diferenciar el contenido

Más detalles

Guía Google Sites. En este tema se desarrolla una guía rápida de uso para editar con Google Sites

Guía Google Sites. En este tema se desarrolla una guía rápida de uso para editar con Google Sites 1. INTRODUCCIÓN Google Sites es una aplicación gratuita que se enmarca dentro de la filosofía Web 2.0. Permite crear el sitio que puede adaptarse a cualquier situación: web personal, informativa, educativa,

Más detalles