Artículos de la categoría ‘Desarrollo web’

Oferta de empleo: Programador Junior PHP+HTML

22 de diciembre de 2011
OFERTA DE TRABAJO YA CUBIERTA

Estamos buscando un programador Junior PHP+HTML. Estamos en pleno proceso de selección de candidatos.

Requisitos: Al menos 1 año de experiencoa en un puesto de programación PHP  y/o HTML+CSS. El candidato debe residir en Madrid.

Se encargaría de realizar funciones básicas de programación sobre distintos proyectos de creación de páginas web, bajo la supervisión de los analistas.

Se valorará conocimientos y experiencia en:

  • BBDD
  • Gestores de Contenido
  • WordPress
  • Javascript
  • Diseño gráfico

A todos los candidatos se les realizará un test técnico para poder valorar sus conocimientos en PHP, HTML y CSS.

Incorporación inmediata. Contrato a tiempo parcial o jornada completa.

Candidaturas: enviad un email a rrhh arroba sort.eu

Estamos buscando un programador Junior HTML con conocimientos en PHP.

Estamos en pleno proceso de selección de candidatos para un puesto de programación PHP y/o puro HTML+CSS+JS.

Futurtaxi estrena página web

4 de noviembre de 2011

Hoy se ha lanzado la nueva web de FUTURTAXI, empresa especializada en servicios para los taxistas.

FUTURTAXI, ofrece a sus clientes un servicio integral en asesoramiento y consultoría para la adquisición, e incluso para la gestión de una licencia de taxi en la Comunidad de Madrid.

También cuenta con oferta para inversores interesados en adquirir una licencia de taxi de Madrid.

web futurtaxi

Más información en la página web de Futurtaxi http://www.futurtaxi.es

En e-sort.net nos hemos encargado del diseño de la imagen corporativa y de la creación de la web de Futurtaxi,  que ha sido realizada con el gestor de contenidos Content-SORT

e-SORT tu empresa de diseño web

 

200 años del nacimiento del químico alemán Robert Bunsen

31 de marzo de 2011

Para celebrar el aniversario de este importante químico alemán del siglo XIX, pero poco conocido, Google ha utilizado una muy bonita imagen animada. Para ello Googe ha utilizado tan sólo un fichero en formato PNG, largo, que se monta encima de otro, y moviéndolos mediante javascript y canvas.

En esta imagen no se han olvidado de un par de sus inventos: el mechero Bunsen y la cafetera. También descubrió dos elementos que forman parte de la tabla periódica: el cesio y el rubidio.

¿Podemos cargar cualquier tipo de letra en una web?

24 de febrero de 2011

La respuesta es Si, no es necesario que el usuario tenga instalado el tipo de letra ni que la web esté programada en Flash.

