Taller Web y Dreamweaver Abril 18, 2008

Casi todo el mundo de la clase ha post algo sobre Dreamweaver….bueno, mejor que hablo un poco sobre esto.

Para mí, hacer la página y explicar cómo hacerla son 2 cosas muy distintas. Lo que pasa es que la versión española de Dreamweaver me pone mucha dificultad entender y memorizar. Pero con la ayuda de los compañeros y profesores, he aprendido algo. Por ejemplo, cómo insertar ¨cosas¨ como tablas, imágenes, Flash….etc. Y lo que pienso lo más útil, es la CSS, que es una herramienta de modificar el estilo de la página, y es la misma idea que podemos aplicar en el diseño del Blog.

Bueno, la tecnología nunca se para a avanzar, también la software mejora, como la versión de Dreamweaver que usamos en la UPF es la MX400, y ahora también tiene la Dreamweaver 8 y la Dreamweaver CS. Supongo que cada versión tiene su característica y algo diferente para crear una página. Espero que si en el futuro cuando necesito el Dreamweaver para el trabajo, aún me recuerdo cómo hacerlo, y la nueva versión no cambia mucho.

La Línea Roja en Kaohsiung Marzo 14, 2008

Antes de todo, por los que no saben qué es Kaohsiung, ahora os explico…..

-Kaohsiung es la ciudad del sur de Taiwan, que es la ciudad segunda grande de la ísla y tiene el papel muy importante como una puerta del transbordo el la transportación marítima en el océano Pacífico-

 La línea roja es la ruta del metro que acaba de inagurar este mes en Kaohsiung.  La historia de la construcción del metro de Taiwan es muy corto. El primer sistema de metro empezó en Taipei hace 10 años más o menos. Entonces, los servicios y la construcción aplican mucho la tecnología. Por ejemplo, los billetes de metro no están en forma de papel sino que en la forma de una moneda plástica que lleva un chip dentro, en otra palabra, esto funciona como la tarjeta de Bicing en Barcelona. 

 

Pero, lo más especial y más atracitvo de la línea roja no es su utilización de la tecnología. Es otra cosa que fasciona a todos. Es su diseño precioso de la estación !

La foto que vemos aquí en la de una estación principal del metro de Kaohsiung. Es una obra de cristal diseñada por el maestro Narcissus Quagliata. El nombre de esta obra de arte se llama ¨el Duomo de la Luz¨ y ahora la más grande obra de cristal del mundo.

El duomo de la luz tiene 30 metros de diamétros y lleva 660 metros cuadrados en total. Se divide en 4 zonas de diferentes sujetos que son los cuentos de humanos, la naturaleza y la astronología. Cada cristal es una parte del cuento y cada una de las pequeñas cristales completan la historia que expresa los sentimientos de ser humano.

Cositas en wordpress Febrero 23, 2008

Para añadir un enlance de un blog, vamos al Blogroll-Añadir Enlace.

Podemos gestionar y categorizar todos los enlances con el XFN(Xhtml Friends Networks)

XFN es una manera sencilla para establecer la relación humana con los hyperlinks. Recientemente, los Blogs y Blogrolls han convertido en una área creciendo de la web. XFN deja a los bloggers indentifican sus relaciones con otras personas en el blogroll, simplemente pone una ¨rel¨ a sus etiquetas de<a href>:, por ejemplo;

<a href=”http://marymoon.wordpress.com” rel=”co-worker friend”>

Y la URL ? Febrero 23, 2008

URL significa Uniform Resource Locator, es decir, localizador uniforme de recurso. Es una secuencia de caracteres, de acuerdo a un formato estándar, que se usa para nombrar recursos, como documentos e imágenes en Internet, por su localización.

URLs en el uso diario

Un HTTP URL combina en una dirección simple los cuatro elementos básicos de información que son necesarios para recuperar un recurso desde cualquier parte en la Internet:

• El protocolo que se usa para comunicar,
• El anfitrión (servidor) con el que se comunica,
• El puerto de red en el servidor para conectarse,
• La ruta al recurso en el servidor (por ejemplo, su nombre de archivo).

Un URL típico puede lucir como:

http://www.upf.es:80/idec/index.htm#inicio

donde

• http es el protocolo
• www.upf.es  es el anfitrión
• 80 es el número de puerto de red en el servidor (siendo 80 el valor por omisión para el protocolo HTTP, esta porción puede ser omitida por completo),
• /index.htm es la ruta de recurso
• #inicio es la cadena de búsqueda; esta parte es opcional

Códigos HTML básicos Febrero 23, 2008

• <html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML.
• <head>: define la cabecera del documento HTML, esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario. Como por ejemplo el título de la ventana del navegador. Dentro de la cabecera <head> podemos encontrar:

Un ejemplo de código HTML con coloreado de sintaxis

• <title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana
• <link>: para vincular el sitio a hojas de estilo o iconos Por ejemplo:<link rel="stylesheet" href="/style.css" mce_href="/style.css" type="text/css">
• <style>: para colocar el estilo interno de la página, ya sea usando CSS, JavaScript u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>

• <body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:

• <h1>, <h2>, <h3>, <h4>, <h5>, <h6>: encabezados o títulos del documento con diferente relevancia.
• <table>: define una tabla

• <tr>: fila de una tabla

• <td>: celda de datos de una tabla

• <a>: Hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.wikipedia.org" mce_href="http://www.wikipedia.org">Wikipedia</a> se representa como Wikipedia)
• <div>: área de la página
• <img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imagenes/mifoto.jpg" mce_src="./imagenes/mifoto.jpg" />
• <li><ol><ul>: Etiquetas para listas.
• <b>: texto en negrita (Etiqueta descartada. Se recomienda usar la etiqueta <strong>)
• <i>: texto en cursiva
• <u>: texto subrayado

• La mayoría de etiquetas deben cerrarse como se abren, pero con una barra (”/”) tal como se muestra en los siguientes ejemplos:

• <table><tr><td>Contenido de una celda</td></tr></table>
• <script>Código de un script integrado en la página</script>

¿Qué es HTML? Febrero 23, 2008

HTML es el acrónimo inglés de HyperText Markup Language, que se traduce al español como Lenguaje de Etiquetas de Hipertexto.El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser Gedit, el Bloc de Notas de Windows, o cualquier otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad, TextPad, Vim etc.

HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determinan la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<>), y algunas tienen atributos que pueden tomar algún valor. En general las etiquetas se aplicarán de dos formas especiales:

• Se abren y se cierran, como por ejemplo: <b>negrita</b> que se vería en su navegador como negrita.
• No pueden abrirse y cerrarse, como <hr> que se vería en su navegador como una línea horizontal.
• Otras que pueden abrirse y cerrarse, como por ejemplo <p>.

Go to Gemma’s Febrero 16, 2008

Gemma esta aqui

IDEC Febrero 16, 2008

first wordpress!!