Blog de diseño y desarrollo de páginas y aplicaciones web.

Archivo de la categoría: HTML

1

DGCmedia estrena nueva página web

DGCmedia estrena nueva página web

Posted on por

¡Hoy estamos de enhorabuena! Por fin renovamos nuestra página web (lo necesitaba) y lo hacemos, como siempre, utilizando las últimas tecnologías y un diseño de vanguardia.

Totalmente responsive (se adapta a cualquier dispositivo), muestra el catálogo de todos nuestros servicios, nuestros últimos trabajos y demás funcionalidades clásicas. Además, como es obvio, alberga nuestro blog de desarrollo web.

Captura de la nueva página web

Iremos incrementando sus contenidos, añadiendo una nueva sección con todos los laboriosos scripts (los que se puedan enseñar) que hacen de nosotros, una empresa especializada en el desarrollo de aplicaciones y páginas web.

Desarrollada sobre el gestor de contenidos profesional de última generación, BetaWebTool, utiliza Bootstrap, HTML5 y CSS3 como componentes fundamentales.

Esperamos vuestras opiniones.

 

VN:F [1.9.22_1171]
Rating: 4.0/5 (2 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 2 votes)

Esta entrada fue publicada en Beta Web Tool, CMS, Diseño Web, Estándares W3C, HTML, HTML5, Lenguajes, Nuestros trabajos y etiquetada , , , , por DGCmedia. Guarda enlace permanente.

2

Digital Detox, nueva web para un nuevo concepto de vacaciones

Digital Detox, nueva web para un nuevo concepto de vacaciones

Posted on por

Digital Detox es un nuevo concepto de vacaciones que se basa en desconectar totalmente de todos los aparatos tecnológicos que nos rodean.

DGCmedia, empresa que vive de la tecnología, ha desarrollado para 4Sales Marketers este portal responsive que muestra cientos de hoteles que permitirán al usuario descansar de ordenadores, teléfonos móviles y demás cachivaches que nos son imprescindibles en nuestros quehaceres diarios.

Digital Detox Holidays

Ordenados por continentes o por tipo de desconexión, además permitirá solicitar a la empresa información sobre los paquetes vacacionales que puedan interesarnos y conseguir los mejores precios.

Podéis visitarla desde el portátil o dispositivo móvil porque al ser responsive, se adapta a cualquier tipo de dispositivo pulsando aquí.

VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Esta entrada fue publicada en Beta Web Tool, Diseño Web, HTML5, Nuestros trabajos y etiquetada , , por DGCmedia. Guarda enlace permanente.

0

DGCmedia renueva su página web (escritorio y móvil) y blog

DGCmedia renueva su página web (escritorio y móvil) y blog

Posted on por

Por fin! No podía ser que dedicándonos a desarrollar páginas web, la nuestra estuviese en un estado tan lamentable. Gracias a un periodo de pausa entre proyecto y proyecto, contamos con una web a la altura de las que acostumbramos a hacer a nuestros queridos clientes.

Técnicamente, está desarrollada sobre nuestro gestor de contenidos, DGCcms, que nos permite gestionar todo fácilmente. Añadir clientes, tecnologías, páginas y servicios en minutos (o segundos)

Web multidispositivo
Además, cuenta con un sistema de url´s amigables (¡sólo faltaba!), realizada en HTML5 conforme al futuro estándar de la W3C (es válida en su tester) y muestra de una forma atractiva nuestros trabajos pasados y las tecnologías utilizadas en sus respectivos desarrollos.

El blog también ha pasado por chapa y pintura, y a pesar de ser un WordPress de toda la vida, está completamente integrado en el funcionamiento de la web, siendo todos los contenidos (header, sidebar y footer) los mismos que los de la web matriz.

Versión móvil de nuestra web

Por último, jQuery mobile nos ha facilitado las cosas a la hora de hacer una versión móvil del portal. Aunque nuestra web está optimizada de por sí para el funcionamiento en dispositivos móviles sin ningún problema (es muy ligera, rápida y sin contenidos incompatibles) hemos creído oportuno que los móviles más antiguos también puedan entrar en ella sin tener que esperar.

Esperemos que os guste, la disfrutéis y la compartáis con vuestros amigos.

VN:F [1.9.22_1171]
Rating: 5.0/5 (1 vote cast)
VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)

Esta entrada fue publicada en CMS, DGCcms, Diseño Web, HTML, HTML5, JavaScript, jQuery Mobile, Lenguajes, Nuestros trabajos, Php, Wordpress y etiquetada , , , , , , , , por DGCmedia. Guarda enlace permanente.

12

Valida tus botones de Facebook, Twitter, Google +1 y LinkedIn para la W3C

Valida tus botones de Facebook, Twitter, Google +1 y LinkedIn para la W3C

Posted on por

Parece ser que a Twitter, Facebook, LinkedIn y Google les importa poco que sus botones de tweet/follow, me gusta, share y +1 validen en la W3C.

Para el correcto funcionamiento de una web, no suele tener importancia, pero como desarrolladores web, nos gusta que nuestro sitio cumpla los estándares establecidos.

Por ello, hemos desarrollado unas funciones que permiten validar nuestras páginas y agilizar el tiempo de carga. Esperamos un tiempo y creamos los elementos que contienen el botón en cuestión. El código del botón de LinkedIn sería el siguiente:

En el head, añadimos el siguiente fragmento de código JavaScript:

Luego, donde queremos crear el botón, llamamos a la función declarada anteriormente.

A continuación, incluimos el código de los botones de las redes sociales principales que validan perfectamente en la W3C.

En el head:

Y en donde queramos llamar a los botones…

Para Twitter, la función tiene un parámetro booleano compartir, en el que se indica si se trata del botón de compartir o el de seguir.