A continuación os describimos las instrucciones para realizarlo:

  1. Ir a una web que convierte nuestro tipo de letra a un formato que se puede usar en web.
  2. http://www.fontsquirrel.com/fontface/generator

    Esta pagina te genera el código css y las fuentes en un archivo . rar que te descarga.

    Hay que hacerlo una vez por cada estilo de la letra que queramos usar, por ejemplo, si usamos fuente normal y negrita generaremos el CSS 2 veces, una para la letra en negrita y otra para la normal.

    Vamos a ver un ejemplo para el tipo de letra Myriad Pro

    Ejemplo del css para la letra normal, el Font-weight: normal; lo define

    @font-face {

    font-family: ‘MyriadPro’;

    src: url(‘myriadpro-semibold-webfont.eot?’) format(‘eot’),

    url(‘myriadpro-semibold-webfont.woff’) format(‘woff’),

    url(‘myriadpro-semibold-webfont.ttf’) format(‘truetype’),

    url(‘myriadpro-semibold-webfont.svg#webfontJdGIerQQ’) format(‘svg’);

    font-weight: normal;

    font-style: normal;

    }

    Ejemplo del css para la letra negrita, el Font-weight: bold; lo define

    @font-face {

    font-family: ‘MyriadPro’;

    src: url(‘myriadpro-bold-webfont.eot?’) format(‘eot’),

    url(‘myriadpro-bold-webfont.woff’) format(‘woff’),

    url(‘myriadpro-bold-webfont.ttf’) format(‘truetype’),

    url(‘myriadpro-bold-webfont.svg#webfontYhHcrIrT’) format(‘svg’);

    font-weight: bold;

    font-style: normal;

    }

     

  3. Luego cargamos la letra en nuestra web de forma normal
  4. font-family:”MyriadPro”,Arial;

NOTA: en los 2 @font-face el Font-family: tiene que tener el mismo nombre, si no es así falla y lo ve como fuentes distintas, copiamos todo en nuestro css y listo.

Moisés Calviño

Ofertas de empleo en SORT – Becarios

17 de diciembre de 2010

En SORT tenemos especial vocación para la formación de nuevos especialistas a través de nuestro programa de becas en colaboración con diferntes universidades y academias españolas.
Tenemos amplia experiencia con la recepción y formación práctica de becarios; siempre contamos con 1 ó 2 becarios en nuestra plantilla, y las experiencias has sido muy siempre muy positivas para todos.
Ponemos a los becarios en contacto directo con proyectos reales, y con nuestro sistema de gestión (gestor de contenidos, crm, gestor documental, etc.) Content-SORT.
Buscamos los siguientes perfiles:

Diseñador Gráfico Web: Dentro de diseño gráfico existe una especialidad que está en pleno desarrollo: el Diseño Creativo Web, y que, para una buena formación, requiere tener experiencia en proyectos reales. Con conocimientos de PHP, HTML y CSS. Se encargaría de realizar funciones básicas de programación sobre distintos proyectos de creación de páginas web, bajo la supervisión de los analistas.

Programadores Junior: PHP, .NET, Java ó SAP.

Si estás interesado en unirte a nuestro equipo, ponte en contacto con la secretaría de tu Centro formativo (Universidad o Academia) o escribe a rrhh arroba sort punto eu

IE9 Beta, más rápido, más compatible

28 de septiembre de 2010

Hace unos días Microsoft hizo pública la nueva beta de su navegador, el IExplorer 9, descargable desde aquí.

Tras probarla en diversos ambientes típicos de navegación, ya podemos sacar algunas conclusiones sobre este nuevo producto.

Lo primero que llama la atención es el cambio en el aspecto general. Los de Redmond han querido dar mayor presencia a la zona de navegación, reduciendo al mínimo indispensable la barra superior e inferior. Por arriba, los menús han desaparecido, salvo que se cambien la configuración, y la barra a pie de ventana ha sido eliminada. Cuando hace falta informar de los enlaces sobre los que se pone el ratón, o del proceso de carga de una nueva página, se muestra una diminuta ventana inferior con la información, que desparece al terminar el proceso en curso. Además, han dado mucha mayor presencia al botón de Atrás, reduciendo el tamaño del de Adelante (que apenas se usa, realmente)

Pero a parte de cambios estéticos, el gran avance del IE9 es la rapidez. Por fin Microsoft ha dado un paso de gigante, haciendo que su nuevo navegador, no sólo se arranque en un tiempo record, sin apenas notarse actividad en el disco (contrariamente a la eterna espera que suponía arrancar el IE8) sino que los tiempos de ejecución y dibujado de las páginas se han reducido drásticamente. A los que estaban acostumbrados al navegador más rápido que hay actualmente, el Google Chrome, verán que el IE9 no tiene mucho que envidiarle. Si bien en los benchmarks realizados el Chrome sigue siendo el número 1 en rapidez en general, la distancia entre ambos se ha reducido al mínimo, hasta el punto de que de cara al usuario, apenas es apreciable la diferencia de velocidad. Entre otras mejoras, se ha incluido la aceleración hardware, aprovechando la potencia de las tarjetas gráficas cuando sea posible.

Otro punto que ha sido mejorado, por fin, es el de la compatibilidad. Los test de ACID le acercan a los niveles de compatibilidad de sus últimos competidores y la admisión de los nuevos estándares html5 y CSS3, hacen que el IE9 ya pueda considerarse dentro de los navegadores de última generación.

En resumen, un producto notablemente mejorado con respecto a sus versiones anteriores, con el que Microsoft pretende recuperar el terreno perdido en estos últimos años en el sector de los navegadores. Esperemos que la sana competencia entre todos ellos haga que mejoren cada día más.

Alberto Martín

Cómo mejorar el posicionamiento web en buscadores (SEO)

28 de julio de 2010

Un proyecto de mejora del posicionamiento web es bastante complejo y abarca muchas posibles acciones a tener en cuenta:

INDICADORES A GESTIONAR:

> Popularidad
- Nº de visitas. Que depende de:
* Público objetivo
* La Calidad de los contenidos
- Enlaces externos a la web
* Blogs
* Redes sociales
* Guías y directorios
* Buscadores
* Publicidad
> Técnico
- Metadatos HTML
* El Titulo
* Descripción
* Palabras clave
- Etiquetas HTML
* Encabezados
* Títulos de los elementos HTML
* Estilos
- Calidad del código HTML/CSS
- Accesibilidad
- Densidad de los Contenidos
- URLs amigables

Un proyecto serio y profesional se llevaría a cabo en 4 fases:

1. Plan de Marketing para Internet (en base a objetivos de negocio).
ENTREGABLE: Plan de acciones presupuestadas y planificadas en el tiempo
2. Ejecución de las Acciones Inmediatas (“Quick Wins”)
3. Ejecución de las Acciones a medio plazo, según el plan aprobado, y priorizado
4. Ciclo de Calidad: Seguimiento estadístico, análisis y mejoras

COSTE DEL PLAN DE MARKETING: depende del alcance del mismo, y la horquilla es inmensa en función de la complejidad de la empresa, que suele estar alineado, además, con la complejidad de la web o portal. Para tener una idea: estamos hablando entre 300€ para una micro pyme  ¡ y 100.000€ !, sólo para el plan de marketing para Internet.

Luego ya el coste de las acciones depende absolutamente de cada caso.

Qué es un sitemap

25 de junio de 2010

Un sitemap es un archivo que le indica a los bots cuál es la estructura de nuestro sitio web. Es una manera de listar la estructura de nuestra web, y asegurarnos así de que todas y cada una de las páginas internas serán registradas por los buscadores, paso previo a iniciar el trabajo de posicionamiento web. Como su nombre lo indica, es una especie de mapa que lo que hace es orientar no solo a los bots, sino a los visitantes, y así facilitar la navegación y la usabilidad del sitio.

Siempre es una buena idea –indispensable, en rigor de verdad- tener un mapa del sitio. Pero esta necesidad se ve enfatizada cuando tenemos botoneras con Flash, es decir que los links de nuestro sitio están indicados por algún tipo de script, material difícil aún hoy día de “decodificar” para los bots. Los sitemaps son creaciones de Google, en un intento de mejorar la indexación de los sitios web que indexa, sin embargo, este desarrollo fue rápidamente adoptado por los demás buscadores, a tal punto que el sitemap se ha convertido en uno de los primeros elementos que los bots indexan.

El sitemap se elabora con un lenguaje llamado XML –Extended Markup Language, cuya estructura no es muy distinta a la del HTML con el que todos estamos familiarizados. Sin embargo, el sitemap debe respetar ciertas reglas para que sea compatible con las spiders y poder llevar a cabo su labor esclarecedora de la estructura del sitio. En primer lugar, debe estar codificado en UTF-8 –un formato de texto Unicode, que asegura poder ser leído por todos. Además debe comenzar con la etiqueta <urlset>, y terminar con </urlset>.

Una forma práctica de comprender como se estructura un sitemap es ver uno y analizar el contenido. Este es un ejemplo de sitemap con una sola url para hacerlo más sencillo:

<?xml version=”1.0″ encoding=”UTF-8″?>
<urlset xmlns=”http://www.sitemaps.org/schemas/sitemap/0.9″>
<url><loc>http://www.misitio.com/</loc>
<lastmod>2010-07-01</lastmod>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url></urlset>

<url> indica que comenzaremos a brindar información sobre, justamente, la url. <loc> indica la ubicación de la misma. <lastmod> se refiere a la fecha de modificación de este documento. <changefreq> es una etiqueta opcional que nos indica con qué frecuencia se planea modificar esta página. Cuando la variable <changefreq> se fija en “always” se indica que el documento será modificado cada vez que se acceda a él. “Never”, por otra parte indica que se trata de urls antiguas, destinadas a ser archivadas. Finalmente, <priority> se refiere a la prioridad que tiene esta página con respecto a las demás del sitio. Esta variable puede adoptar valores entre 0.0 y1.0. En este caso, una prioridad de 0.8 indica que es una página importante para nuestra web.

Existen numerosas aplicaciones online gratuitas que podrán crear un sitemap adecuado para su sitio. Un ejemplo es http://www.xml-sitemaps.com/, donde con solo ingresar la url, el sitio recorrerá su página y elaborará un sitemap. Por otra parte, si su sitio es dinámico, por ejemplo, construido con WordPress, deberá aplicar un plugin, como el Google XML Sitemaps que le creará el sitemap y automáticamente lo mantendrá actualizado cada vez que suba un posteo o una nueva página.

Fuente de este post: www.vpa-internet.com.ar/blog

Nueva página web para un hotel de Madrid

16 de junio de 2010

Hoy hemos lanzado la nueva web de un céntrico hotel de Madrid (el hotel Casón del Tormes).

La página web está traducida en 6 idiomas, cuenta con galerías de fotos, descripción de servicios del hotel, etc  y enlaza con una central de reservas.  Los contenidos se mantienen y traducen con el gestor de contenidos Content-SORT.

  Este hotel está situado en un lugar idóneo para visitar el centro de Madrid.

Hotel  Cason del Tormes

Te invitamos a ver la web del hotel en http://www.hotelcasondeltormes.com

Crear una web con un gestor de contenidos

14 de junio de 2010

Hace ya tiempo que el proceso de creación de sitios web es algo bastante accesible para casi todo el mundo. Herramientas como FrontPage, Dreamweaver, o incluso el propio MsWord, etc, han facilitado mucho este proceso, por medio de herramientas gráficas de diseño.

Sin embargo, estas herramientas, en manos de personas no experimentadas tienen la limitación que supone no saber programar. Sin este conocimiento, la funcionalidad suele estar muy limitada, y sobre todo, la actualización de contenidos no es nada fácil.

Los gestores de contenidos web, como Content-SORT, vienen a cubrir este ewww.coroacapella.esspectro de necesidades.

Así, la web www.coroacapella.es, acaba de ser construida desde cero usando esta herramienta. El beneficio del uso de Content-SORT para su diseño y construcción ha sido doble.

Por una parte, en su creación sólo ha habido que programar dos scripts en php para extraer de manera excepcional unos datos de la BD del gestor. Todo lo demás, tanto en temas de diseño como sobre todo en funcionalidad, se ha realizado usando los wizards que el gestor proporciona. Siguiendo el método de diseño que proporciona Content-SORT, una persona sin apenas experiencia en la creación de páginas web, ha sido capaz, él solo, de llevar a cabo el proyecto de construcción del sitio en un tiempo muy reducido. Este método, que diferencia perfectamente y de manera modular todos los temas de diseño, funcionalidad y contenidos, aúna de una manera completamente integrada y en una única herramienta la gestión de estos tres elementos.

El resultado de www.coroacapella.es, que no pretende ser profesional desde el punto de vista del diseño estético, sí es sin embargo un ejemplo paradigmático de la facilidad en la gestión de los contenidos web. De esta manera, y como segundo gran beneficio, cualquier información que se muestra en dicha web es gestionable al 100% desde la consola de administración de Content-SORT. Así, cualquier miembro de la asociación a la que pertenece la web va a poder actualizar todos los datos que se presentan al público sin tener ningún conocimiento de programación o diseño web. Bastará con rellenar en formularios muy básicos los textos, fotos y en general, cualquier elemento de información que se quiera presentar, para que, en tiempo real, dichos cambios se reflejen en la nueva web. El motor de Content-SORT será el encargado de añadirle los estilos, ubicarlo en sus páginas correspondientes, aplicar el diseño y hacer que la web refleje inmediatamente los cambios. Todo ello, insisto, sin tocar una sola línea de código HTML, php, javascript, ni nada similar.

Aunque esta experiencia piloto pueda parecer muy simple dada la sencillez de la web creada, es sin embargo un ejemplo de la potencia que puede aportar en el mundo de la creación de sitios en Internet un gestor de contenidos como Content-SORT.

Alberto Martín