DGCmedia estrena nueva página web

Posted on 23 julio, 2014 por DGCmedia

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

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.

Rating: 4.0/5 (2 votes cast)

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 beta web tool, blog, bootstrap, css3, Wordpress por DGCmedia. Guarda enlace permanente.

3

Digital Detox, nueva web para un nuevo concepto de vacaciones

0 Shares
0 Tweets
0 Pings
Whatsapp

Digital Detox, nueva web para un nuevo concepto de vacaciones

Posted on 9 marzo, 2014 por DGCmedia

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.

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

Rating: 0.0/5 (0 votes cast)

Rating: 0 (from 0 votes)

Esta entrada fue publicada en Beta Web Tool, Diseño Web, HTML5, Nuestros trabajos y etiquetada beta web tool, digital detox, responsive por DGCmedia. Guarda enlace permanente.

0

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

0 Shares
0 Tweets
0 Pings
Whatsapp

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

Posted on 21 febrero, 2013 por DGCmedia

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.

Rating: 5.0/5 (1 vote cast)

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 CMS, DGCcms, DGCmedia, Diseño Web, HTML5, Página Web, SEO, web móvil, Wordpress por DGCmedia. Guarda enlace permanente.

12

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

0 Shares
0 Tweets
0 Pings
Whatsapp

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

Posted on 29 marzo, 2012 por DGCmedia

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:

<script type="text/javascript">
function crearLinkedIn(pagina,id) {      
   var lk1 = document.createElement("script");      
   lk1.setAttribute("type","text/javascript");
   lk1.setAttribute("src","http://platform.linkedin.com/in.js");      
   var lk2 = document.createElement("script");      
   lk2.setAttribute("data-counter","right");      
   lk2.setAttribute("data-url",pagina);      
   lk2.setAttribute("type","IN/Share");      
   document.getElementById(id).appendChild(lk1);      
   document.getElementById(id).appendChild(lk2); 
}
</script>

1

2

3

4

5

6

7

8

9

10

11

12

13

function crearLinkedIn(pagina,id) {

var lk1 = document.createElement("script");

lk1.setAttribute("type","text/javascript");

lk1.setAttribute("src","http://platform.linkedin.com/in.js");

var lk2 = document.createElement("script");

lk2.setAttribute("data-counter","right");

lk2.setAttribute("data-url",pagina);

lk2.setAttribute("type","IN/Share");

document.getElementById(id).appendChild(lk1);

document.getElementById(id).appendChild(lk2);

}

</script>

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

<div id="lk_pie">
   <script type="text/javascript">
      setTimeout ('crearLinkedIn("http://www.e-sort.net","lk_pie")',2000);
   </script>
</div>

1

2

3

4

5

setTimeout ('crearLinkedIn("http://www.e-sort.net","lk_pie")',2000);

</script>

</div>

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

En el head:

<script type="text/javascript">
function crearLinkedIn(pagina,id){
   var lk1 = document.createElement("script");
   lk1.setAttribute("type","text/javascript"); 		      
   lk1.setAttribute("src","http://platform.linkedin.com/in.js");
   var lk2 = document.createElement("script");
   lk2.setAttribute("data-counter","right");
   lk2.setAttribute("data-url",pagina);
   lk2.setAttribute("type","IN/Share");	
   document.getElementById(id).appendChild(lk1); 		
   document.getElementById(id).appendChild(lk2); 	
}

function crearFacebook(pagina,id){
   var fb = document.createElement("iframe");
   fb.setAttribute("style","border:none; overflow:hidden; width:180px; height:21px;"); 		   
   fb.setAttribute("allowTransparency","true");
   fb.setAttribute("scrolling","no"); 
   fb.setAttribute("frameborder","0"); 		   
   fb.setAttribute("src","http://www.facebook.com/plugins/like.php?href="+pagina+"&#038;send=false&#038;layout=button_count&#038;width=180&#038;show_faces=false&#038;action=like&#038;colorscheme=light&#038;font=arial&#038;height=21"); 		
   document.getElementById(id).appendChild(fb); 
}

function crearTwitter(pagina,id,compartir){
   var tw = document.createElement("a");
   if(compartir){
      tw.setAttribute("href","https://twitter.com/share"); 			
      tw.setAttribute("class","twitter-share-button");
      tw.setAttribute("data-url",pagina);
      tw.setAttribute("data-hashtags","diseñoweb");
      tw.setAttribute("data-via","DGCmedia_es");
   }else{
      tw.setAttribute("class","twitter-follow-button");	 			   
      tw.setAttribute("href","http://twitter.com/DGCmedia_es");
   }
   tw.setAttribute("data-lang","es_ES");
   tw.text="Twittear";
   var tw2 = document.createElement("script");
   tw2.setAttribute("type","text/javascript"); 		   
   tw2.setAttribute("src","http://platform.twitter.com/widgets.js");	 		
   document.getElementById(id).appendChild(tw); 		
   document.getElementById(id).appendChild(tw2);
} 	

