jueves, 1 de marzo de 2012

Convertir un documento en HTML

Para convertir un documento cualquiera en html, busqué uno referente a la música:

Historia de la música

La Historia de la música es el estudio de las diferentes tradiciones en la música y su ordenación en el tiempo.
Dado que toda cultura conocida ha tenido alguna forma de manifestación musical, la Historia de la música abarca a todas las sociedades y épocas, y no se limita, como ha venido siendo habitual, a occidente, donde se ha utilizado la expresión historia de la música para referirse a la historia de la música Europea y su evolución en el mundo occidental.
  • Autófonos: aquellos que producen sonidos por medio de la materia con la que están construidos, son instrumentos de percusión, hueso contra piedra por ejemplo.
  • Membranófonos: serie de instrumentos más sencillos que los construidos por el hombre. Tambores: hechos con una membrana tirante, sobre una nuez de coco, un recipiente cualquiera o una verdadera y auténtica caja de resonancia.
  • Cordonos: de cuerda, el arpa.
  • Aerófonos: el sonido se origina en ellos por vibraciones de una columna de aire. Uno de los primeros instrumentos: la "flauta" en un principio construida con un hueso con agujeros. Pop (1950-2000)

Mundo anglófono

Michael Jackson (1958-2009)
Madonna (1958-)
Britney Spears (1981-)
Coldplay (1996-actualidad)




 ver página






Para convertirlo se elige un editor de texto, yo elegí "Notepad++".

  • Luego agarramos el texto de nuestro documento y lo copiamos dentro del elemento <body>.
  • Para que no nosquede todo pegado utilizamos el elemento <p> para los saltos de línea.
  • En los encabezados se utiliza los elementos <h1>.....<h6> dependiendo de la importancia del texto, en el caso de un título utilizo <h1>.
  • Para las listas se utilizan tres elementos: ol , ul, li.
  • En la imagen agregamos la ubicación donde la tenemos guardada con el elemento <img src="ubicación" alt="nombre" />
  • Por ultimo el enlace a otra página lo ponemos así= < a href=" direccción"> ver página </a>
  • Podemos validar nuesto código colocando <!DOCTYPE html> antes de <html> y utilizando  W3C (World Wide Web Consortium).
  • Aquí les dejo mi documento convertido en html


<!DOCTYPE html>
<html>
  <head>
    <title>Hola Mundo en HTML</title>
    <meta charset="utf-8" />
  </head>
  <body>
  <h1>Historia de la música</h1> 
   <p>La Historia de la música es el estudio de las diferentes tradiciones en la música y su ordenación en el tiempo.</p>


<p>Dado que toda cultura conocida ha tenido alguna forma de manifestación musical, la Historia de la música abarca a todas las sociedades y épocas, y no se limita, como ha venido siendo habitual, a occidente, donde se ha utilizado la expresión historia de la música para referirse a la historia de la música Europea y su evolución en el mundo occidental.</p>
 <ul>


<li>  Autófonos: aquellos que producen sonidos por medio de la materia con la que están construidos, son instrumentos de percusión, hueso contra piedra por ejemplo. </li>


<li>  Membranófonos: serie de instrumentos más sencillos que los construidos por el hombre. Tambores: hechos con una membrana tirante, sobre una nuez de coco, un recipiente cualquiera o una verdadera y auténtica caja de resonancia. </li>


<li>  Cordonos: de cuerda, el arpa. </li>


<li>  Aerófonos: el sonido se origina en ellos por vibraciones de una columna de aire. Uno de los primeros instrumentos: la "flauta" en un principio construida con un hueso con agujeros.
Pop (1950-2000) </li>


</ul>


<h2> Mundo anglófono </h2>


   <p> Michael Jackson (1958-2009)</p>
   <p> Madonna (1958-)</p>
    <p>Britney Spears (1981-)</p>
   <p> Coldplay (1996-actualidad)</p>
   
   <img src="musica.jpg" alt="arroba"/>
   <a href ="http://www.trisfera.com/camp/"> ver página </a>

 </body>
</html>


Alguna recomendaciones que puedo mencionar es cuando se trata de encabezados y utilizamos el elemento <h1> no es necesario utilizar <p> ya que <h1> el mismo hace el salto de linea, al igual sucede cuando utilizamos listas con <li>.


martes, 28 de febrero de 2012

Bosquejo de mi sitio web

Seleccionado las ventanas mas importantes y utilizando la herramienta Mockflow. Realicé mi bosquejo. 
y tomando en cuenta las opiniones de algunos amigos, lo cual fueron mis usuarios en ese momento :D.

jueves, 16 de febrero de 2012

Metáfora visual del sitio

Armé mi collage e identifiqué: 
  •  El color que más predomina es el celeste, rosado y blanco (colores pasteles).
  • La relación entre ellas son sentimientos de amor y amistad.
  • Tienen contacto con la naturaleza.
  • Letras grandes en la parte superior, llamativas y con vivos colores.
Luego busqué mi paleta de colores utilizando la herramienta  llamada Toucan del sitio web aviary.com.
Los colores que utilizaré son colores pasteles como el celeste, rosado y algo de violeta.

martes, 14 de febrero de 2012

Organización del contenido

Para organizar el contenido que llevará mi sitio web usé el metodo de las tarjetas  y escribí en ellas cada uno de los elementos que colocaré en mi página, cuando terminé agrupé todas las tarjetas que estaban relacionadas y le coloqué un titulo a cada grupo.

Ya teniendo todo estos elementos, entonces se diseña el mapa del sitio que va hacer el diagrama de como va estar ordenado de manera jerárquica el sito web.




miércoles, 8 de febrero de 2012

Mi Sitio en Construcción

Al tener nuestro dominio, se consigue el servicio hosting que es donde alojaremos los archivos de nuestro sitio y debemos apuntar el dominio con el hosting;  luego creamos nuestra página en construcción que va hacer lo que las personas vean en la web hasta el momento. 
Para subirla necesitamos antes  conseguir un cliente FTP(File Transfer Protocol) que nos ayudará para manejar mejor nuestros archivos.
Cuando tengamos todo esto podemos subir nuestra página. Y la mía se puede ver en:  http://www.playdorama.co.cc, espero que se pasen.

martes, 17 de enero de 2012

Nombre del dominio

Para seleccionar el nombre de mi sitio web hice la lluvia de ideas, claro antes me puse a pensar cual podría ser, pero no se me ocurría nada. XD. Hice la lluvia de idea y luego las posibles combinaciones, me demoró más de lo estipulado, pero pude sacar varios ejemplos y con la opinión de amigos entonces elegí: "playdorama".
Busque el host en 00webhost.com y estoy esperando que confirmen mi dirección. XD.

jueves, 12 de enero de 2012

Mi tema

El tema de mi página es sobre las series coreanas y la oración para el tema es: series que quedan grabadas en el corazón. Seleccioné este tema porque me gusta ver este tipo de series , ya que tienen buen drama y dejan una buena lección. Es diferente a los dramas que ves en la televisión que siempre ves lo mismo y ya con sólo ver el primer capítulo sabes en qué terminará. Quiero invitarlos a ustedes a que prueben la sensación de ver estas series y que al terminan quieran seguir viendo más.
Lo que haré es presentar las series que mas han marcado en mí y el link donde las puedan descargar.
Espero que les llame la atención. ;)