9
02
2010
Ahora que ya tenemos nuestro diseño. Empecemos con la siguiente sesión.
Este diseño es para un tema de Wordpress en esta sesión veremos únicamente el diseño del tema, el tema se llamara SimpleCH. Empezaremos haciendo nuestro diseño en html, después le pondremos un mejor aspecto con imágenes y también añadiremos nuestra plantilla de css.
Es momento de abrir nuestro editor de html y el primer archivo que crearemos es el index.html
Lo primero que debemos escribir es el DOCTYPE en nuestro caso usaremos el XHTML 1.0 estricto.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Después de esto insertamos el código de XHML indicando su namespace asociado y el metadato para definir la codificación de caracteres del documento.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>SimpleCH</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<body>
</body>
</html>
Una de las cosas me gusta de Geany es que tiene varias plantillas para el documento que deseas usar y en la plantilla de html te inserta todo el modelo del archivo xhtml y por lo tanto,no tengo que estar recordando el DOCTYPE y su namespace.
Otra cosa que debemos de agregar en nuestro archivo index.html es el enlace de nuestra hoja de estilo CSS dentro de la etiqueta <head> </head>
<head>
<title>SimpleCH</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
Nuestro archivo de style.css debería tener una estructura o modelo más o menos así.
Lea el resto »
Si te gusto este post compartelo
Comments : 3 Comentarios »
Categorias : CSS, Diseño, Gimp, Recursos, wordpress
4
02
2010
Para que pueda entender esta serie de post acerca de como crear un tema. Usted debe estar familiarizado con WordPress. Usted debe tener conocimientos básicos en la administración de un blog en WP y por lo menos tener nociones de diseño de una pagina web.
Entender los conceptos básicos de instalación y uso de plugins también será de utilidad.
Breve introducción
WordPress es sistema de gestión de contenidos (CMS) de fuente abierta bajo la licencia de GPL, por lo tanto es libre y al mismo tiempo gratuito, enfocado especialmente a la creación de blog. Esta desarrollado en PHP y usa MySql como base de datos. Esta en orientado a la estetica, los estandares web y la usabilidad, debido a que es libre, cuenta con una enorme comunidad de desarrolladores y diseñadores que se encargan de crear los plugins y temas.
Para su descarga e instalacion puedes visitar http://es.wordpress.org/
Conocimientos necesarios
Para el diseño de un tema en WordPress hay tres tipos de código principales XHTML, CSS y PHP. Por lo tanto debemos de tener conocimientos básicos, principalmente de XHTML y CSS. Lea el resto »
Si te gusto este post compartelo
Comments : 3 Comentarios »
Categorias : CSS, Diseño, wordpress
4
02
2010
Todos sabemos que podemos navegar en cualquier pagina web en todos los navegadores, pero ¿entrar a una web para poder navegar en todos los navegadores? esto no tiene mucho sentido, almenos si eres un desarrollador/diseñador web.
Si eres un desarrollador/diseñador web talves esto sea de mucha ayuda, aveces necesitamos tener instalados todos los navegadores en nuestra computadora para provar nuestros diseños o programas, pero es tan tedioso instalar todos los navegadores, cuando tu, como usuario usas solo uno o sobretodo en Internet Explorar ya que windows te permite tener instalado solo una version.
Browser Sandbox es un sitio en donde podemos preinstalar los navegadores mas poulares como firefox, IE 6 7 y 8, opera, google chrome y safari. Sin necesidad de tenerlos todos en tu computadora.
Para usar el navegador que deseas tansolo es de entrar a http://spoon.net/browsers/ darle click en el navegador que queremos y esperar que termine de descargar y despues de su descarga aparecera el navegador en una venta asi como si lo abrieramos desde nuestra computadora.
El unico inconveniente es que solo esta disponible para windows.
Si te gusto este post compartelo
Comments : Sin Comentarios »
Categorias : Diseño
29
01
2010
Twitter es una red social de microblogin y es una de las mas usadas en la web 2.0.
se puede considerar como un grito de la moda en internet, muchos sitios web y/o blog usan a twitter como una herramienta de comunicacion entre sus clientes, suscriptores, amigos, etc. y en cierta forma se ha hecho de mucha importancia mostrar tus últimos estados ( tweets ) desde el sitio web, para esto existen una gran cantidad de widgets y plugin que te permiten mostrar las ultimas actualizaciones de tu estado ( tweets ), pero muchos de estos widgets/plugin hacen mas lenta la carga de la pagina o no se acomoda al diseño del sitio o simplemente no son al gusto de quien lo usa.
Buscando en internet me encontré con el blog @line25blog en el cual presenta una simple solucion con la Wiki de la API de Twitter.
Lo que vamos a desarrollar: un diseño simple que muestre los últimos tweets de un feed en particular. Si bien en esta demostración se utiliza un diseño de página completa, el mismo enfoque puede utilizarse para mostrar hasta 20 tweets en cualquier lugar de tu sitio web.
Lea el resto »
Si te gusto este post compartelo
Comments : Sin Comentarios »
Categorias : CSS, Diseño, Twitter
