Posts Tagged 'web'

Diseño Web básico: PHP + HTML

Ayer por la tarde estuve hablando con un amigo mío que hace muy poco decidió meterse de lleno en el mundo de la programación Web, me comentó como podía hacer una Web que sólo se modificara el contenido del frame central, manteniendo siempre igual la cabecera y el pie de página. Aunque no soy un experto (ni mucho menos) en programación Web, tengo algunas nociones básicas y leyendo algún que otro tutorial aprendí ha hacerlo de la manera que os explico a continuación.

Puede que este How To no sea el más correcto y seguramente estará lleno de fallos para los profesionales pero creo que por lo sencillo se empieza.

Lo primero de todo es saber como queremos estructurar nuestra Web, es decir, la dividiremos en capas o layers con las etiquetas (o tag)  <div></div>. Normalmente, deberíamos tener una estructura como la siguiente:

Y el código podría ser algo parecido a esto:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>Mi primera Web chula </title>
</head>
<body>
<div id="cuerpo_web">
<div id="cuerpo_2">
<br>
<div id="cuerpo_3">
HOLA MUNDO
</div>
</div>
<div id="pie_pagina">
<strong>No dejes de leer Control+Shift+Escape</strong>
</div>
</div>
</body>
</html>

Entonces, lo que en mi caso he hecho ha sido primero de todo, programar la Web en HTML para ir corrigiendo fallos de diseño, colores, tamaños de letra y demás. Hecho esto, divido la Web en tres partes:

  • Una cabecera o header
  • Un cuerpo central
  • Un pie de página o footer

Y estas tres partes las guardo en tres ficheros distintos:

  • header.html
  • inicio.php
  • footer.html

El resultado seria este:

  • Para el header.html
<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>Mi primera Web chula </title>
</head>
  • Para el inicio.php
<body>
<div id="cuerpo_web">
<div id="cuerpo_2">
<br>
<div id="cuerpo_3">
HOLA MUNDO
</div>
</div>
  • Para el footer.html
<div id="pie_pagina">
<strong>No dejes de leer Control+Shift+Escape</strong>
</div>
</div>
</body>
</html>

Esto se hace así porqué el siguiente paso llamaremos al fichero header.html y al fichero footer.html mediante php. Por eso, el fichero inicio lo hemos guardado con extensión php. Ahora debemos modificar el código del fichero inicio.php, usando la función include(); . Esta función la debemos usar en la primera línea de código de nuestro inicio.php mediante los tags <? php y ?>. Para llamar al footer.html, deberemos escribir en la última línea de código la función include();. El código quedaría de la siguiente manera:

<?php include("header.html"); ?>
<body>
<div id="cuerpo_web">
<div id="cuerpo_2">
<br>
<div id="cuerpo_3">
HOLA MUNDO
</div>
</div>
<?php include("footer.html"); ?>

Esta manera de trabajar nos permite ir cambiando sólo un fichero (inicio.php, contacto.php, etcétera …) manteniendo siempre igual la cabecera y el pie de página que, en el caso que queramos hacer alguna modificación, lo haremos sólo una vez para todo nuestro Site.

Un ejemplo de lo que os digo lo tenéis aquí. Si os fijáis, podéis ir navegando por el Site mientras va cambiando el “cuerpo” de la web pero no la cabecera ni el pie de página. Además, podéis cortar el código HTML donde queráis siempre que respetéis la apertura y el cierre de las etiquietas.

Espero haberos ayudado ni que sea un poquito.

Anuncios

Android y tu, Parte III: Aplicaciones en Android

Bien. Hasta ahora hemos visto como hacernos superusuarios de Android y como podemos eliminar las aplicaciones instaladas de fábrica. Pero ¿para qué quiere la gente un smartphone? De antemano aviso que esta entrada es una opinión muy personal mía.

En mi caso, tengo dos smartphone: un HTC Diamond con la ROM BsB Hybrid de Makaveral y un HTC Hero con la ROM Defiance-Eris con Android 2.1. El primero de ellos lo uso para el trabajo (Exchange, ActiveSync y teléfonos internos) y el segundo es mi móvil personal. Los primeros días me imaginé que era un juguete (el HTC Hero) y sólo hice que instalar juegos y aplicaciones que eran «la ostia de chulas» pero que no me servían para nada. Entonces le hice un reset total, reinstalé la ROM y me propuse instalar aquello que sabía que iba a utilizar. Voy a explicaros las preguntas que me hice a mi mismo para saber cuales eran mis necesidades.