Esperamos que haya sido de ayuda y gracias a Moisés por conseguir algo que a muchos, nos ha quitado horas intentando validar nuestras páginas en la W3C

VN:F [1.9.22_1171]
Rating: 5.0/5 (2 votes cast)
VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)

Esta entrada fue publicada en Estándares W3C, Facebook, Google Plus, HTML, JavaScript, Lenguajes, LinkedIn, Php, Redes Sociales, Twitter y etiquetada , , , , , por DGCmedia. Guarda enlace permanente.

1

Atributo rel

Atributo rel

Posted on por

Vamos a examinar el atributo rel de las url en una página web. Éste sirve para establecer una relación entre la página que contiene el enlace y su destino.

Es un microformato que informa de la jerarquía de una página web (index, section, chapter, next, prev…), indica a los robots si han de seguir el enlace o no (nofollow), o incluso sirve para establecer vínculos de amistad o trabajo (friend, co-worker, colleague…)

Como supondréis, es importante para el correcto posicionamiento de una página y parte importante del SEO.

Así se haría un link correcto:

<a href=”http://www.dgcmedia.es” rel=”index” tittle=”Diseño web Madrid”>Diseño Web Madrid</a>

Os dejo un par de tablas con variables del atributo rel (en inglés)

Value Description
acquaintance The person represented by the current document considers the person represented by the referenced document to be an acquaintance
alternate The rel=”alternate” attribute specifies an alternate version of the document. When used with the link element’s hreflang attribute, this value implies a translation of the document. When used with link’s media attribute, a media-specific version (e.g., for printing) is implied.
archives The rel=”archives” attribute indicates that the referenced document describes a collection of records, documents, or other materials of historical interest.
author The rel=”author” attribute indicates that the referenced document provides information about the author of the current document.
bookmark The rel=”bookmark” attribute indicates that the referenced document is a bookmark or permalink for the enclosing section or document.
child the referenced person is a child of the person represented by the current document
co-resident the referenced person lives in the same residence as the person represented by the current document
co-worker the referenced person is a co-worker of the person represented by the current document
colleague the referenced person is a colleague of the person represented by the current document
contact the person represented by the current document considers the person represented by the referenced document to be a contact
crush this person considers the referenced person to be a crush (i.e. has a crush on the referenced person)
date this person considers the referenced person to be a date (i.e. is dating the referenced person)
external The rel=”external” attribute indicates that the referenced document is not part of the same web site as the current document.
first The rel=”first” attribute is a synonym for rel=”start”. The rel=”start” attribute indicates that the referenced document is the first in a document collection.
friend the person represented by the current document considers the person represented by the referenced document to be a friend
help The rel=”help” attribute indicates that the referenced document contains context-sensitive help.
icon The rel=”icon” attribute indicates that the referenced document is an icon for the current document.
index The rel=”index” attribute indicates that the referenced document is a table of contents or index for the current document.
kin the referenced person is part of the extended family of the person represented by the current document
last The rel=”last” attribute indicates that the referenced document is the last page in a document collection.
license The rel=”license” attribute indicates that the referenced document is a license that governs the current document.
me the referenced document represents the same person as does the current document
met this person has met the referenced person
muse the referenced person inspires the person represented by the current document
neighbor the referenced person lives nearby the person represented by the current document
next The rel=”next” attribute indicates that the referenced document is the next document in a document collection (after the current document).
nofollow The rel=”nofollow” attribute indicates that the author of the current document does not endorse the referenced document or that the link to the referenced document was included primarily because of a commercial relationship between people affiliated with the two pages.
noreferrer The rel=”noreferrer“ indicates that the no referrer information is to be leaked when following the link.
parent the referenced person is a parent of the person represented by the current document
pingback The rel=”pingback” attribute indicates that the referenced document is a pingback server for the current document.
prefetch The rel=”prefetch” attribute indicates that the author recommends preemptively fetching and caching the specified resource.
prev The rel=”prev” attribute indicates that the referenced document is the previous document in a document collection (before the current document).
search The rel=”search” attribute indicates that the referenced document can be used to search the current document and its document collection.
sibling the referenced person is a sibling of the person represented by the current document
sidebar The rel=”sidebar” attribute indicates that the referenced document is meant to be opened in a sidebar, if the browser supports it.
spouse the referenced person is a spouse of the person represented by the current document
start The rel=”start” attribute indicates that the referenced document is the first in a document collection.
stylesheet The rel=”stylesheet” attribute indicates that the referenced document is a stylesheet for the current document.
sweetheart this person considers the referenced person to be their sweetheart
tag The rel=”tag” attribute indicates that the tag that the referenced document represents applies to the current document.
up The rel=”up” attribute indicates that the referenced document is the parent of the current document in a hierarchical document collection.
alternate An alternate version of the document (i.e. print page, translated or mirror)
stylesheet An external style sheet for the document
start The first document in a selection
next The next document in a selection
prev The previous document in a selection
contents A table of contents for the document
index An index for the document
glossary A glossary (explanation) of words used in the document
copyright A document containing copyright information
chapter A chapter of the document
section A section of the document
subsection A subsection of the document
appendix An appendix for the document
help A help document
bookmark A related document
nofollow “nofollow” is used by Google, to specify that the Google search spider should not follow that link (mostly used for paid links)
license Link to copyright information for the document
tag A tag (keyword) for the current document
friend

DGCmedia Diseño web, posicionamiento y publicidad en Google Adwords

VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Esta entrada fue publicada en HTML, Lenguajes, Posicionamiento y etiquetada , , por DGCmedia. Guarda enlace permanente.

Contacto

Su nombre*

E-Mail*

Asunto*

Mensaje*

Captcha
Otro Captcha

Captcha*