function crearGoogle(pagina,id){
   var google = document.createElement("div"); 
   google.setAttribute("class","g-plusone");
   google.setAttribute("data-size","medium");
   google.setAttribute("data-href",pagina);
   var google2 = document.createElement("script"); 		
   google2.setAttribute("type","text/javascript"); 		   
   google2.setAttribute("src","https://apis.google.com/js/plusone.js");
   google2.text="{lang: 'es'}";
   document.getElementById(id).appendChild(google2); 		
   document.getElementById(id).appendChild(google); 	
}
</script>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

function crearLinkedIn(pagina,id){

var lk1 = document.createElement("script");

lk1.setAttribute("type","text/javascript");

lk1.setAttribute("src","http://platform.linkedin.com/in.js");

var lk2 = document.createElement("script");

lk2.setAttribute("data-counter","right");

lk2.setAttribute("data-url",pagina);

lk2.setAttribute("type","IN/Share");

document.getElementById(id).appendChild(lk1);

document.getElementById(id).appendChild(lk2);

}

function crearFacebook(pagina,id){

var fb = document.createElement("iframe");

fb.setAttribute("style","border:none; overflow:hidden; width:180px; height:21px;");

fb.setAttribute("allowTransparency","true");

fb.setAttribute("scrolling","no");

fb.setAttribute("frameborder","0");

fb.setAttribute("src","http://www.facebook.com/plugins/like.php?href="+pagina+"&send=false&layout=button_count&width=180&show_faces=false&action=like&colorscheme=light&font=arial&height=21");

document.getElementById(id).appendChild(fb);

}

function crearTwitter(pagina,id,compartir){

var tw = document.createElement("a");

if(compartir){

tw.setAttribute("href","https://twitter.com/share");

tw.setAttribute("class","twitter-share-button");

tw.setAttribute("data-url",pagina);

tw.setAttribute("data-hashtags","diseñoweb");

tw.setAttribute("data-via","DGCmedia_es");

}else{

tw.setAttribute("class","twitter-follow-button");

tw.setAttribute("href","http://twitter.com/DGCmedia_es");

}

tw.setAttribute("data-lang","es_ES");

tw.text="Twittear";

var tw2 = document.createElement("script");

tw2.setAttribute("type","text/javascript");

tw2.setAttribute("src","http://platform.twitter.com/widgets.js");

document.getElementById(id).appendChild(tw);

document.getElementById(id).appendChild(tw2);

}

function crearGoogle(pagina,id){

var google = document.createElement("div");

google.setAttribute("class","g-plusone");

google.setAttribute("data-size","medium");

google.setAttribute("data-href",pagina);

var google2 = document.createElement("script");

google2.setAttribute("type","text/javascript");

google2.setAttribute("src","https://apis.google.com/js/plusone.js");

google2.text="{lang: 'es'}";

document.getElementById(id).appendChild(google2);

document.getElementById(id).appendChild(google);

}

</script>

Y en donde queramos llamar a los botones…

<? $dirFB=urlencode("http://www.e-sort.net"); ?>
<div id="fb_pie" class="fb">
   <script type="text/javascript">
      setTimeout('crearFacebook("","fb_pie")',2000);
   </script>
</div>
<div id="tw_pie" class="tw">
   <script type="text/javascript">
	setTimeout('crearTwitter("http://www.e-sort.net","tw_pie",false)',2000);
   </script>
</div>
<div id="gplus_pie" class="gplus">
   <script type="text/javascript">
      setTimeout('crearGoogle("http://www.e-sort.net","gplus_pie")',2000);
   </script>
</div>
<div id="lk_pie" class="lk">
   <script type="text/javascript">
      setTimeout('crearLinkedIn("http://www.e-sort.net","lk_pie")',2000);
   </script>
</div>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<? $dirFB=urlencode("http://www.e-sort.net"); ?>

setTimeout('crearFacebook("","fb_pie")',2000);

</script>

</div>

setTimeout('crearTwitter("http://www.e-sort.net","tw_pie",false)',2000);

</script>

</div>

setTimeout('crearGoogle("http://www.e-sort.net","gplus_pie")',2000);

</script>

</div>

setTimeout('crearLinkedIn("http://www.e-sort.net","lk_pie")',2000);

</script>

</div>

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

Rating: 5.0/5 (2 votes cast)

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 facebook, google plus, linkedin, twitter, validar web, W3C por DGCmedia. Guarda enlace permanente.

1

Atributo rel

0 Shares
0 Tweets
0 Pings
Whatsapp

Atributo rel

Posted on 22 enero, 2012 por DGCmedia

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

Rating: 0.0/5 (0 votes cast)

Rating: 0 (from 0 votes)

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

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

Archivo de la categoría: HTML

DGCmedia estrena nueva página web

Digital Detox, nueva web para un nuevo concepto de vacaciones

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

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

Atributo rel

Servicios

Contacto

Contacto

Últimos Post

DGCmedia en Twitter

Menú