¿Para que quiero un smartphone?

La pregunta es sencilla y directa. Si lo quieres para jugar, en mi opinión deberías escoger plataforma Apple con su iPhone y su multitud de juegos con unos gráficos fantásticamente buenos. En Android también hay juegos y aplicaciones para tener una productividad 0 pero en mi opinión, Android sigue siendo un OS más serio que el iOS. Otra razón para elegir un smartphone sería porqué quieres estar al 100% conectado a la Red o tener la opción de conectarte y gestionar tus correos, Twitters, mensajes en el muro de Facebook o Tuenti, etcétera … o simplemente por el placer de tener uno.

¿Qué aplicaciones necesito?

En mi caso uso Android para estar conectado a la Red. Sólo tengo un juego instalado para esos momentos de espera pero casi nunca lo uso puesto que procuro aprovechar el tiempo siempre que me es posible. Hay multitud de aplicaciones en el Maket y fuera de él que son gratis o de pago para los más variopintos usos. Esta es una de las mayores ventajas de Android: tienes una enorme oferta de aplicaciones gartis sin la necesidad de jailbreackear el dispositivo. Como es normal, hay gustos para todo y en mi caso me centraré en aplicaciones que considero útiles y productivas 🙂

Imprescindibles

A diferencia de los OS basados en Windows (mi HTC Diamond por ejemplo) lo que hago es descargar un fichero *.cab, lo grabo en el almacenamiento interno y lo instalo. En Android este proceso es muchísimo más sencillo. Como ya he dicho, disponemos del Market para descargar aplicaciones pero también dispones de varias páginas web donde encontrar aplicaciones pero no hace falta descargarlas en el Pc, pasarlas al móvil e instalarlas. Todo es mucho más automatizado.

Primero nos descargamos un lector de Códigos QR des de el Market. Os recomiendo ShopSavy. Una vez instalado, tan solo deberéis ir a la web www.androlib.com y empezar a buscar aplicaciones. En mi caso y las que considero imprescindibles en todo buen Android que se precie son:

Seguir leyendo ‘Android y tu, Parte III: Aplicaciones en Android’

Se despide un grande.

Gran Angular, web multitemática hecha el cierre . Lo que esta claro es que, viendo la calidad de su contenido, si sus creadores han decidio darle al cerrojo seguro que se debe más a un asunto profesional/personal que no por apatía. De eso estoy seguro y lo ratifican sus creadores en sus cartas de despedida.

Des de mi humilde (muy humilde) blog, les deseo la mejor de las suertes en sus caminos y les mando un más que afectuoso hasta luego 🙂

Se os hechará de menos, ¡grandes!

Nota de despedida de DeathMetal

Nota de despedida de ggarfiled


Categorias

Enter your email address to follow this blog and receive notifications of new posts by email.

Únete a otros 386 seguidores

RSS Acceso Directo

  • Los 12 errores más comunes antes de viajar 12/04/2017
    La etapa previa de un viaje también es importante y es común que atravesemos muchos estados de ánimo: ansiedad, felicidad, impaciencia, nervios… varias sensaciones que a veces nos juegan una mala pasada. En medio de todo esto, hay errores comunes que suelen cometerse y que podrían complicar un poquito tu viaje. Pero no te preocupes […]

RSS Microsiervos

  • Termina la misión Vita de la ESA con el aterrizaje de la Soyuz MS-05 12/14/2017
    El llamado aterrizaje suave parece una colisión frontal entre un camión y un coche pequeño – y tu estás en el coche.– Paolo Nespoli Un «suave» aterrizaje en la estepa de Kazajistán a las 9:37 del 14 de diciembre de 2017, hora peninsular española, ponía fin a la misión Vita de la Agencia Espacial Europea, llevada a cabo por Paolo Nespoli. En total fueron 139 […]

RSS Bitelia

  • Efecto Pop Art con Photoshop Fix, paso a paso 12/14/2017
    Aplica este efecto en cualquier imagen desde Android y iPhone. Adobe Photoshop es el referente en edición de imagen y, guste o no, permite hacer verdaderas virguerías con cualquier fotografía. Que sirva para hacer de todo implica que es un programa complicado. De ahí que internet esté repleta de tutoriales y artículos que explican cómo hacer determinada tare […]