seba_kapo_3

1) Hola a todos, les quiero presentar mi cuarto, espero que les guste 2) Cualquier error que haya cometido sepan disculpar 3) Pueden criticar, yo no voy a borrarlos (los que sean muy desubicados y no quieran aportar nada positivo por favor no comentar) 4) Ahora si disfruten el post: Similitudes y diferencias en construcciones antiguas y nuevas Se hablara de la asociación entre las parejas presentadas con respecto a su técnica, uso forma, y lugar. Primera Comparacion Estructuras a Comparar Ciudad de Atenas Atenas es una ciudad ubicada en Grecia y actualmente es la ciudad mas grande de ese país. Su historia se extiende más de 3000 años, lo que la convierte en una de las ciudades habitadas más antiguas. Durante la época clásica de Grecia, fue una poderosa ciudad estado que tuvo un papel fundamental en el desarrollo de la democracia. También fue un centro cultural donde vivieron muchos de los grandes artistas, escritores y filósofos de la Antigüedad. Estas contribuciones de Atenas al pensamiento de su época tuvieron una gran influencia en el desarrollo de Grecia, de Roma y de la cultura occidental. Atenas es una ciudad rica en restos arqueológicos de extraordinaria importancia, de los cuales el más famoso es el Partenón en la Acrópolis. Además de construcciones de la época clásica griega, también se conservan monumentos romanos y bizantinos, así como varias construcciones modernas notables. Campo de marte En la Antigua Roma llamaban Campo de Marte a un terreno que se extendía al norte de la muralla serviana edificada por el sexto rey de Roma Servio Tulio. El terreno estaba limitado al sur por el Capitolio y al este por la colina Pinciana o monte Pincio. El resto estaba rodeado por el río Tíber que en ese espacio describía una gran curva. Se llamaba Campo de Marte porque desde época muy antigua existía allí un ara (altar) dedicada al dios Marte, mencionada en las leyes atribuidas a Numa Pompilio, segundo rey de Roma después de Rómulo. En el año 388, el tribuno Tito Quincio, colaborador del cónsul Camilo, erigió un nuevo templo a este dios para cumplir con un voto hecho en el periodo de la terrible invasión de los galos. Comparacion En estas dos imágenes se puede ver representado dos lugares muy importantes en el mundo antiguo, la ciudad de Atenas y su acrópolis a mano izquierda, y el Campo de Marte en roma, ambos son símbolos de la arquitectura antigua. Con respecto a la acrópolis de Atenas se puede decir que en si toda la ciudad es objeto de estudio para la arquitectura, fue construida en base a la arquitectura de la época, los edificios importantes como el Partenón en la acrópolis, los templos eran construidos sobre montañas o sitios que los hicieran distinguir pero a su vez que los alejara de la ciudad haciéndolos sitios que no eran del común sino exclusivos, además de esto la acrópolis estaba construida en vista al mar y desde ahí se podía ver quien venía desde el mediterráneo. En el caso de Atenas este sitio alejado de la ciudad servía como un lugar de peregrinación donde la gente que se ubicaba afuera de la ciudad en zonas residenciales peregrinaban hasta la cima a visitar los templos y a ser purificados, hablando acerca de la técnica de estos edificios, los edificios estaban construidos sobre grandes columnas de piedra. El edificio más importante en la acrópolis era el Partenón que era un edificio de grandes proporciones construido para guardar a una estatua de atenea de 12m este edificio servía como templo. En contraste a esto estaba el Campo de Marte. El Campo de Marte fue el lugar más predominante en la arquitectura romana. Las construcciones en roma se hacían unidas casi sin dejar espacio a diferencia de la arquitectura griega, eso quiere decir que los edificios importantes como los templos no eran de uso exclusivo para unos pocos, estos lugares eran de uso común. Esto es diferente que Atenas en donde no se podía entrar a los templos de la acrópolis y que el único que podía entrar era el sacerdote encargado. La arquitectura romana tenia sus bases en la arquitectura griega con respecto a eso no hubieron muchos cambios, hablando en términos urbanísticos las ciudades de roma estaban construidas de una manera distinta, los edificios se construían casi uno sobre otros, si se necesitaba construir mas edificios se demolían los viejos y se construían sobre estos. Esto se puede ver claramente en la imagen del plano del Campo de Marte. Con respecto a edificios importantes se puede hablar de el circo maximus, el coliseo romano y el foro. El circo romano o circus maximus servia de entretenimiento para el pueblo, era un gran edificio con forma de elipse rodeado de gradas para los espectadores y en el centro una espina con dos obeliscos. El coliseo romano era también para uso de entretenimiento y era en donde se realizaban las peleas de los gladiadores y por ultimo tenemos el foro que era el sitio publico mas grande del campo de Marte, en este se ubicaba el senado y soleas, y era de uso común. Segunda Comparación Estructuras a Comparar Coliseo Romano El Coliseo Romano es un anfiteatro de la época del Imperio romano, construido en el siglo I en el centro de la ciudad de Roma. Originalmente era denominado Anfiteatro Flavio (Amphitheatrum Flavium), en honor a la Dinastía Flavia de emperadores que lo construyó, y pasó a ser llamado Colosseum por una gran estatua ubicada junto a él, el Coloso de Nerón, no conservada actualmente. Por sus características arquitectónicas, estado de conservación e historia, el Coliseo es uno de los monumentos más famosos de la antigüedad clásica. En la antigüedad poseía un aforo para 50.000 espectadores, con ochenta filas de gradas.1 2 3 Los que estaban cerca de la arena eran el Emperador y los senadores, y a medida que se ascendía se situaban los estratos inferiores de la sociedad. En el Coliseo tenían lugar luchas de gladiadores y espectáculos públicos. Se construyó justo al Este del Foro Romano, y las obras empezaron entre el 70 d. C. y el 72 d. C., bajo mandato del emperador Vespasiano. El anfiteatro, que era el más grande jamás construido en el Imperio romano, se completó en el 80 d. C. por el emperador Tito, y fue modificado durante el reinado de Domiciano.4 Su inauguración duró 100 días, participando de ella todo el pueblo romano y muriendo en su celebración decenas de gladiadores y fieras que dieron su vida por el placer y el espectáculo del pueblo.4 En este ejemplo se pueden ver dos ejemplos de entretenimiento antiguo, el coliseo romano a la izquierda y el teatro de Dionisio a la derecha, ambos son del mismo propósito, entretener. Empezaremos con el teatro de Dionisio, los teatros eran usados para explicarle al pueblo las batallas y épicas de los héroes de ese tiempo, en el teatro se podía ver las hazañas de odiseo entre otras. El edificio se ubicaba con vista al paisaje, los que veían la obra podían ver el panorama del paisaje en la escena además de ver a los actores se construía en un semicírculo con anáforas en los laterales para aumentar la acústica. Se a las afueras de la zona residencial. En el caso del coliseo romano, este también servia para entretener, su propósito era la lucha de los gladiadores, muchas veces también se utilizaba como teatro en donde se mostraba las épicas de una forma realista haciéndole creer al publico que era una batalla de verdad. A diferencia del teatro el coliseo era de entretenimiento para todos, el emperador y el pueblo veían al mismo tiempo el espectáculo, no era algo exclusivo, se ubicaba dentro de la ciudad y era uno de los edificios mas importantes, inclusive mas importante que los templos, su ubicación era en el Campo de Marte. Y a diferencia del teatro el coliseo era un círculo completo donde no importaba tanto la acústica sino las batallas de adentro. Tercera Comparación Estructuras a comparar Basílica romana de pompeya Iglesia de San pablo de Roma En estas parejas vamos a observar las similitudes y diferencias de dos edificios del mismo uso, la basílica romana de pompeya y la iglesia de San pablo de Roma, Empecemos con la basílica. La basílica fue antiguamente un edificio publico de varios usos, era un edificio que era usado como tribunal y tenia un sitio preferente en el foro, la basílica de roma tuvo varios usos, sirvió de mercado, de transacciones financieras, de templo y de tribunal como dicho anteriormente, Era un edificio de forma rectangular compuesta por naves, estaba soportada por columnas, en la parte superior se le hacían huecos para que entrara la iluminación,4 este edificio también servia para tratar asuntos comunes del pueblo. Esta basílica seria luego utilizada como templo cristiana y de esta forma dar las bases para construir los demás templos que luego serian llamados iglesias. La iglesia es un templo cristiano dedicado a la adoración de dios, la iglesia de san pablo o basílica de san pablo fue creada en base a las basílicas antiguas, después de cristo cuando comenzó el auge católico la iglesia toma las basílicas como modelo para templos y empiezan a construir basílicas para usarlas como iglesias, un ejemplo de esto es la basílica de san pablo que tiene casi el mismo modelo de una basílica antigua, Para terminar, aunque la basílica y la iglesia tengan el mismo uso actualmente se puede decir que la basílica no fue creada para uso de culto o como templo, originalmente fue creada para usos jurídicos y financieros lo que cambia en la llegada de la cristiandad. Cuarta Comparación Estructuras a Comparar] Edificios de Constantinopla Edificios de la Colonia en Colombia En estas parejas se analizara el contraste entre los edificios de Constantinopla y los edificios de la Colonia en Colombia. Estas imágenes hacen referencia al Plano de la ciudad de Constantinopla a la izquierda y la plaza de Bolívar y el Capitolio nacional a la derecha. Empezaremos con Constantinopla. Constantinopla fue una de las ciudades más importantes en el mundo antiguo, fue la capital del imperio Romano y llego a ser la ciudad más grande del mundo en esta ciudad el emperador Constantino dio inicios a la cristiandad. En este plano podemos ver como los edificios más importantes, (al igual que en muchas otras ciudades antiguas como Atenas o roma), están ubicados afuera de las zonas residenciales, y en un lugar distante, esto hacia que estos edificios fueran de uso exclusivo para el emperador y sus sirvientes más cercanos. Sin embargo cuando Constantino I el grande se vuelve el mandatario de la ciudad, empieza a crear una ciudad estilo roma donde los templos y los edificios más importantes están cercanos a el pueblo, con el mandato de Constantino se empiezan a crear iglesias y a abolir las luchas entre gladiadores y las carreras del circo por lo que esos edificios desaparecen, al igual que muchas otras ciudades Constantinopla estaba ubicada en un punto estratégico entre el cuerno de oro y el mar de marmara. Con respecto a la plaza de bolívar y el capitolio nacional son edificios creados para el uso común, la plaza sirve como centro de reunión para el pueblo en épocas de fiestas, así mismo para reuniones importantes del gobierno o del pueblo. No tiene rasgos arquitectónicos característicos, está rodeado de edificios como el capitolio, el palacio de justicia y la catedral primada de Colombia. Al igual que en Constantinopla los edificios importantes se ubicaban cerca del otro, con respecto a la forma y a la técnica se podría decir que el capitolio y la plaza han conservado rasgos de los edificios antiguos pero también se han implementado nuevas reformas. Quinta Comparación Estructuras a Comparar Templo de Afea El templo de Afea , de orden dórico, es uno de los tres templos del triángulo sagrado del Partenón, Sunión y Afea. Está situado en la isla argosarónica de Egina. Fue durante mucho tiempo considerado como el templo de Zeus Panhelénico, después como de Atenea. Aún a veces se le llama «Atenea Afea». Data del final del siglo VI a. C. o del principio del siglo V a. C. Se considera que se halla entre el período arcaico y el clásico del arte griego. Sus célebres frontones se conservan en la Gliptoteca de Múnich. El templo de Afea está instalado en la cima de una colina donde se rendía, a partir del siglo XIII a. C., culto a una divinidad femenina, como lo indican las estatuillas femeninas micénicas encontradas en el sitio. El santuario está rodeado de un muro períbolo. Sobre la terraza artificial, al sudeste del templo, se puede ver los restos de las viviendas de los sacerdotes, así como tres bañeras para las purificaciones rituales. El altar, que tenía doce metros de ancho, estaba, como era usual, en el exterior del templo, al este. Tres edificios se sucedieron en la cima de esta colina arbolada: un santuario que data del fin del siglo VII a. C. o principios del VI; un edificio más grande que data de 570-560 a. C. y destruido por el fuego; y por fin, el templo actual, erigido entre 500 y 450 a. C., seguramente tras la batalla de Salamina. El templo habría sido abandonado después de la expulsión de los eginetas por los atenienses en 431 a. C. Casa Fansworth La Casa Farnsworth es una vivienda unifamiliar proyectada por Ludwig Mies van der Rohe. Situada en Plano (Estados Unidos de América) y diseñada y construida entre 1946 y 1951, esta obra representa uno de los mejores ejemplos de la arquitectura de vivienda unifamiliar del siglo XX, y en general de la Arquitectura Internacional. La casa, construida en acero y vidrio, es una muestra más del amor de Mies van der Rohe por la sencillez arquitectónica y la perfección en los detalles constructivos. La casa es el resultado de un encargo de la Doctora Edith Farnsworth (conocida en su gremio como doctora Ohcohcarac), en 1945, para construir un lugar de retiro de fin de semana. Las obras comenzaron en 1950, finalizándose en su mayor parte en 1951. Existe una amplia rumorología acerca de una posible relación romántica entre Mies y la Doctora Farnsworth, pero en cualquier caso la relación entre el arquitecto y la cliente desembocó en los tribunales, negándose ella a pagar parte de los costes de la vivienda —estimados originalmente en 58.000$, y que terminaron alcanzando los 73.000$ , bajo acusaciones de mala praxis. Mies ganó el juicio, pero el mobiliario de la casa, diseñado también por Mies, fue finalizado sin su supervisión. Comparacion Empezaremos con el templo de Aphea, el templo era dedicado a la diosa aphia que estaba relacionada con atenea, estaba ubicado en la costa de aegina y presenta la misma técnica y forma de todos los templos de la época de forma rectangular soportado por grandes columnas. La casa de Fansworth es una de las casas más modernas en la actualidad, está hecha de acero y vidrio y representa la sencillez, en contraste a el templo de aphea se puede decir que la casa presenta rasgos arquitectónicos únicos de la época es una casa moderna, su forma es rectangular al igual que el templo, pero su técnica es diferente debido a las materiales y al terreno en donde se encuentra.

1) Hola a todos, les quiero presentar mi primer post, espero que les guste 2) Cualquier error que haya cometido sepan disculpar, soy principiante en esto 3) Pueden critir, yo no voy a borrarlos (los que sean muy desubicados y no quieran aportar nada positivo por favor no comentar) 4) Ya se que hay un monton de post sobre fobias, pero creo que este esta muy completo y agradable 5) Ahora si disfruten el post: FOBIAS Primero para hablar de fobias hay que conocer la definición de fobia: Definicion: Una fobia es un trastorno de salud emocional que se caracteriza por un miedo intenso y desproporcionado ante objetos o situaciones concretas. También se suele catalogar como fobia un sentimiento de odio o rechazo hacia algo que, si bien no es un trastorno de salud emocional, sí genera muchos problemas emocionales, sociales y políticos. Tipos de Fobias: Ablutofobia La Ablutofobia es la sensación de miedo o temor a lavarse o bañarse. La Ablutofobia se define como una emoción persistente, anormal e injustificada de miedo frente la situación de a lavarse, bañarse o limpiarse. Hasta hace unos años solía pensarse que era un claro síntoma ligado a la adolescencia. ¿Qué es Ablutofobia? La Ablutofobia como tantas otras fobias, es un temor que aparece frente a determinadas situaciones a las que nos enfrentamos. Este temor o miedo comienza a ser perjudicial para nuestra vida cuando nos limita para hacer aquello que deseamos. Acrofobia Se denomina acrofobia al miedo irracional e irreprimible a las alturas. Al igual que otras fobias, la acrofobia genera fuertes niveles de ansiedad en los individuos que la presentan, lo que induce una conducta de evitación de la situación temida. En este caso, las situaciones con una altura notable, como asomarse a un balcón, encontrarse al borde de un precipicio o estar en un mirador elevado, son típicas de este tipo de fobia. El tratamiento más común para ésta, y en general, para todas las fobias, es una terapia de "habituación", en la que el terapeuta enseña al paciente a utilizar técnicas de relajación para enfrentar las situaciones estresantes, y lo somete gradualmente a las situaciones donde la fobia se presenta, para que el miedo vaya disminuyendo. Aeroacrofobia La aeroacrofobia es la sensación de miedo o temor ante los sitios ubicados en zonas altas y abiertas. Esta aeroacrofobia se define como la emoción persistente, anormal e injustificada de miedo frente la situación de encuentro o permanencia en zonas altas y abiertas. ¿Qué es aero? Aero es el prefijo utilizado para dar cuenta de un espacio o atmósfera abierta o despejada. ¿Qué es acro? El prefijo acro significa que algo está ubicado en un extremo o en lo más alto. Aeronausifobia La aeronausifobia es la sensación de miedo o temor ante la posibilidad de vomitarse o sentir malestar estomacal durante el vuelo en avión. Esta aeronausifobia se define como la emoción persistente, anormal e injustificada de miedo frente a la posibilidad de vomitarse o sentir malestar estomacal durante el vuelo en avión. ¿Qué es aero? Aero es el prefijo utilizado para dar cuenta de un espacio o atmósfera abierta o despejada. ¿Qué es nausi ó nausea? Nausea se presenta como una sensación de malestar estomacal o sensación de revoltijo en el estomago. Las causas de las nauseas pueden ser muy variadas. También se asocia a la proximidad del vómito. ¿Qué es aeronausifobia? La aeronausifobia como tantas otras fobias, es un temor que aparece frente a determinadas situaciones a las que nos enfrentamos en este caso ante la posibilidad de vomitarse o sentir malestar estomacal durante el vuelo en avión. Este temor o miedo comienza a ser perjudicial para nuestra vida cuando nos limita para hacer aquello que deseamos. Agorafobia La agorafobia es un trastorno de ansiedad que consiste en el miedo a los lugares donde no se puede recibir ayuda, por temor a sufrir una crisis de pánico. Los agorafóbicos temen las situaciones que puedan generarles sensaciones de ansiedad, miedo a la propia activación fisiológica y a los pensamientos sobre las consecuencias de experimentarlas, como la idea de morir. Entre los miedos que experimenta el agorafóbico están el miedo a vivir una crisis, a desmayarse, a sufrir un infarto, a perder el control, a hacer el ridículo, etc. De acuerdo con la etimología de la palabra, la agorafobia está especialmente relacionada con el temor intenso a los espacios abiertos o públicos en los que pueden presentarse aglomeraciones. La palabra procede de los términos griegos "ágora", "plaza", y "phobos", "miedo". El agorafóbico tiende a evitar situaciones potencialmente ansiógenas como: salir de casa, usar transportes públicos, ir de compras, comer en restaurantes, entrar al cine, hacer deporte, viajar, estar en lugares públicos, áreas amplias, etc.; lo que generalmente presenta un grave problema en su vida, ya que casi nunca deja su hogar; y al hacerlo, generalmente presenta una gran cantidad de ansiedad causada por elpánico. Aicmofobia La aicmofobia es un miedo patológico causado por un contacto, vista, etc., a las agujas u objetos que puedan cortar o pinchar, y de otros tipos. Esta fobia comparte cierta relación con la blennofobia, si bien es más general que ésta. La tripanofobia es la fobia a las agujas o, más específicamente, a los piquetes, a las inyecciones; es una fobia muy común en los niños. Alektorofobia Se define como un persistente, anormal y injustificado miedo a las gallinas y otras aves de corral. Esta fobia normalmente se restringe a las gallinas y pollos vivos, pero algunas veces puede extenderse a los huevos o bien a los pollos ya cocidos. Muchas veces, personas con esta fobia creen que los pollos no son benignos, sino conspirativos y dispuestos a atacar al hombre, teniendo siempre un ojo sobre ti al estar cerca de ellos. Tienen miedo de atacar a un pollo por miedo de las represalias que estos animales pudieran tomar. Alliumphobia Su temor al ajo puede provocar los siguientes síntomas: Mareos, sudoración excesiva, náuseas, sequedad de boca, sensación de mareo, temblor, palpitaciones del corazón, dificultad para hablar o pensar con claridad, el temor de morir, convirtiéndose loco o perder el control, una sensación de distanciamiento de la realidad o un ataque de ansiedad soplado . Alliumphobia es un miedo intenso a algo que supone poco o ningún peligro real. Mientras que los adultos con alliumphobia tienden a darse cuenta de que estos temores son irracionales, a menudo encontramos que se enfrentan, o incluso piensan que enfrentan a algo la situación temida trae en un ataque de pánico o ansiedad severa. Ailurofobia Se define como un persistente, anormal e injustificado miedo a los gatos. La persona con esta fobia no soporta tener cerca uno de estos animales. Es una fobia muy común. Durante la Edad Media, los gatos eran asociados a lo sobrenatural, las brujas y al demonio. Hay una creencia que dice que los gatos pueden predecir el tiempo, dándole un aspecto sobrenatural al gato. En algunos casos, la fobia se limita a los gatos negros Frente a un gato, las personas con ailurofobia pueden comenzar a sudar, tener dificultades respiratorias e incluso tener un ataque de pánico. Mucha gente sufre de este tipo de fobia y se siente incomprendida, ya que los gatos son animales normalmente inofensivos y gran cantidad de gente disfruta con su compañía Alodoxafobia: Miedo a las opiniones Amathofobia: Miedo al polvo Amaxofobia Amaxofobia es la fobia o miedo a conducir un vehículo que puede deberse, por ejemplo, a la inseguridad, a la participación de seres queridos en accidentes o a cualquier tipo de recuerdo doloroso relacionado. A menudo se manifiesta en verdaderos ataques de pánicos y diversos individuos que padecen de amaxofobia se quejan de ansiedad y agitación en los días u horas que tienen que conducir un vehículo. Clínicamente, es catalogada como fobia específica o trastorno de ansiedad causado por un miedo irracional a la exposición de objetos o situaciones específicas y, en casos graves, a representaciones. Anglofobia La Anglofobia es la sensación de miedo o temor a los ingleses o personas de habla inglesa. Esta Anglofobia se define como la emoción persistente, anormal e injustificada de miedo a los ingleses. ¿Qué es anglo? Anglo es un término que se refiere a las personas de origen anglosajón. ¿Qué es Anglofobia? La Anglofobia como tantas otras fobias, es un temor que aparece frente a determinadas situaciones a las que nos enfrentamos en este caso a los ingleses. Este temor o miedo comienza a ser perjudicial para nuestra vida cuando nos limita para hacer aquello que deseamos. Anthrofobia Miedo a las flores. Antropofobia La antropofobia es una fobia que produce miedo a la gente. Es también denominada fobia social, fobia a la gente, fobia a la sociedad o ansiedad social. Es un problema de ansiedad. Los que tienen ese problema tienen un sentimiento exagerado de timidez e inhibición y tienden a ser agresivos con su familia y personas de su ambiente. Esa fobia produce temor a comunicarse con la gente. La antropofobia se confunde con timidez, pero es mucho más que eso. Apotemnofobia Miedo irracional y enfermizo a los lisiados amputados Aracnofobia La aracnofobia es el miedo (o fobia) a las arañas. Es de las fobias más comunes, y posiblemente la fobia de animales más extendida. Las reacciones de los aracnofóbicos frecuentemente parecen irracionales a otras personas, e incluso al propio afectado. Procuran mantenerse alejados de cualquier sitio donde creen que habitan arañas, o donde han observado telas de araña. Araquibutirofobia Se define como un persistente, anormal e injustificado miedo a que las cáscaras de los cacahuetes y la manteca de maní se peguen al paladar. Astrafobia Astrafobia también conocida como astrapofobia, brontofobia, ceraunofobia otonitrofobia, es el miedo irracional a los truenos y relámpagos. Es especialmente común en los niños. También suele recibir el nombre de "miedo a las tormentas". Los síntomas, como en las demás fobias, incluyen el pánico, dificultad para respirar, taquicardia, sudoración, y náuseas. El fóbico suele sentirse sin control de estos síntomas. Aulofobia Se define como un persistente, anormal y injustificado miedo a las flautas. Aurofobia Se define como un persistente, anormal y injustificado miedo al oro, a los objetos hechos de este metal precioso. Aurorafobia Se define como un persistente, anormal y injustificado miedo a las auroras boreales. Autodisomofobia Se define como un persistente, anormal y injustificado miedo a alguien que tiene un olor desagradable. Autofobia Se define como un persistente, anormal y injustificado miedo a estar solo, o bien al miedo a sí mismo. Se trata de un sentimiento anormal y persistente de soledad, de estar solo. Los que padecen esta fobia sufren aunque puedan darse cuenta de que encontrarse solos no les significa ninguna amenaza. Pueden preocuparse por no ser amados o porque los ignoren. Asimismo, también pueden manifestar temor a los extraños, los ruidos de origen desconocido, o la posibilidad de tener un problema de salud. La autofobia también se denomina al miedo irracional a uno mismo, un intenso terror que no tiene fundamentos. Muchas personas con autofobia desarrollan relaciones de pareja codependientes, que no les proporcionan felicidad sino sufrimiento, como forma de evitar la soledad. Belonefobia Por belonefobia se entiende la dolencia causada por un miedo extremo, incontrolable e irracional hacia los objetos punzo cortantes, tales como agujas, alfileres, cuchillos, navajas, sierras, jeringas, etc., que puedan causar heridas con sangre. A menudo esta fobia esta relacionada con otras dos: hemofobia o miedo a la sangre y traumatofobia o miedo a las heridas. Bogifobia La bogifobia es una fobia que se define como un persistente e irracional miedo a lo sobrenatural y las leyendas urbanas como los asustadores de niños, o los fantasmas y monstruos imaginarios, típicos de los miedos infantiles. Etimológicamente la palabra bogifobiaviene del vocablo del griego φόβος que significa miedo y de la palabra anglosajona "bogeyman" que se refiere a un asustador de niños que acecha a sus victimas en los rincones oscuros de la casa como en el armario, detrás de la escalera, la chimenea, o debajo de la cama. Cacofobia La Cacofobia como tantas otras fobias, es un temor que aparece frente a determinadas situaciones a las que nos enfrentamos en este caso a la fealdad o a las personas feas. Este temor o miedocomienza a ser perjudicial para nuestra vida cuando nos limita para hacer aquello que deseamos. ¿Qué es caco? Caco es un término griego antiguo que se refiere a algo malo o malvado. Carnicifobia Se define como un persistente, anormal y injustificado miedo al cáncer, a contraer esta enfermedad. También se conoce como cancerofobia. Si bien cualquier persona puede tener en mayor o menor grado cierto temor o recelo ante la enfermedad mortal que es el cáncer, en el caso de quienes padecen esta fobia se trata de un miedo muy antinatural, ya que demostrarán temerle a cualquier síntoma físico negativo. Un simple mareo y las personas ya se obsesionarán con que padecen de cáncer. Canofobia Miedo irracional a los perros Catisofobia Se define como un persistente, anormal y injustificado miedo a tomar asiento. Este miedo puede afectar a aquellas personas que desarrollan alguna actividad relacionada con el dolor y con sentarse. Aquellas personas que han sido rehenes o bien han sufrido torturas habiendo sido obligadas a sentarse sobre clavos, objetos agudos, carbones encendidos, etc., a menudo temen volver a sentarse. Recolectan todo el trauma asociado con esta etapa y comienzan a temer a estar sentados. A veces, el miedo a sentarse se debe a algún castigo en los días de escuela, o temor a verse con sobrepeso, o incluso puede ser una indicación de alguna otra fobia como sentarse delante de una elite de gente influyente. La catisofobia se caracteriza por la sudoración, la respiración pesada o entrecortada, la ansiedad, etc. Claustrofobia La claustrofobia está considerada, por el Manual diagnóstico y Estadístico de los Trastornos Mentales como una fobia específica dentro de los trastornos de ansiedad. Al ser un miedo a los espacios cerrados como las io cerrado en sí mismo, sino a las posibles consecuencias negativas de estar en ese lugar, como quedarse encerrado para siempre o la asfixia por creer que no hay suficiente aire en ese lugar. La mayoría de los espacios pequeños y cerrados suponen un riesgo de quedarse encerrado, como en un ascensor, y una limitación de los movimientos, por lo que las personas con claustrofobia pueden sentirse muy vulnerables al limitarles de esa forma los movimientos Coulrofobia La coulrofobia es la fobia o miedo irracional a los payasos. Afecta especialmente a los niños, aunque puede aparecer en adolescentes y adultos. En discusiones sobre las causas de la coulrofobia, los pacientes coinciden en que lo que más les aterroriza de los payasos es el maquillaje excesivo, a menudo acompañado de la nariz roja y del color extraño del cabello, que les permite ocultar su verdadera identidad. Crometofobia Se define como un persistente, anormal y injustificado miedo al dinero. También se conoce como crematofobia. Dendrofobia Se define como un persistente, anormal y injustificado miedo a los árboles. Quienes padecen de esta condición temen a los árboles y a todo lo que se relaciona con ellos: las hojas, las ramas, etc. No es una fobia demasiado conocida como tal, sin embargo es muy común. Diquefobia Se define como un persistente, anormal y injustificado miedo a la justicia. Efebofobia Temor hacia los jóvenes o adolescentes. Demofobia La demofobia es un miedo irracional a las multitudes (lugares con mucha gente), sobre todo al acercarse o aproximarse a ellas. Entomofobia La entomofobia es el miedo a los insectos. Está entre las fobias más comunes, y probablemente la fobia a animales más extendida. Las reacciones de los entomofóbicos frecuentemente parecen irracionales incluso al propio afectado. Éstos evitan cualquier sitio donde crean que habitan insectos. Si ven un insecto de lejos, quizá no puedan entrar en la zona, aunque sea un lugar abierto, o se sientan obligados a intentar controlar el pánico que se desencadena. La reacción ante el contacto o, simplemente la proximidad de estos animales, se caracteriza por sudoración, respiración rápida, taquicardia y náusea. Eosofobia Miedo irracional e intenso al amanecer, a la luz del alba, a la salida del sol. Escalofobia Miedo al colegio Espectrofobia Se define como un persistente, anormal y injustificado miedo a los espectros o a los fantasmas. Quienes sufren de esta fobia experimentan una ansiedad indebida incluso cuando pueden darse cuenta de que su miedo es irracional. Pueden temer internarse en los bosques, en casas vacías o en lugares oscuros y pueden reaccionar con alarma ante ruidos extraños o inexplicables Eufobia Miedo intenso y persistente a escuchar buenas noticias. Gamofobia Se define como un persistente, anormal y injustificado miedo al matrimonio, a casarse. Gelotofobia Se conoce como gelotofobia al miedo a la risa ajena, que puede aparecer por sentirse ridiculizado en algunos momentos. La fobia se activa en cuanto la persona afectada escucha a otra persona reírse, pues piensa que está relacionada con ella, y puede llegar a tener síntomas propios de un ataque de ansiedad: sudoración, mareo y temblores. Hadefobia Miedo al infierno. Se trata de un tipo de miedo irracional y enfermizo a cometer un pecado imperdonable que te lleve a arder en el infierno Hemofobia La hemofobia es el miedo o fobia, a la sangre. Por lo general los hemofóbicos suelen evitar las agujas u objetos punzocortantes. Esta fobia puede estar relacionada con la belenofobia, que como dije anteriormente es el miedo a los objetos cortantes. Hexakosioihexekontahexafobia La hexakosioihexekontahexafobia es un miedo irracional al número "666". Se caracteriza por el rechazo a cualquier cosa que pueda estar relacionada directa o indirectamente con el número 666. Esta fobia está originada en la creencia en el verso bíblico Apocalipsis 13:18, donde se indica que el número 666 es el número de la marca de la bestia, y por lo tanto está ligado a Satanás o al Anticristo. La fobia se ha popularizado, incluso entre no creyentes de la fe cristiana, e incluso se popularizó más debido a su presencia en varias películas de horror. Aunque, como nota, el 666 sólo está afirmado como número del "mal" tres veces en la Biblia. Hidrofobia Se define a la hidrofobia como miedo irracional al agua, síntoma característico que suelen tener quienes padecen de rabia por haber sido mordidos por animales rabiosos. La rabia es una enfermedad viral aguda del sistema nervioso central, que se transmite al hombre por contacto directo (mordedura, secreción salivar) con determinadas especies de animales domésticos o salvajes (perros, gatos, zorros, murciélagos, etc.) y que afecta el sistema nervioso central (cerebro, encéfalo y la médula espinal). Produce una parálisis progresiva junto con un aumento de la sensibilidad ante estímulos sonoros o visuales mínimos y, si no se trata a tiempo, puede llegar a ser mortal. El agente etiológico de la rabia es un virus (lisavirus neurotrópico)en forma de bala. Existe una manifiesta dificultad para tomar líquidos (de allí el término de hidrofobia). Homofobia El término homofobia hace referencia al rechazo (fobia del griego antiguo Φόϐος, ‘pánico’) o de forma extendida a la aversión, odio, prejuicio o discriminación, contra hombres o mujeres homosexuales, aunque también se incluye a las demás personas que integran a la diversidad sexual, como es el caso de las personas bisexuales o transexuales, y las que mantienen actitudes o hábitos comúnmente asociados al otro sexo, como los metrosexuales y las personas «con pluma». El adjetivo es "homofóbico". Hoplofobia La hoplofobia es un persistente, anormal y injustificado miedo a las armas de fuego. El nombre de esta fobia específica deriva del griego “hoplon” (arma) y “phobos” (miedo), puede referirse a un miedo a las armas en general, o más específicamente a las armas de fuego. Islamofobia La islamofobia es un término controvertido con el que sus proponentes hacen referencia a los sentimientos de hostilidad hacia el islam y, por extensión, hacia los musulmanes. Sus críticos aducen que el concepto es usado de forma impropia para desprestigiar o silenciar la legítima crítica al islam, sobre todo en relación a las libertades civiles y los derechos humanos. Lalofobia En sentido generalizado, es el temor patológico a hablar en presencia de otros o en público. El sujeto tratará de evitar estas situaciones y si no puede eludirlas las vivirá con una reacción desproporcionada de angustia que disminuirá sus capacidades intelectuales y oratorias. Al contrario que la glosofobia, el miedo a hablar en público, los que padecen lalofobia siempre la sufren en mayor o menor grado. En muchos casos la lalofobia lleva a otras condiciones como la fobia social. Lepidopterofobia También conocido como Motefobia. Es el miedo a los lepidópteros, es decir a las mariposas y a las polillas Leucofobia Se define como un persistente, anormal y injustificado miedo al color blanco. Cuando te sientas a escribir o pintar, es usual sentir ese miedo: la hoja en blanco impone respeto. Ligirofobia La ligirofobia es un miedo irracional a ruidos fuertes, agudos, normalmente repentinos, como los de las explosiones. Las personas que sufren esta fobia no pueden soportar el estallido de un globo, de petardos, cohetes, etc. Dependiendo de la intensidad de la fobia, ni siquiera pueden estar en presencia de globos hinchados por temor a que exploten. A pesar de que es una fobia frecuente, no es muy conocida porque quien la padece puede hacer una vida normal, aunque esté permanentemente huyendo de situaciones que le pueden provocar el pánico. Esa facilidad para sortear globos y petardos hace que, generalmente, no traten de curarse y vivan acostumbrados a su fobia. Ligofobia Se define como un persistente, anormal y injustificado miedo a la oscuridad. También se conoce como acluofobia, escotofobia, mictofobia o nictofobia. Lutrafobia Se define como un persistente, anormal y injustificado miedo a las nutrias Maniafobia Se define como un persistente, anormal y injustificado miedo a la locura, a la demencia. También se conoce como agateofobia y dementofobia. Necrofobia La Necrofobia o Thanatofobia es el miedo o fobia a la muerte o a las cosas muertas (ej. cadáveres) así como las cosas asociadas a la muerte (ej. ataúdes). El uso diferencia, aunque en discurso común los términos se utilizan alternativamente. Thanatophobia incluye sino no se limita al miedo de la muerte o de morir personal. Nosocomefobia Se define como un persistente, anormal y injustificado miedo a los hospitales Nostofobia Se define como un persistente, anormal y injustificado miedo a regresar al propio hogar. Suelen padecer este trastorno quienes viven o vivieron en ambientes rodeados de agresividad. Es importante que los familiares de estos pacientes sean comprensivos con ellos y los traten afectuosamente si no quieren agravar su mal con un comportamiento hostil como respuesta a su fobia. Numerofobia Se define como un persistente, anormal y injustificado miedo a los números Obesofobia Se define como un persistente, anormal y injustificado miedo a engordar o a aumentar de peso. También se conoce como pocrescofobia. Este miedo a la gordura normalmente va acompañado de algún trastorno alimenticio, tal como la anorexia. Es por ello muy importante que los tratamientos de estos pacientes sean fundamentalmente psiquiátricos o psicológicos, para así llegar a las raíces del problema. Panofobia Se define como un persistente, anormal y injustificado miedo a todo. Las personas que padecen de esta anormalidad psicológica experimentan miedo a todo, pero más precisamente temen morbosamente al miedo mismo. Se trata de una condición médica conocida como “miedo no específico” o “el miedo a todo” y se describe como “una vaga y persistente amenaza de algún mal desconocido”. La panofobia, también llamada omnifobia, polifobia, pantofobia o panfobia, con frecuencia se encuentra como una condición secundaria de la esquizofrenia Plufovia Se define como un persistente, anormal y injustificado miedo a la lluvia o a que la lluvia lo moje a uno. También se conoce como ombrofobia. Los que padecen de este extraño trastorno tienen un miedo incontrolable de mojarse con la lluvia. En casos aún menos frecuentes, los fóbicos pueden desarrollar una variación llamada pluviofobia obsesiva. En este caso, los que padecen de la fobia pueden adquirir y diseminar idolatría por dispositivos creados originalmente para protegerse en la intemperie, como los paraguas, los toldos, los sombreros y en los casos más comunes, los impermeables. Ponofobia Se define como un persistente, anormal y injustificado miedo a trabajar en exceso. Quimiofobia Miedo irracional a las sustancias químicas Radiofobia Se define como un persistente, anormal y injustificado miedo a la radiación o a los rayos x. El miedo a la radiación ionizante no es algo innatural desde el momento en que ésta puede implicar un riesgo significativo; sin embargo, este temor puede volverse anormal e incluso irracional, a menudo debido a pobre información recibida o baja comprensión, pero también como consecuencia de una experiencia traumática. Rupofobia Se define como un persistente, anormal y injustificado miedo a la suciedad. Quienes padecen de esta fobia tienen miedo a la suciedad y a lo sucio. Se trata de una fobia obsesiva. El sujeto que es víctima de ésta cumple constantemente el acto de limpiarse a sí mismo (por ejemplo, al lavarse continuamente las manos) o del ambiente que lo circunda (por ejemplo, de su casa). La rusofobia es un trastorno de ansia que revela, del punto de vista psicoanalítico, que no somos capaces de soportar nuestras carencias, “sombras” según Jung, estos es las partes escondidas de nosotros mismos, de las cuales buscamos desembarazarnos en el rito de la limpieza. Según el psicoanálisis la rusofobia puede esconder un inconfesado rechazo de la sexualidad, del esperma, de la menstruación o del embarazo, todos ellos hechos que el sujeto vive en modo conflictivo. Sesquipedalofobia Se define como un persistente, anormal y injustificado miedo a las palabras largas. Selacofobia La selacofobia es el miedo irracional a los tiburones. Esta fobia forma parte de la rama de la zoofobia (miedo a los animales). La padecen principalmente los nadadores, personas en contacto con el mar o gente que ha visto la película Tiburón de Steven Spielberg. En casos severos, basta la imagen de un tiburón, ya sea en fotografía o video para provocarles un ataque de pánico. Hay casos en los que las personas que padecen de esta fobia, inclusive se niegan a tocar el agua en general, ya sea nadar en una piscina, reposar en un jacuzzi o tina de baño, aún y cuando se encuentran ubicadas lejos del océano Sexofobia La sexofobia es el miedo a la sexualidad. El rasgo esencial de la sexofobia es evitar constantemente sensaciones o experiencias sexuales: los genitales, las secreciones y olores genitales, penetrar o ser penetrada, orgasmo, ser vistos desnudos, beso profundo, la masturbación, el embarazo, el sexo oral. Los sexófobos de ambos géneros desean y temen al mismo tiempo, se asoman y huyen, anhelan la penetración o el orgasmo pero sienten miedo de lo que pueda pasarles, quieren superar su fobia y les asusta su propia curación. Paradójica mente, la sexofobia se manifiesta de las siguientes formas: - Sobrevaloración del afecto y desvalorización de la sexualidad. - Tener sueños románticos sin ninguna relación con la realidad. - Contar chistes de doble sentido o abiertamente obscenos. - Frecuentar prostíbulos y locales de diversión. Telenofobia Se define como un persistente, anormal y injustificado miedo a los teléfonos. Quienes padecen de esta condición temen hacer o recibir llamados, incluso el temor puede llegar a abarcar el timbre del teléfono. Esta fobia puede deberse a alguna de las siguientes razones: 1) Una mala experiencia con teléfonos en el pasado (por ejemplo, recibir una terrible noticia mientras se hablaba por teléfono, o ser amenazado, etc.). 2) Ser resultado de la fotofobia, es decir, el miedo a los ruidos fuertes. Traumatofobia Se define como un persistente, anormal y injustificado miedo a los accidentes. También se conoce como distiquifobia. Tremofobia Se define como un persistente, anormal y injustificado miedo al temblor. Quienes padecen esta fobia experimentan miedo ante la idea de poder sufrir un terremoto o un temblor. Este sentimiento, que en cualquier persona es natural, los fóbicos lo experimentan en un grado extremo, lo que puede causar que incluso modifiquen sus lugares de vacaciones y hasta de residencia basándose en sus temores. Tripofobia La tripofobia se define como el miedo a los patrones formados por huecos o agujeros en grandes cantidades. Estas formaciones resultan especialmente molestas en patrones asimétricos y/o apariencia orgánica. Variabofobia Miedo a las variables. Venustrafobia Se define como un persistente, anormal y injustificado miedo a las mujeres hermosas. También se conoce como caliginefobia. Esta fobia es padecida por hombres. Éstos pueden sufrir escalofríos, taquicardia momentánea, temblor en las piernas, sudoración de las manos y hasta tartamudez al encontrarse en presencia de una mujer bella. Vicanofobia Se define como un persistente, anormal y injustificado miedo a las brujas y a la brujería. Xantofobia Se define como un persistente, anormal y injustificado miedo al color amarillo o a la palabra "amarillo". Xenofobia La xenofobia es el odio y rechazo al extranjero, con manifestaciones que van desde el rechazo más o menos manifiesto, el desprecio y las amenazas, hasta las agresiones y asesinatos. Una de las formas más comunes de xenofobia es la que se ejerce en función de la raza, esto es, el racismo Xilofobia: Se define como un persistente, anormal y injustificado miedo a los objetos de madera. Zelofobia Se define como un persistente, anormal y injustificado miedo a los celos. Quienes padecen de esta fobia temen a los celos y a la envidia, tanto a padecerlos como a ser víctima de estos sentimientos. Zemifobia Se define como un persistente, anormal y injustificado miedo a los topos. Zeusfobia Se define como un persistente, anormal y injustificado miedo a Dios o a los dioses. También se conoce como teofobia. Zoofobia Se define como un persistente, anormal y injustificado miedo a los animales. Este término puede utilizarse con dos sentidos. Por un lado, es un término genérico para expresar la clase de fobia específica donde el paciente teme a los animales, ya sea a algunos en particular o bien a los animales no humanos en general. Por otro lado, la zoofobia puede referirse al simple disgusto o rechazo hacia los animales. Como curar una fobia Como ya vimos las fobias son terribles, mas para curarlas lo correto es enfrentarlas, procure un médico como psiquiatra o un neurologista. Luegoe xisten curas para cada uno, pero lo principal es enfrentarlas Y las demás, que por espacio no me alcanzo A Acarofobia: Miedo a las picaduras de insectos. Acerofobia: Miedo a los ácidos. Acluofobia: Miedo a la oscuridad. Acusticofobia: Miedo a los ruidos. Aerofobia: Miedo a volar en aviones. Afenfosfobia: Miedo a ser tocado. Agateofobia: Miedo a la locura. Agirofobia: Miedo a las calles. Agliofobia: Miedo a experimentar dolor. Agrafobia: Miedo al abuso sexual. Agrizoofobia: Miedo a los animales salvajes. Aicmofobia: Miedo a las agujas. Ailurofobia: Miedo a los gatos. Albuminurofobia: Miedo a las enfermedades renales. Algofobia: Miedo al dolor. Allodoxafobia Miedo a las opiniones. Altofobia: Miedo a las alturas. Amathofobia: Miedo al polvo. Amaxofobia: Miedo a conducir un automóvil. Ambulofobia: Miedo a caminar. Amicofobia: Miedo a los arañazos o de rascarse. Amnesifobia: Miedo a la amnesia. Anablefobia: Miedo a mirar hacia arriba. Ancrofobia: Miedo al viento. Androfobia: Miedo a los hombres. Anemofobia: Miedo al viento. Anginofobia: Miedo a las anginas. Anglofobia: Miedo a los ingleses. Angrofobia: Miedo al enojo. Anquilofobia: Miedo a ser escayolado. Antlofobia: Miedo a las inundaciones. Antrofobia: Miedo a las flores. Antropofobia: Miedo a las personas. Anuptafobia: Miedo a la soltería. Apeirofobia: Miedo al infinito. Apifobia: Miedo a las abejas. Apotenmofobia: Miedo a las amputaciones. Aracnofobia: Miedo a las arañas. Araquibutirofobia: Miedo a las cáscaras de los cacahuetes. Aritmofobia: Miedo a los números. Arrhenfobia: Miedo a los hombres. Arsonfobia: Miedo al fuego. Asimetrifobia: Miedo a la asimetría. Astenofobia: Miedo al desmayo. Astrapofobia: Miedo a los rayos. Astrofobia: Miedo a las estrellas. Ataxiofobia: Miedo a la descoordinación muscular. Ataxofobia: Miedo al desorden. Atazagorafobia: Miedo al olvido. Atefobia: Miedo a las ruinas. Atelofobia: Miedo a la imperfección. Atiquifobia: Miedo al fracaso. Atomosofobia: Miedo a las explosiones atómicas. Aulofobia: Miedo a las flautas. Aurofobia: Miedo al oro. Aurorafobia: Miedo a las auroras boreales. Autodisomofobia: Miedo a alguien con mal olor. Autofobia: Miedo a la soledad o a sí mismo. Automatonofobia: Miedo a las cosas animadas. Automisofobia: Miedo a ensuciarse. Aviatofobia: Miedo a volar. B Bacilofobia: Miedo a los microbios. Bacteriofobia: Miedo a las bacterias. Balistofobia: Miedo a las balas. Barofobia: Miedo a la gravedad. Basofobia: Miedo a caerse. Bathofobia: Miedo a la profundidad. Batmofobia: Miedo a las escaleras. Batofobia: Miedo a las alturas. Batracofobia: Miedo a los batracios. Bibliofobia: Miedo a los libros. Blenofobia: Miedo a la viscosidad. Bolsefobia: Miedo a los bolcheviques. Botanofobia: Miedo a las plantas. Bromidrosifobia: Miedo al olor corporal. Brontofobia: Miedo a los truenos. Bufonofobia: Miedo a los sapos. C Caetofobia: Miedo al pelo. Cainofobia: Miedo a fallar. Cainolofobia: Miedo a la novedad. Caliginefobia: Miedo a las mujeres hermosas. Carcinofobia: Miedo al cáncer. Cardiofobia: Miedo al corazón. Carnofobia: Miedo a la carne. Catagelofobia: Miedo al ridículo. Catapedafobia: Miedo a saltar. Catisofobia: Miedo a sentarse. Catoptrofobia: Miedo a los espejos. Centofobia: Miedo a las ideas nuevas. Ceraunofobia: Miedo a los rayos y truenos. Chamainofobia: Miedo a Halloween. Cheimafobia: Miedo al frío. Chemofobia: Miedo a los químicos. Chirofobia: Miedo a las manos. cianofobia: Miedo al azul. Ciberfobia: Miedo a los ordenadores. Cibofobia: Miedo a la comida. Ciclofobia: Miedo a las bicicletas. Cimofobia: Miedo a las olas. Cinofobia: Miedo a los perros. Cionofobia: Miedo a la nieve. Cipridofobia: Miedo a las prostitutas. Cleinofobia: Miedo a ser encerrado. Cleitrofobia: Miedo a quedarse encerrado. Cleptofobia: Miedo al robo. Climacofobia: Miedo a las escaleras. Clinofobia: Miedo a ir a la cama. clorofobia: Miedo al verde. Cnidofobia: Miedo a los aguijones. Coimetrofobia: Miedo a los cementerios. Coinonifobia: Miedo a las habitaciones. Coitofobia: Miedo al sexo. Colerofobia: Miedo al enfado. Colpofobia: Miedo a los genitales. Cometofobia: Miedo a los cometas. Coniofobia: Miedo al polvo. Consecotaleofobia: Miedo a los palillos chinos. Contreltofobia: Miedo al abuso sexual. Copofobia: Miedo a fatigarse. Coprastasofobia: Miedo a constiparse. Coprofobia: Miedo a las heces. Corofobia: Miedo a bailar. Cosmicofobia: Miedo al cosmos. Counterfobia: Preferencia por determinada fobia. Cremnofobia: Miedo a los precipicios. Criofobia: Miedo al frío extremo. Crisofobia: Miedo al naranja. Cristalofobia: Miedo a los vidrios. Cronofobia: Miedo al tiempo. Cronomentrofobia: Miedo a los relojes. D Decidofobia: Miedo a las decisiones. Defecaloesiofobia: Miedo al dolor de tripas. Deipnofobia: Miedo a las cenas. Dementofobia: Miedo a la locura. Demonofobia:Miedo a los demonios. Dentofobia: Miedo al dentista. Dermatofobia: Miedo a las lesiones en la piel. Deshabiliofobia: Miedo a desnudarse. Dextrofobia: Miedo a los objetos a la derecha del cuerpo. Diabetofobia: Miedo a la diabetes. Didascaleinofobia: Miedo a la escuela. Dinofobia: Miedo al mareo. Diplofobia: Miedo a la doble visión. Dipsofobia: Miedo a la bebida. Dismorfofobia: Miedo a las deformidades. Distiquifobia: Miedo a los accidentes. Domatofobia: Miedo a las casas. Dorafobia: Miedo a las pieles. Dromofobia: Miedo a cruzar la calle. Dutchfobia: Miedo a los alemanes u holandeses. E Eclesiofobia: Miedo a las iglesias. Ecofobia: Miedo al hogar. Eicofobia: Miedo a los alrededores del hogar. Eisoptrofobia: Miedo a los espejos. Electrofobia: Miedo a la electricidad. Eleuterofobia: Miedo a la libertad. Elurofobia: Miedo a los gatos. Emetofobia: Miedo al vómito. Enosiofobia: Miedo a cometer un pecado capital. Epistaxiofobia: Miedo a las hemorragias nasales. Epistemofobia: Miedo al conocimiento. Equinofobia: Miedo a los caballos. Eremofobia: Miedo a estar solo. Ereutrofobia: Miedo a ruborizarse. Ergasiofobia: Miedo a trabajar. Ergasiofobia: Miedo del cirujano a operar. Ergofobia: Miedo al trabajo. Eritrofobia: Miedo al rojo. Erotofobia: Miedo al sexo. Escabiofobia: Miedo a las postillas. Escatofobia: Miedo a la materia fecal. Escolequifobia: Miedo a los gusanos. Escopofobia: Miedo a ser mirado. Escotofobia: Miedo a la oscuridad. Escotomafobia: Miedo a la ceguera. Escriptofobia: Miedo a escribir en público. Especsofobia: Miedo a las avispas. Espermatofobia: Miedo al semen. Esquelerofobia: Miedo a los hombres malos. Esquiofobia: Miedo a las sombras. Estasifobia: Miedo a estar de pie. Estaurofobia: Miedo a las cruces. Estenofobia: Miedo a las cosas o lugares estrechos. Estigiofobia: Miedo al infierno. Eufobia: Miedo a las buenas noticias. Eurotofobia: Miedo a los genitales femeninos. F Fagofobia: Miedo a comer. Falacrofobia: Miedo a la calvicie. Falofobia: Miedo a las erecciones. Farmacofobia: Miedo a las medicinas. Fasmofobia: Miedo a los fantasmas. Febrifobia: Miedo a la fiebre. Felinofobia: Miedo a los felinos. Fengofobia: Miedo a la luz del día. Filemafobia: Miedo a los besos. Filofobia: Miedo al amor. Filosofobia: Miedo a la filosofía. Fobia Social: Miedo a ser juzgado negativamente. Fobofobia: Miedo a las fobias. Fonofobia: Miedo a los ruidos. Fonofobia: Miedo al teléfono. Fotoaugliafobia: Miedo a las luces brillantes. Fotofobia: Miedo a la luz. Francofobia: Miedo a Francia. Frigofobia: Miedo al frío. Fronemofobia: Miedo a pensar. G Galofobia: Miedo a Francia. Gatofobia: Miedo a los gatos. Gefirofobia: Miedo a cruzar puentes. Geliofobia: Miedo a la risa. Geniofobia: Miedo a las barbillas. Genofobia: Miedo al sexo. Genufobia: Miedo a las rodillas. Gerascofobia: Miedo a envejecer. Germanofobia: Miedo a Alemania. Gerontofobia: Miedo a los ancianos. Geumafobia: Miedo al gusto. Gimnofobia: Miedo a la desnudez. Ginefobia: Miedo a las mujeres. Glosofobia: Miedo a hablar. Gnoseofobia: Miedo al conocimiento. Grafofobia: Miedo a escribir. H Hafefobia: Miedo a ser tocado. Hagiofobia: Miedo a los santos. Hamartofobia: Miedo al pecado. Harpaxofobia: Miedo al robo o a los ladrones. Hedonofobia: Miedo al placer. Helenologofobia: Miedo a los términos griegos. Heliofobia: Miedo al Sol. Helmintofobia: Miedo a ser infectado por gusanos. Heresifobia: Miedo a los desafíos a la doctrina oficial. Herpetofobia: Miedo a los reptiles. Heterofobia: Miedo al sexo opuesto. Hialofobia: Miedo al cristal. Hidrargiofobia: Miedo a las medicinas de mercurio. Hidrofobofobia: Miedo a la rabia. Hierofobia: Miedo a los sacerdotes y a lo sagrado. Higrofobia: Miedo a los líquidos. Hilefobia: Miedo al materialismo. Hilefobia: Miedo a la epilepsia. Hilofobia: Miedo a los bosques. Hipengiofobia: Miedo a la responsabilidad. Hipertricofobia: Miedo al pelo. Hipnofobia: Miedo a dormir. Hipnofobia: Miedo a ser hipnotizado. Hipofobia: Miedo a los caballos. Hipopotomonstrosesquipedaliofobia: Miedo a las palabras largas. Hipsifobia: Miedo a las alturas. Hobofobia: Miedo a los vagabundos. Hodofobia: Miedo a los viajes por carretera. Homiclofobia: Miedo a la niebla. Homilofobia: Miedo a los sermones. Hominofobia: Miedo a los hombres. Homofobia: Miedo a la monotonía. Homofobia: Miedo a la homosexualidad. Hoplofobia: Miedo a las armas de fuego. Hormefobia: Miedo al shock. I Iatrofobia:Miedo al médico. Ictiofobia: Miedo a los peces. Ideofobia: Miedo a las ideas. Ilingofobia: Miedo al vértigo. Insectofobia: Miedo a los insectos. Iofobia: Miedo al veneno. Isolofobia: Miedo a estar solo. Isopterofobia: Miedo a las termitas. Itifalofobia: Miedo a la erección peneana. J Japanofobia: Miedo a Japón. Judeofobia: Miedo a los judíos. K Kakorrharfiofobia: Miedo al fracaso. Kenofobia: Miedo al vacío. Kinesofobia: Miedo al movimiento. L Lacanofobia: Miedo a las verduras. Latrofobia: Miedo a los médicos. Leprofobia: Miedo a la lepra. Levofobia: Miedo a las cosas a la izquierda del cuerpo. Liguirofobia: Miedo a los ruidos fuertes. Lilapsofobia: Miedo a los tornados y los huracanes. Limnofobia: Miedo a los lagos. Linonofobia: Miedo a las cuerdas. Lisofobia: Miedo a la rabia o a volverse loco. Liticafobia: Miedo a los pleitos. Locquiofobia: Miedo al parto. Logicomecanofobia: Miedo a los ordenadores. Logofobia: Miedo a las palabras. Luifobia: Miedo a la sífilis. M Macrofobia: Temor a las largas esperas. Mageirocofobia: Miedo a cocinar. Malaxofobia: Miedo a los juegos amorosos. Maniafobia: Miedo a la locura. Mastigofobia: Miedo al castigo. Mayeusiofobia: Miedo al parto. Mecanofobia: Miedo a las máquinas. Medomalacufobia: Miedo a perder una erección peneana. Medortofobia: Miedo a la erección peneana. Megalofobia: Miedo a las cosas grandes. Melanofobia: Miedo al negro. Melisofobia: Miedo a las abejas. Melofobia: Miedo a la música. Meningitofobia: Miedo a las enfermedades del cerebro. Menofobia: Miedo a la menstruación. Merintofobia: Miedo a ser atado. Metalofobia: Miedo a los metales. Metatesiofobia: Miedo a los cambios. Meteorofobia: Miedo a los meteoros. Metifobia: Miedo al alcohol. Metrofobia: Miedo a la poesía. Micofobia: Miedo a las setas. Microbiofobia: Miedo a los microbios. Microfobia: Miedo a las cosas pequeñas. Mictofobia: Miedo a la oscuridad. Mirmecofobia: Miedo a las hormigas. Misofobia: Miedo a la suciedad o la contaminación. Mitofobia: Miedo a las mentiras. Mixofobia: Miedo a mezclarse con alguien diferente. Mnemofobia: Miedo a los recuerdos. Molismofobia: Miedo a la suciedad. Monofobia: Miedo a la soledad. Monopatofobia: Miedo a las enfermedades. Motefobia: Miedo a las polillas. Motorfobia: Miedo a los automóviles. Musofobia: Miedo a los ratones. N Nebulafobia: Miedo a la niebla. Nefofobia: Miedo a las nubes. Negrofobia: Miedo a los negros. Nelofobia: Miedo al vidrio. Neofarmacofobia: Miedo a los nuevos medicamentos. Neofobia: Miedo a lo nuevo. Neumatifobia: Miedo a los espíritus. Nictohilofobia: Miedo a los bosques oscuros. Noctifobia: Miedo a la noche. Nomatofobia: Miedo a los nombres. Nosofobia: Miedo a enfermar. Novercafobia: Miedo a la madrastra. Nucleomitufobia: Miedo a las armas nucleares. Nudofobia: Miedo a la desnudez. O Oclofobia: Miedo a las multitudes. Ocofobia: Miedo a los vehículos. Octofobia: Miedo a la figura 8. Odinofobia: Miedo al dolor. Odontofobia: Miedo a los dientes o al dentista. Oenofobia: Miedo al vino. Ofidiofobia: Miedo a las serpientes. Oftalmofobia: Miedo de ser observado fijamente. Oicofobia: Miedo a los alrededores del hogar. Olfactofobia: Miedo a los olores. Omatofobia: Miedo a los ojos. Ombrofobia: Miedo a la lluvia. Onirofobia: Miedo a los sueños. Onirogmofobia: Miedo a los sueños húmedos. Onomatofobia: Miedo a escuchar cierta palabra. Onomatofobia: Miedo a los nombres. Opiofobia: Miedo a los experimentos médicos. Opiofobia: Miedo de preescribir medicamentos. Optofobia: Miedo a abrir los ojos. Ornitofobia: Miedo a los pájaros. Ortofobia:Miedo a la propiedad. Osmofobia: Miedo a oler. Ostraconofobia: Miedo a los mariscos. P Pagofobia: Miedo al hielo o a la escarcha. Panzofobia: Miedo a sufrir y enfermar. Papafobia: Miedo al Papa. Papirofobia: Miedo al papel. Parafobia: Miedo a la perversión sexual. Paralipofobia: Miedo a las responsabilidades. Parascevedecatriafobia: Miedo al viernes 13. Parasitofobia: Miedo a los parásitos. Partenofobia: Miedo a las vírgenes. Parturifobia: Miedo al parto. Patofobia: Miedo a las enfermedades. Patroyofobia: Miedo a la herencia. Pecatofobia: Miedo a pecar. Pediculofobia: Miedo a los piojos. Pediofobia: Miedo a las muñecas. Pedofobia: Miedo a los niños. Peladofobia: Miedo a la gente calva. Pelagrofobia: Miedo a la pelagra. Peniafobia: Miedo a la pobreza. Penterafobia: Miedo a la suegra. Piretofobia: Miedo a la fiebre. Pirofobia: Miedo al fuego. Placofobia: Miedo a las lápidas. Plutofobia: Miedo a las riquezas. Pneumatifobia: Miedo a los espíritus. Pnigofobia: Miedo a ahogarse. Pocrescofobia: Miedo a aumentar de peso. Pogonofobia: Miedo a las barbas. Poinefobia: Miedo al castigo. Polifobia: Miedo a muchas cosas. Poliosofobia: Miedo a la poliomielitis. Politicofobia: Miedo a los políticos. Ponofobia: Miedo a trabajar en exceso. Porfirofobia: Miedo al púrpura. Potamofobia: Miedo a los ríos. Potofobia: Miedo a beber alcohol. Proctofobia: Miedo al recto. Prosofobia: Miedo al progreso. Pselismofobia: Miedo a tartamudear. Psicofobia: Miedo a la mente. Psicrofobia: Miedo al frío. Pteromeranofobia: Miedo a volar. Pteronofobia: Miedo a que le hagan cosquillas con una pluma. Ptiriofobia: Miedo a los piojos. Ptisiofobia: Miedo a la tuberculosis. Pupafobia: Miedo a los títeres. Q Queimafobia: Miedo al frío. Quenofobia: Miedo al vacío. Querofobia: Miedo a la alegría. Quetofobia: Miedo al pelo. Quifofobia: Miedo a agacharse. Quimofobia: Miedo a las olas. Quionofobia: Miedo a la nieve. Quiraptofobia: Miedo a ser tocado. Quirofobia: Miedo a las manos. R Rabdofobia: Miedo a ser severamente castigado. Rabdofobia: Miedo a ser severamente criticado. Rabdofobia: Miedo a las varitas mágicas. Ranidafobia: Miedo a las ranas. Rectofobia: Miedo al recto o a las enfermedades rectales. Ripofobia: Miedo a la defecación. Ritifobia: Miedo a las arrugas. Rusofobia: Miedo a Rusia. S Samhainofobia: Miedo a Halloween. Sarmasofobia: Miedo a los juegos amorosos. Satanofobia: Miedo a Satán. Selafobia: Miedo a los flashes de luz. Selenofobia: Miedo a la luna. Seplofobia: Miedo a las sustancias putrefactas. Sesquipedalofobia: Miedo a las palabras largas. Sidafobia: Miedo al sida. Siderodromofobia: Miedo a los trenes. Siderofobia: Miedo a las estrellas. Sifilofobia: Miedo a la sífilis. Simbolofobia: Miedo al simbolismo. Simetrofobia: Miedo a la simetría. Singenesofobia: Miedo a los parientes. Sinistrofobia: Miedo a la izquierda. Sinofobia: Miedo a China. Sitiofobia: Miedo a la comida o a comer. Socerafobia: Miedo a los suegros. Sociofobia: Miedo a la sociedad. Sofofobia: Miedo a aprender. Somnifobia: Miedo a dormir. Soteriofobia: Miedo a la dependencia. Surifobia: Miedo a los ratones. T Taasofobia: Miedo a sentarse. Tacofobia: Miedo a la velocidad. Taeniafobia: Miedo a la tenia o lombriz sol

Como dice el titulo en este post te voy a enseñar o a guiarte para poder hacer una pagina web y sobretodo es ¡GRATIS!, asi que cualquiera puede hacer y seguir estos pasos En este post vas a aprender a crear una página web, a escoger un servidor de pago o gratuito, a subirla a internet, a mejorarla y actualizarla a tu gusto e incluso a sacarle un buen provecho económico si lo deseas. No hace falta que tengas conocimientos de nada, simplemente con leer estas lecciones lo vas a lograr, verás.. Además, te lo explicamos todo tan bien que sabrás como personalizar tu página web a tu antojo. Una vez termines el tutorial podrás cambiar los colores, la estructura, los menús, etc, etc para adaptarla a tus gustos. Tras aprender todos los trucos podrás hacer cualquier otro proyecto desde cero con lo que vas a aprender aquí. Qué vamos a necesitar? En principio solo conexión a internet y seguir estas instrucciones. El resto de recursos necesarios los conseguiremos de la red, como por ejemplo el software (gratuito) que vamos a seguir para las lecciones, el espacio web (gratuito también) para alojar tu proyecto, el software para el foro, para el directorio y para el topsites (de nuevo, gratis), etc, etc. Si tienes acceso a internet tendrás todo lo necesario. Bueno y un poco de tiempo y paciencia, claro. Descarga del Html-Kit Un software es un programa informático, lo que ocurre es que al decir software parece que la cosa tiene más importancia, como es una palabra en inglés... ya se sabe... pero no es más que eso, un programa. Para crear nuestra página web necesitamos un programa. Para crear webs hay miles, de pago, gratuitos, regalados, pirateados... Nosotros en esta lección vamos a ser buenos y usaremos uno gratuito, por ejemplo uno que se llama Html-Kit De dónde descargar Html-Kit El Html-Kit es un editor de html y css (entre otros) gratuito. Editor significa que podemos escribir con él y Html y Css son los lenguajes que se usan para hacer páginas web. Es gratuito, esto significa que no has de pagar un duro por él, aunque tienes la opción de pagar para tener acceso a un sin fín de herramientas extra. Por lo pronto, con la versión gratuita nos va a sobrar. Para conseguirlo, qué mejor que descargarlo desde la página oficial, no? Así estaremos seguros de obtener la versión más moderna. La página es http://www.chami.com/html-kit/download/. Ve haciendo clic y se abrirá una ventana aparte, para que puedas seguir leyendo estas instrucciones. Al acceder a la web de Html-Kit podrás ver en la parte alta un cartelito similar a este: En el hueco de arriba te preguntan dónde oiste hablar de Html-Kit. Puedes poner lo que quieras, la dirección de este post, un buscador, etc, etc. En el hueco de abajo puedes escribir tu email si deseas recibir información de actualizaciones de este software y cosas así. No son obligatorios ninguno. A continuación, pulsa en la parte de abajo de ese cuadro, donde pone Download HTML-Kit para proceder a la descarga del archivo. Son unas 2.8 megas, por lo que será algo rápido. Al hacer clic se abre una ventana preguntado si lo deseas guardar o ejecutar directamente. Escoge Guardar y así lo tendrás a mano en caso de que te haga falta: Tras terminar de bajarlo aparece otra ventana. Escoge Ejecutar para empezar su instalación: Quizás te aparezca un mensaje como este: Puedes aceptar y Ejecutar sin problemas. Este programa es seguro. En seguida, el programa empieza a instalarse en tu PC. Cómo Instalar el Html-Kit Comienza mostrando una ventana de bienvenida y preguntándote si quieres seguir o no, Le darán Click a "SI" Como va siendo habitual, ahora aceptamos las condiciones. Tienes que marcar la casilla que te he marcado en rojo en la imagen de aquí abajo y después pulsar en Next> : Siguiente paso? Indicarle en qué carpeta de nuestro disco duro lo queremos instalar. La opción por defecto es perfectamente válida: Seguidamente nos pregunta qué opciones deseamos instalar. Como no hay quien nos pare, nosotros escogemos todas. Seguramente no las usemos, pero tampoco es cuestión de perderse algo. Si aún no te has cansado de aceptar y aceptar, aquí tienes otra ventana que te pregunta cuál quieres que sea el nombre del programa en tu barra de programas... aceptamos de nuevo... Bueno... ahora nos muestra las opciones que se van a instalar. Que majo... pero un poco pesado.. Pulsamos Install y... allá va eso! Se instala en un segundo y claro, para no perder costumbre nos dice que ya está todo listo. Te recomiendo no dejar marcada la casilla marcada con un circulo rojo por mí. Eso es para descargarte más cosas, pero por el momento vamos sobrados. Quita la marca (mira la foto de abajo) y seguimos, oki? Configuración del Html-Kit Aceptamos de nuevo presionando "Finish" y vemos, cómo no, una preguntita.... Dice arriba que las preguntas siguientes (vaya, que no es solo una...) son para ayudarte a configurar el programa, pero que siempre puedes cambiar estas cosas más tarde desde Edit > Preferencias. Esta pregunta de arriba es por si quieres que los archivos Html se abran siempre por defecto con este programa. Por el momento le diremos que no y al hacerlo, claro, aparece otra pregunta... Quieres que Html-Kit detecte los navegadores que tienes para usar la vista previa con ellos? Fíjate, a esta le vamos a decir que sí, para que no se diga... Ahora como ves en la ventana de aqui abajo, pregunta si quieres descargarte enlaces de ayuda e información actualizada.. A esto le diremos que no, pues ya nos estamos cansando de tanta preguntita y queremos ver el programa de una vez.. No contento con la contestación, nos pregunta si queremos verificar si hay alguna versión más moderna del programa... arghhh. Adivinas que ponemos? Y finalmente (espero) nos invita a dar una vuelta por el programa con el tutorial. Lo siento pero no, mi paciencia tiene un límite, je je je. Bueno. Ahora ya sí que si, aparece una ventana preguntando qué tipo de archivo queremos abrir para empezar. Como opciones tenemos: Create a new file (Crear un nuevo archivo) Create a new file based on a template (Crear un archivo basado en una plantilla) etc, etc, etc. Escogemos Create a new File y antes de pulsar OK desactivamos la casilla de abajo del todo, donde pone "Don´t display this screen again" o "No mostrar esta ventana de nuevo". Traducir el Html-Kit al español Ahora que tenemos el Html-Kit instalado vamos a traducirlo al castellano para enterderlo mejor... Para ello es suficiente bajar un archivo de la página web oficial de Html-Kit y descomprimirlo en una carpeta de nuestro disco duro. El archivo necesario lo puedes encontrar en: http://www.html-kit.com/html-kit/download/plugin/irtranslationspanish/ Pulsa donde pone "start download" que significa "empezar a descargarlo". Al hacer clic allí se abre esta ventana de Windows preguntandote si quieres guardar el archivo. Bájate el archivo, que será un rar comprimido y tras descargarlo lo descomprimes colocando su contenido en la carpeta "default" que se encuentra dentro de una de las carpetas donde has instalado el programa (seguramente en c:Archivos de programaChamiHTML-KitDataDefault): Una vez guardado el archivo (llamado irTranslationSpanish.zip) descomprime su contenido en esa misma carpeta y listo. La próxima vez que abras el Html-Kit estará en Castellano gran parte del menú, no todo, pero sí la gran mayoria. Simplifica el Html-Kit El Html-Kit es un programa sencillo, pero aún así tiene cantidad de opciones que no vamos a necesitar al menos por el momento. Así que para no liarnos mucho con tanto menú vamos a simplificar todo esto. Trataremos de desactivar todo aquello que no vayamos a usar e iremos activandolo conforme nos haga falta. Así será todo más claro, oki? Para empezar, abre tu Html-Kit (si lo tienes abierto, cierralo y lo vuelves a abrir). Nada más abrirlo nos sale la ventana donde nos pregunta qué tipo de archivo queremos crear. Esto es lo primero que nos sobra, de modo que marcamos la casilla de la parte de abajo de esa ventana para que no vuelva a aparecer: Tras desactivar esa opción y pulsar OK vemos de nuevo el programa con una página nueva, tal que así: Empecemos a desactivar cosas. Para empezar haz clic en la barra de herramientas, donde pone Ver y vamos a desactivar una a una todas las opciones que te marco con un circulo rojo en la siguiente imagen: Todas ellas las puedes activar cuando quieras haciendo lo mismo de nuevo, pero como verás, de este modo la superficie de trabajo que nos queda es mucho más amplia y clara, no? Quedaría así: Mucho mejor, verdad? Ya estamos preparados para empezar el juego. Verás como crear páginas web va a ser pan comido para tí. Ahora es una buena oportunidad para empezar a saber qué es ese código que aparece en la pantalla del Html-Kit. Vamos a verlo en la págima siguiente. Ajustando algunas preferencias del Html-Kit Aún existen algunas opciones que podemos activar, desactivar o cambiar para hacernos la vida más fácil al usar el Html-Kit para el diseño de nuestras páginas web. Veamos algunas de estas opciones. Para acceder a ellas haz clic en la parte superior, donde pone "Editar" y dentro del submenú que se abre, haz clic en la última de todas, llamada "Preferencias". Aparece entonces una ventana con un disparate de opciones que podemos escoger. Son muchas, para volverse locos! je je je, pero no te asustes que te guio todo el rato, oki? je je je. Solo vamos a tocar un poquito acá. Haz clic en la pestaña llamada "File Types", señalada de rojo en la imagen de abajo: Una vez abierta esa lengueta, haz clic en el desplegable que señalo en la imagen de abajo y escoge "All Files *.*" Y para qué sirve esto que acabamos de hacer? Cuando tratas de guardar un archivo con el htmlkit, o a subirlo o bajarlo del servidor, etc, te aparece una ventana para buscar el elemento que has de seleccionar. Si no hacemos lo anterior, solo te mostrará archivos web, de forma que cuando quieras seleccionar imágenes, por ejemplo, no las vas a ver en esa ventana a no ser que marques "All Files" que significa, todo tipo de archivos, cualquier extensión. De este modo vemos todo y no creemos que hemos perdido el archivo que buscamos. Esto lo hacemos para evitar algunos problemas que tenian antiguos amigos de CCTW, cuando no haciamos esto. Como ves existen un montón de opciones más. Si sabes un poco de inglés puedes cotillear, aunque mejor no cambiar nada. Así los dos tendremos la misma configuración y nos será más fácil seguirnos el uno al otro. Me conformo con lo que acabamos de activar y con que sepas que existen otras opciones que puedes cambiar. Pues seguimos! Primer contacto con el código HTML Una página web no es más que un puñado de letras y números que son interpretados por los navegadores mostrando lo que ves por internet. Al ser tan solo eso, letras y números, podríamos usar por ejemplo el Block de Notas de Windows para crear una página web completa. Tan solo hay que saber qué letras y qué números escribir y luego guardar el archivo, pero en lugar de hacerlo con extensión .txt se guardaría con extensión .html o .htm (son iguales). Nosotros vamos a usar en estas lecciones otro programa distinto al Notepad o Block de Notas, el Html-Kit, pues nos va a facilitar algunas cosas que no nos hace el Notepad y que iremos viendo a su debido tiempo. El código html de una página web Todas las páginas web empiezan y terminan con el mismo código y es el siguiente: <html> (todas empiezan con esto) </html> (todas terminan con esto otro) En adelante, siempre que escriba código Html lo haré de este modo, de color azul para que lo distingas. Pues bien, si eso lo escribimos en un archivo y lo guardamos con extensión .htm o .html será una página web. Vacia, sí, pero una página web. La primera palabra <html> indica que ahí empieza el código de la web. La segunda </html> indica que el código de la página web a terminado. Se distinguen por la contrabarra / que siempre indica que algo ha terminado. La estructura de una página web en HTML Dentro de cualquier página web hay cosas que se ven (o que se escuchan) y cosas que no. Las cosas que se ven son los textos, las imágenes, sonidos, etc. Por otro lado lo que no se ve son sus características, como el título, su descripción, palabras clave y otra serie de cosas que veremos más adelante. Las cosas que no se ven se colocan dentro del código HTML en una zona llamada cabecera (head en inglés) y lo que se muestra se pone en lo que se llama cuerpo (o body en inglés). Pues igual que antes hemos escrito en código dónde empieza la página y dónde termina, la cabecera (head) y el cuerpo (body) se colocan y escriben así en Html: <html> <head> </head> <body> </body> </html> En Html se indica que va a empezar la cabecera con la palabra <head> y termina con la misma palabra pero colocándole la contrabarra, </head> tal y como hemos visto que pasaba para cerrar </html>. Lo mismo podemos decir del cuerpo, que comienza con <body> y termina con </body>. Como puedes ver, tanto la cabecera como el cuerpo no contienen nada dentro, por lo que seguimos teniendo una página web vacia. Definir el título de una página web Una de las cosas que se pueden definir dentro de la cabecera o head es el título de la página. Antes hemos dicho que en la cabecera se colocaban las cosas que no se mostraban en la web. Este título realmente no se ve en la web, pero si en la barra azul de la parte alta del navegador (Explorer, Mozilla, Firefox, etc son tipos de navegadores) por lo que resulta importante aprender a definirlo. Más adelante veremos por qué es tan importante. Como ya estarás sospechando, existe una palabra para indicar que va a comenzar el título y otra para indicar cuando termina, verdad? Que lince, que inteligencia la tuya oye, je je. El título se define así (como ves, dentro de la cabecera o head): <html> <head> <title>Este es el título de mi web y puedo escribir lo que quiera!</title> </head> <body> </body> </html> Como siempre, empieza por la palabra <title> y termina con la misma pero con la contrabarra delante, es decir, con </title>. Fácil, no? Si guardaramos esto en un archivo con extensión .html o .htm qué veriamos? Una ventana del navegador completamente en blanco, pero con un título en la parte superior del navegador como el que hemos escrito. Si tras hacer clic en ese enlace y abrirse la página del ejemplo miras el código de esa página web, verás como coincide exáctamente con el mostrado antes. Si no sabes, te enseño como mirar el código html de una página web en la página siguiente. Por el momento, ya sabes crear páginas en blanco. ¿Cómo ver el código Html de cualquier página web? Aunque te parezca una chorrada mirar el código Html de una página web pronto verás que resulta muy útil, tanto para corregir errores en tus páginas como para ver cómo narices una web que te ha gustado a podido hacer alguna cosa. Una vez que domines un poco más el diseño de páginas web, aprenderás mucho más cotilleando el código Html de otras páginas. La forma más sencilla de ver el código Html de una página web es haciendo clic en las opciones que aparecen normalmente en la barra de herramientas superior de cualquier navegador. La opción concreta dependerá de cuál sea el navegador que estás usando. Si usas el Internet Explorer puedes ver el código haciendo clic en Ver > Código Fuente. Cuando pongo esta flechita ">" es para indicar que primero se hace clic en la opción Ver y al abrirse el desplegable con otras opciones, se toma la opción Código Fuente. Te enseño una imagen para que lo tengas más claro: Si en cambio estás usando el Firefox, la opción está en Ver > Código Fuente de la Página o teclas Control + U. Para el navegador Opera, el código Html lo tienes en Ver + Código Fuente o pulsando las teclas Control + F3. Como ves, son todos parecidos y por supuesto, el código mostrado ha de ser idéntico. Haz la prueba con esta misma página, o con el ejemplo de la página anterior, y así compruebas el código del ejemplo. Una Carpeta para dominarlas a todas Antes de seguir aprendiendo y creando cosillas con el Html vamos a ordenar un poco nuestros archivos para no perdernos más adelante. Para ello sigue estas indicaciones paso a paso. La carpeta de nuestras webs Cuando tengamos lista nuestra página web tendremos que mandar todos los archivos utilizados a la red (a nuestro servidor) por lo que es necesario que todos ellos estén en una misma carpeta. En caso contrario sería un lio tremendo saber qué tenemos que subir. El lugar más accesible es nuestro escritorio de Windows, de modo que vamos a crear una carpeta allí llamada "mis-paginas-web". Crear esta carpeta es bien sencillo. Pones el cursor de tu ratón sobre una parte de tu escritorio donde no haya ningún icono. Haces clic allí con el botón derecho del ratón y escoges Nuevo > Carpeta. A continuación le pones el nombre que os he dicho "mis-paginas-web" y pulsamos Intro. Ya tenemos lista la carpeta. Fácil, no? Dentro de esta carpeta como te digo, vamos a guardar todos los archivos que usemos en cada web. Digo "en cada web" porque además de la que vamos a crear ahora, tú mismo puedes seguir creando otras. Asi que dentro de esa carpeta vamos a crear otra llamada "web-ejemplo-cctw", que será donde guardemos los archivos de esta web de ejemplo que iremos creando con estas lecciones. Así que, si a la vez que sigues estas lecciones quieres ir creando otra a tu bola, puedes crear otra carpeta con el nombre que quieras dentro de "mis-paginas-web", junto a "web-ejemplo-cctw". Así no mezclamos cosas, vale? Dentro de la carpeta "web-ejemplo-cctw" crea otra carpeta más y llámala "objetos". En ella guardaremos las imágenes, archivos de sonidos, etc. Te repito, es muy importante que sigas mis pasos al pie de la letra, de modo que cuando digo que a esa carpeta la llames "objetos", hazme caso y no la llames "Objetos", ni "OBJETOS". Todo en minúsculas. Configurar nuestro Sitio en en Html-Kit Ahora que tenemos la carpeta lista, llega el momento de configurar nuestro Sitio en el Html-Kit. Y qué es un Sitio? Se llama sitio a toda la web, incluyendo todos sus páginas, imagenes y demás elementos. Coincide o ha de coincidir con la carpeta que acabamos de crear, pues esa era su función, englobar todos los archivos del sitio para no liarnos ni liar al Html-Kit. Abriendo la ventana WorkSpace Empezamos desde cero, vale? Cierra el Html-Kit si lo tienes abierto y sigue estos pasos de uno en uno y hasta el final y no tendrás ningún problema. 1- Abre el Html-Kit. Aparecerá en blanco con una pantalla como esta: 2.- Haz clic sobre la barra de herramientas, donde pone Herramientas y activa la opción Workspace. 3.- Aparece ahora una ventana donde podemos definir nuestros sitios: Vemos tres carpetas ya creadas pero en principio no les vamos a hacer ningún caso. Cuando seas mayor si quieres las cotilleas pero ahora vamos a lo nuestro. En el futuro, puedes cerrar esa ventana pulsando sobre la x de su parte superior derecha y puedes volver a verla siguiendo lo explicado en el paso 2. Cuando te moleste la cierras, cuando te haga falta la abres. Fácil, verdad? Y para qué sirve esto? Lo vemos ahora mismo. Sitio Local y Sitio Virtual Dentro de esa ventana llamada WorkSpace vamos a definir dos sitios. Uno que se llama Sitio Local que se corresponde con la carpeta que tenemos en el ordenador llamada antes "ejemplo-web-cctw" y otro sitio que podemos llamar Sitio Virtual, que será el espacio en internet. Este segundo lo veremos más adelante. Por ahora vamos a definir el Sitio Local de la siguiente forma: 1.- Hacemos clic en la barra de herramientas, donde pone Workspace y escogemos Añadir Carpeta Local/Red. 2.- En la ventana que se abre (como ves, la traducción al español no es completa, pero podremos defendernos, ya verás), tienes que poner la carpeta "pagina-ejemplo-cctw" en el primer hueco (pincha en la carpeta amarilla de su derecha para encontrarla y escogerla) y en el segundo hueco pon un título cualquiera, por ejemplo, "web-ejemplo-cctw-local" y pulsa OK: 3.- Tras pulsar OK verás como aparece este nuevo sitio en la ventana de Workspace: A partir de ahora, cada vez que queramos trabajar sobre archivos de esta página web, en lugar de abrir la carpeta que hemos creado en lecciones anteriores (web-ejemplo-cctw), podemos acceder a ellos directamente desde acá. Ahora sí que podemos ya empezar a crear nuestra página web. Que emocionante...... no? ¿Qué tal crear otro sitio para tus pruebas? Como veo que eres un poco impaciente, vamos a crear una segunda carpeta o sitio local, en el que podrás hacer todos los experimentos que quieras. Así podrás dejar el sitio "web-ejemplo-cctw-local" solo para lo explicado aqui y no te harás un lio mezclando lo que explicamos con tus propias pruebas, vale? Para crear esa otra carpeta local repite los pasos anteriores, y crea otra para tus cosas llamada como quieras, por ejemplo "mis-experimentos". A la hora de crearla te pide una carpeta. Puedes crear una llamada "mis-experimentos" dentro de la carpeta del escritorio llamada "mis-paginas-web" si quieres. Cómo crear la primera página de la web La primera página que vamos a crear es la página principal. La página principal es la que se muestra por defecto al visitante cuando nos visita, la primera que ve. Su archivo ha de llamarse obligatoriamente index.html sea cual sea el servidor donde la alojemos. Como esta página va a pertenecer al sitio "web-ejemplo-cctw", tendremos que apañarnoslas para crearla dentro de ese sitio y no en los otros que aparecen en la ventana de Workspace. Para crearla ponemos el cursor del ratón dentro de la ventana de Workspace, justo encima del sitio "web-ejemplo-cctw" y pulsamos el botón derecho del ratón. Se abre entonces una ventana en la que tenemos que escoger, dentro de la sección New, la opción Create File... Al hacer clic sobre Create File... aparece esta otra ventana: Haz clic sobre la lengüeta en la que pone "General", escoge el tipo de archivo "Blank HTML Page" (página html en blanco) y pulsa Ok. En seguida aparece otra ventana preguntando preguntándonos el nombre que queremos que tenga ese archivo. Cuál debe ser? Cómo? Que no lo sabes? Ejem.... hay que estar más atento! Se tiene que llamar index.html pues será la página principal, así que lo escribimos en esa ventana, con la extensión y todo y pulsamos en Ok: Tras pulsar Ok no vemos nada nuevo, pero el archivo index.html a sido creado. Para verlo solo tienes que hacer clic en el signo "+" que hay a la izquierda del sitio "web-ejemplo-cctw" en la ventana Workspace. Haz clic allí. Como ves, no solo te muestra el archivo index.html sino también la carpeta "objetos" que hemos creado anteriormente. Si te vas a MiPc y abres la carpeta verás como además de la carpeta "objetos" también aparece allí el archivo index.html Ya estamos listos para escribir contenidos el la página principal, index.html así que vamos a la siguiente página y comenzamos el juego! Cómo crear un párrafo en la página web Si has prestado atención a lo dicho hasta ahora, te acordarás de que las cosas que se ven en la web se colocan dentro del cuerpo o Body, es decir, entre las etiquetas <body> y </body> de modo que, si vamos a escribir un párrafo tendremos que hacerlo allí. Empezaremos abriendo el Html-Kit. Una vez abierto nos vamos a la ventana Workspace, hacemos clic en el signo "+" que hay a la izquierda del sitio "web-ejemplo-cctw" para que se muetre su contenido y después hacemos doble clic en el archivo index.html o página principal. Se abre entonces la ventana de ese archivo mostrando todo su código Html. Como por ahora solo vamos a trabajar sobre el index.html podemos cerrar la ventana Workspace para tener más sitio visible. De modo que hacemos clic en la x de Workspace para cerrarla y después maximizamos la ventana del index para ocupar toda la ventana del Html-Kit, quedando así: Esta es la vista llamada "Editor de Html". Como verás, el código de esta página coincide más o menos con el que te expliqué en las primeras lecciones, verdad? Empieza por <html> seguido de la cabecera y después el cuerpo o Body, para cerrarse al final con </html> que como toda etiqueta de cierre lleva su contrabarra "/". Se ve también esa primera línea de la que no te he hablado aún. Esa línea describe el tipo de página que es, las normas de Html que está siguiento. No tiene mayor importancia, la dejaremos y listo. Cambiando el título Vamos a cambiarle el título a esta index. Bastará con escribir el título que quedamos en lugar de donde pone "Page title". Vamos a ponerle todos "Pagina Principal del Ejemplo CCTW". Ya sabes, entre <title> y </title>. Mi primer párrafo Al igual que un título se escribe entre <title> y </title>, un párrafo hay que escribirlo entre las etiquetas <p> y </p>. Así, para escribir por ejemplo "Bienvenidos a mi página web. Muy pronto estará lista!" basta con escribir esa frase encerrada entre esas etiquetas, dentro del cuerpo de la página es decir, entre <body> y </body>. Quedaría así: Claro que con la vista "Editor" no vemos lo que estamos consiguiendo. Para ver cuales son los resultados el Html-Kit dispone de otra vista llamada "Preview" o vista previa, que nos muestra cómo quedaría la web vista por internet. A esta vista previa o preview se accede haciendo clic abajo del todo, junto a donde pone "Editor". Haz clic ahí y veamos como queda nuestro ejemplo por el momento, vale? Bueno, por el momento no es gran cosa pero... sabías hacer esto antes? Pues pronto aprenderás mucho más. No vamos a parar hasta que aprendas a crear páginas como ComoCrearTuWeb, oki? je je, no va a ser dificil, verás. Haciendo clic sobre "Editor", junto a "Preview" puedes volver a ver la vista de código Html. Ya sabemos algo más. Crear un segundo párrafo en la página Para crear un segundo párrafo ya imaginarás lo que hay que hacer, no? Basta con incluir ese segundo párrafo debajo del anterior y encerrarlo entre las etiquetas <p> y </p>. Por ejemplo, vamos a poner este segundo párrafo: "Página creada gracias a CCTW". En la vista "Editor" la página quedaría así: Cómo guardar los cambios realizados Para guardar lo que hemos hecho hasta el momento pulsa en la barra de herramientas, donde pone Archivo y escoge Salvar. Ya puedes cerrar el Html-Kit sin miedo a perder nada. Cómo crear un enlace en la página web Lo importante de una página web es la posibilidad de navegar de unas páginas a otras sin más que hacer clic en los enlaces, así que vamos a aprender a crearlos. Para crear un enlace hay que decidir dos cosas, una es desde qué palabra de nuestra web lo queremos hacer y segundo a qué página lo queremos dirigir. Para ello cierra el Html-Kit y lo vuelves a abrir (se supone que has guardado los cambios hechos en la página de antes). Ahora vuelve a abrirlo y aparecerá el Html-Kit en blanco. En ese caso ya sabes, pulsa sobre Ver > Workspace para que aparezca la ventana de los sitios ( la ventana Workspace) y una vez que aparezca haz clic en el signo "+" a la izquierda de "web-ejemplo-cctw" para ver su contenido. Ppara terminar, doble clic sobre el archivo index.html para ver su código. Tras esto, como sabes, puedes cerrar la venata de Workspace para tener más espacio. El código Html de los enlaces o vínculos Como estarás sospechando, los enlaces empiezan con una etiqueta y terminan con otra de cierre. La etiqueta de inicio para definir enlaces es <a> y la de cierre </a>. La palabra que encerremos entre esas dos etiquetas será la que el visitante pueda pinchar para acceder a la página enlazada. Por lo tanto, si la palabra fuera "palabra" la línea quedaría así: <a>palabra</a> Pero con esto no conseguimos nada, pues de alguna manera hay que indicar a qué página queremos enviar al visitante al hacer clic allí, no? Esto se define dentro de la etiqueta de inicio, de este modo: <a href="ruta">palabra</a> Donde pone "ruta" hemos de poner la dirección completa del lugar a donde queremos mandar al visitante. Como queremos enlazar a una web externa, pondremos entre las comillas su ruta absoluta que es esta: http://www.comocreartuweb.com quedando el código del enlace de este modo: <a href="http://www.comocreartuweb.com">CCTW</a> Te dejo una vista del Html-Kit para que lo veas más claro, vale? En la misma o en otra ventana? Si no se indica ninguna cosa más, cuando el visitante haga clic en el enlace la página destino se abrira en la misma ventana, pero si quieres que en lugar de eso se abra en una ventana distinta (por ejemplo, para que no se pierda la web anterior) has de indicárselo dentro de la primera etiqueta. Yo te recomiendo que todos los enlaces hacia páginas de tu misma web se abran en la misma ventana, y que todos los enlaces hacia páginas externas las abras en ventanas diferentes. Como este enlace apunta a una página externa (no forma parte de la web de ejemplo) le vamos a indicar que ha de abrirse en una ventana distinta y esto se hace añadiendo este trozo de código target="_blank" quedando por tanto el código así: Los estilos css El mayor problema que encontramos los que hacemos páginas web es el conseguir que se vea idéntica en cualquier navegador. A veces terminamos una web que se ve perfecta en Explorer y de pronto viéndola con el Opera o con el Firefox descubrimos que está toda desordenada. Esto pasa porque no todos lo navegadores interpretan igual las cosas que escribimos en el código Html. Para evitar esto lo mejor es usar estilos CSS. Mucha gente piensa que es algo complicado, pero como lo vamos a ir aprendiendo sobre la marcha no te va a resultar nada dificil, ya lo verás. La idea es colocar en las páginas web solamente los contenidos, sin tener en cuenta colores, tamaños, anchuras ni nada de nada, solo contenidos puros y duros. Por otro lado crearemos un archivo aparte donde definiremos todas las características que queremos que tenga cada elemento de cada una de las página de la web. De este modo si un día creemos por poner un caso que el tamaño de la letra es muy pequeño y queremos hacerlo más grande, solo tenemos que indicarlo en ese archivo de características y automáticamente el tamaño de letra quedará cambiado en tooodas las páginas de nuestra web. Genial, no? Lo mismo podremos hacer a la hora de cambiar el fondo de la página, la posición de cierto elemento, el color de fondo de una parte, el coloreado de los enlaces.... todo lo que tenga que ver con el modo de presentar las cosas de la web se queda definido en ese archivo de características, vale? La hoja de estilos css Este archivo de características se llama Hoja de Estilos y aunque podemos ponerle el nombre que queramos, vamos a llamarlo siempre estilos.css para no liarnos. La extensión, .css es obligatoria. Por un lado hemos de crear ese nuevo archivo y por otro lado hemos de indicar en cada una de las páginas de nuestra web que ha de leer esa Hoja de Estilos para saber cómo queremos que se presenten los elementos de la web. Crear la Hoja de Estilos "estilos.css" Para crear la hoja de estilos volvamos a abrir el Html-Kit y activamos la vista de Workspace para tener a mano el sitio "web-ejemplo-cctw". Igual que hicimos para crear la página principal index.html ahora vamos a hacer algo parecido para crear el archivo estilos.css Hacemos clic con el botón derecho del ratón sobre la carpeta del sitio "web-ejemplo-cctw" de la ventana Workspace y escogemos New > Create File... Se abre entonces la ventana que nos pregunta qué tipo de archivo queremos crear. Escogemos este que os enseño en la imagen de abajo: Fíjate que está en la primera pestaña, donde pone StyleSheet que significa Hoja de Estilo y que hemos escogido "Blank Style Sheet" que significa Hoja de Estilo en blanco. Al pulsar Ok nos pregunta qué nombre queremos darle al nuevo archivo. Escribimos "estilos.css" Tras pulsar Ok aparece este nuevo archivo en la lista de archivos del sitio "web-ejemplo-cctw" de la ventana Workspace, nuestra Hoja de Estilo para variar, en blanco. Relaccionar la Hoja de Estilos CSS con la página web Ahora que tenemos creada la Hoja de Estilos (en blanco, pero la tenemos) hay que decirle a la página web index.html que tiene que leer las características que hay en estilos.css para que sepa qué propiedades queremos que tenga cada elemento de la página. No te preocupes si no te enteras mucho de cuáles con estas características, pues lo vamos a ver muy pronto y te va a quedar bien clarito. Como los estilos no son un elemento que aparecerá en la página sino algo que indica cómo se han de mostrar los elementos (color, tamaño, etc), parece fácil adivinar que los estilos (o la llamada a la hoja de estilo) hay que indicarlos dentro de la cabecera o Head de la página no? Pues vamos allá. La línea de código Html que tenemos que incluir en la cabecera, es decir, entre <head> y </head> es esta: <link rel="stylesheet" href="ruta/estilos.css" type="text/css" media="all"> (No pongas lo escrito en rojo. Eso significa que en ese lugar tienes que escribir la ruta, no que tengas que escribir "ruta/" literalmente. Sigue leyendo para tenerlo más claro) Lo único que tendrás que cambiar en algunas ocasiones de esa línea es ruta/. Vamos a usar una ruta relativa para indicar dónde ha de leer la página index.html el archivo estilos.css Como tanto la página index.html como el archivo estilos.css están en la misma carpeta, basta con escribir el nombre del archivo de la Hoja de Estilo. Esto es, usar rutas relativas. El código Html ha de queda entonces así. <link rel="stylesheet" href="estilos.css" type="text/css" media="all"> De modo que abrimos el Html-Kit, abrimos la página index.html y escribimos esa línea de código dentro del Head, quedando de esta forma: Si ahora nos vamos a la vista previa haciendo clic en "Preview" (en la parte de abajo del Html-Kit) verás como no hay cambio alguno. Esto es porque la Hoja de Estilo (estilos.css) está todavía vacia, pero te prometo que te va a encantar el invento este cuando veas de lo que es capaz. Explicando el color y la imagen de fondo de una página web Aunque podemos indicar un color y/o un fondo de página directamente en el código Html, vamos a hacerlo en la Hoja de Estilos para evitar los problemas y aprovechar las ventajas que te he comentado en la página anterior. Así de paso, vamos a prendiendo a usar el archivo estilos.css para definir las características de las página web. Color de fondo Por defecto, el color de fondo de una página web es el blanco. Si queremos cualquier otro tenemos que indicarlo. El elemento al que tenemos que decir que tiene que tener el color que queramos es el Body, pues engloba a todo "lo que se ve" de la página web. Los colores se definen por un código muy raro (como por ejemplo #E6E6FA). Te dejo aquí un enlace con una lista de colores y sus códigos que te puede venir muy bien. Para indicar el color deseado, abrimos el Html-Kit, activamos la ventana Workspace y abrimos la Hoja de Estilos creada antes. Escribe en ella este código: body {background-color: #E6E6FA} En adelante, cuando escriba códigos de CSS los pondré en color verde para distinguirlos del código Html que lo pondré de color azul. Si ahora guardas el archivo estilos.css, abres el index.html y pulsas abajo en "Preview" para ver como queda, verás como el fondo ahora es del color elegido. Y verás que no hemos tocado el index.html para nada. Si en lugar de solo el index tuvieramos 500 páginas pasaría lo mismo, todas cambiarian con solo retocar el archivo estilos.css y en cambio si no usaramos Hoja de Estilos tendríamos que cambiar el color de fondo en las 500 páginas, una a una, a mano!!... es un buen invento o no? Pues aún hay webmasters que no lo saben usar... vaya tela. Imagen de fondo La imagen de fondo se define de forma similar al color de fondo. Primero vamos a escoger una imagen que nos guste. Cuando la tengas, copiala y la pegas en la carpeta "objetos" que hemos creado lecciones atrás en tu escritorio, dentro de la carpeta "web-ejemplo-cctw" que hay en la carpeta "mis-paginas-web", y una vez copiada allí le cambias el nombre y le pones "fondo.png". Suponiendo que le hemos puesto de nombre fondo.png el código a insertar en la hoja de estilos sería este: body {background-color:#E6E6FA ; background-image:url(objetos/fondo.png);} Fíjate como hemos separado la propiedad color de fondo de la propiedad imagen de fondo con un punto y coma, tal y como te comenté antes. Explicando el Background-Image En este caso la propiedad se llama background-image y sirve para indicar el archivo de imagen de fondo que ha de tener la web. La ruta del archivo de imagen se escribe entre los paréntesis tal y como hemos visto en el código. Por defecto, es decir, si no decimos lo contrario, esta imagen de fondo se repetirá horizontal y verticalmente para ocupar todo el fondo de la página, como formando un mosaico. Se puede hacer que no se repita, que se repita solo horizontalmente, o solo verticalmente e incluso que no se repita y colocarlo en el centro, o en la parte baja o a la derecha.... En cambio no es posible conseguir que solo salga una vez y que a la vez se expanda ocupando toda la página. Vamos a ver todas esas opciones. Background-Repeat Para que el fondo solo salga una vez hay que decirle, en la misma línea de la hoja de estilo que no se repita, de este modo: background-repeat:no-repeat quedando así el código de la Hoja de Estilos: body {background-color:#E6E6FA ; background-image:url(objetos/fondo.png); background-repeat:no-repeat;} Para que el fondo se repita solo horizontalmente, se pone esto en su lugar: background-repeat:repeat-x body {background-color:#E6E6FA; background-image:url(objetos/fondo.png); background-repeat:repeat-x;} Para que se repita solo verticalmente se escribe: background-repeat:repeat-y body {background-color:#E6E6FA; background-image:url(objetos/fondo.png); background-repeat:repeat-y;} Para que se repita vertical y horizontalmente no hace falta poner nada, pero si lo deseas puedes poner esto: background-repeat:repeat, tal que así: body {background-color:#E6E6FA; background-image:url(objetos/fondo.png); background-repeat:repeat;} Aún hay otro valor posible que podemos dar. Se trata del valor "inherit" que significa algo así como fondo anclado. Significa que aunque movamos la web el fondo quedaría fijo y solo se desplaza el contenido, no el fondo. Eso si, no funciona en todos los navegadores, tenlo en cuenta si lo aplicas. Background-Position También puedes elegir que el fondo aparezca arriba y centrado, abajo a la izquierda y todas estas combinaciones con la propiedad background-position. Te dejo un ejemplo para que lo pruebes y veas como funciona: body {background-color:#E6E6FA; background-image:url(objetos/fondo.png); background-repeat:no-repeat ; background-position:left bottom;} Los valores que puede tomar son: top (arriba), center (centrado) y bottom (abajo) para la alineación vertical; y left (izquierda) center (centro) y right (derecha) para la alineación horizontal, de modo que puedes usar cualquiera de esas combinaciones. Aunque no se recomienda, también puedes usar distancias, es decir, indicarle que se posicione a 50 pixeles desde la derecha y 100 pixeles desde arriba, así: background-position: 50px 100px. Un pixel es una medida de distancia y equivale a un puntito de tu monitor. Si te acercas mucho mucho a tu monitor, casi pegando las narices a él, verás que todo está hecho con puntitos. Pues cada uno de esos es un pixel. Para hacerte una idea, estas letras que lees deben tener unos 10 pixeles de ancho cada letra. Una página web suele tener una achura de 800 pixeles. Background-Attachment Esto no funciona en todos los navegadores y hace que la imagen de fondo se quede fija mientras mueves la página con la barra de desplazamiento o que se mueva con ella. Los valores a tomar son fixed o scroll. Pero no te lo recomiendo por que depende del navegador conseguiras el efecto o no. Aplicando color e imagen de fondo a nuestro ejemplo Ups, creo que en la guia de antes me he pasado un poco escribiendo. Solo acuérdate de que ahí hay información de los fondos por si algún día te hace falta. Vamos ahora a aplicar un color de fondo a la web de nuestro ejemplo. Aplicando el color de fondo Tal y como hemos visto antes, para aplicar el color de fondo #E6E6FA a la página web pondremos a la etiqueta body de nuestra hoja de estilo lo siguiente (ya sabes, abres el Html-Kit y abres la hoja de estilo para insertarle esta línea): body {background-color: #E6E6FA} Aplicando una imagen de fondo Suponiendo que hemos escogido esta imagen para el fondo de la web (lo se, es horrible, pero para el ejemplo sirve, no?): Y suponiendo que la hemos guardado en la carpeta "objetos" y que la hemos llamado "fondo.png", abrimos la hoja de estilo y dejamos la línea de antes así: body {background-color:#E6E6FA ; background-image:url(objetos/fondo.png);} Como no quiero que se repita, le pongo tambien esto: body {background-color:#E6E6FA; background-image:url(objetos/fondo.png); background-repeat:no-repeat ;} Además la quiero centrada tanto vertical como horizontalmente, así que le añado esto: body {background-color:#E6E6FA; background-image:url(objetos/fondo.png); background-repeat:no-repeat; background-position:center center;} En otros navegadores no pasa nada, pero en Firefox es necesario especificar la altura del body para que el fondo salga centrado verticalmente. Para conseguirlo solo hemos de indicar en esa misma línea que el body va a tener una altura del 100%, esto es... que va a ocupar lo que tenga que ocupar. Una chorrada, lo se, pero si no el Firefox no se lo traga, de modo que lo ponemos y listo, perfecto: body {background-color:#E6E6FA; background-image:url(objetos/fondo.png); background-position:center center; background-repeat:no-repeat; height:100%;;} A veces hay que buscar el truco para que se vea bien en cualquier navegador y la mayoria de veces es un calentamiento de cabeza tremendo, pero tú tienes la suerte de contar con CCTW, je je je. La página de ejemplo, tras guardar la hoja de estilo, se vería así con cualquier navegador (espero...): Cómo insertar una imagen en una página web Vamos a insertar una imagen en nuestro ejemplo En primer lugar necesitaremos una imagen guardada en la carpeta "objetos", que para eso está. Copia esta misma que dejo debajo, la guardas en tu carpeta "objetos" y seguimos. Recuerda que para copiártela solo tienes que poner tu ratón sobre ella, apretar el botón derecho del ratón y escoger "Guardar imagen como...". Ponle el nombre sonrisa.gif y seguimos adelante. Si ya tienes ese archivo guardado en "objetos" abre ahora el Html-Kit y la página index.html para continuar. Vamos a colocar la imagen entre el párrafo donde dice "Bienvenidos a mi página web" y el que dice "Página creada....". Como va entre los dos, nos vamos al Html-Kit a la vista "Editor" y ponemos el cursor después del primer </p> (al final de la línea de código del primer párrafo). A continuación pulsamos Intro para crear una nueva línea e insertamos esto (como te he dicho, la encerramos entre nuevos <p> y </p> que también debemos escribir): <p><img src="objetos/sonrisa.gif" width="60px" height="60px" alt="Bienvenidos al ejemplo de CCTW" /></p> Quieres aprender a hacerlo directamente desde las opciones del Html-Kit? Situa el cursor al final del primer párrafo, como antes. Pulsa Intro para crear una nueva línea y seguidamente ve a la barra de herramientas del Html-Kit y escoge Etiquetas > Imagen > Insertar Imagen... Aparece entonces esta ventana: Pulsas sobre Add... y en la ventana que se abre (mira la imagen de aqui arriba) busca la carpeta "objetos". Tras pulsar en Aceptar se ve esto en la misma ventana: Si seleccionas el archivo "sonrisa.gif" del cuadro de la derecha, verás como aparecen una serie de datos que te he señalado en rojo en la foto de arriba. Aparce la ruta relativa, lo que ocupa, el ancho, el alto, etc. Curioso, verdad? Nos falta ya que estamos ahí poner la descripción. Para eso pulsamos a la derecha de donde pone "alt" (arriba a la izquierda, junto a la ruta relativa) y escribimos la descripción que te dije antes "Bienvenido al Ejemplo de CCTW". Como verás hay muchísimas más opciones para las imágenes en esa ventana, pero por ahora lo dejamos así, para no saturarnos, oki? Tras escribir la descripción y pulsar Ok, vemos como aparece la línea de código en nuestra index.html aunque le falta colocarle las unidades, es decir, escribir "px" tras cada cantidad de anchura y altura. Ponlo tú mismo a mano (sin dejar espacios entre el número y el px !!!) y seguimos. Cómo insertar un enlace a tu E-Mail Código Html de un enlace de E-Mail Como vas a ver, es muy parecido al código Html de un enlace a otra página web. Solo cambian una palabrilla, y por supuesto la ruta, que en este caso será simplemente tu dirección E-Mail. La línea de código en Html es la siguiente: <a href="mailto:[email protected]">Texto que quieras poner para hacer clic en él </a> Donde pone "Texto que quieras poner.." escribe las palabras que verá el visitante y donde ha de hacer clic para enviarte el mensaje. Puedes poner "Envíame un E-Milio", "Clic para escribirme" o simplemente la propia dirección de tu E-Mail. Enlace de E-Mail en una imagen Primero guárdate esta imagen en tu carpeta de "objetos" para poder seguir. Al guardarla ponle de nombre buzon.gif Ya tenemos tres archivos en la carpeta de "objetos": Ahora abre el index de tu Html-Kit y pon la vista "Editor". Como siempre, puedes cerrar la ventana de Workspace de la derecha para tener más sitio y maximizar la ventana del index. Pon el cursor del ratón justo al final de la línea de código del último párrafo (justo antes de </body>), pulsa con el ratón una sola vez para colocar el cursor allí y pulsa luego el Intro para crear una nueva línea. Como te dije anteriormente, conviene poner las cosas dentro de un párrafo, de modo que creamos ese párrafo aún vacio escribiendo sus etiquetas <p> </p>. Ahora situa el cursor dentro de ese párrafo (colocándolo entre <p> y </p>) y en el Html-Kit tal y como hicimos anteriormente pulsa en insertar una imagen (te dejo una foto para que recuerdes cómo era): (Fíjate como en la línea número 15 del código html en la imagen de arriba, he escrito ya <p></p> y he colocado el cursor entre esas dos etiquetas) Y del mismo modo que la otra vez, ponemos algunos datos en la ventana que aparece: Fíjate como tras seleccionar el archivo buzón en la ventana derecha de arriba, podemos escribir el "alt" del que hablamos páginas atras, y como por fín he descubierto como poner las unidades en el ancho y alto de la imagen.... era obvio verdad?. Pues si, escribe "px" detrás de cada cifra de auchura y altura después de poner al "alt" y luego pulsa el Ok. Automáticamente aparece esa nueva línea de código Html en la ventana de nuestro index <img alt="Pulsa para escribirme un E-Mail!" src="objetos/buzon.gif" height="32px" width="32px" /> Y si le das a "preview" podrás ver el buzón en cuestión. Vamos ahora a colocarle el enlace a nuestro E-Mail. Enlace de E-Mail con Html-Kit: Para insertar un enlace de E-Mail desde una imagen, tienes que seleccionar todo el código html de la imagen primero. Si te cuesta trabajo seleccionarlo, prueba colocando el cursor en el inicio y luego haciendo clic pulsando a la vez la tecla "Shift" (es la flecha que apunta para arriba, esa que se pulsa para escribir mayúsculas, justo encima del "Control" de tu teclado teniendo el cursor al final del código que quieres seleccionar. Lo que tienes que seleccionar es el que he puesto arriba, desde <img alt="...... hasta 23px" />. No selecciones la parte de <p> ni la de </p>. Una vez seleccionado pulsa en la barra de herramientas del Html-Kit sobre Etiquetas > Crear Link...: Se abre la ventana de los links y vemos como en la ventana de la parte inferior derecha aparece la imagen seleccionada (aunque puede que no se vea). Ahora en la lista de opciones de la izquierda de esa ventana, en la línea que pone href escoge "mailto:", así: y a continuación de mailto: escribe tu dirección de correo. Los estilos CSS para las imágenes con enlaces Como verás si pulsas en "Overview" o vista previa, la imagen del buzón de correo aparece recuadrada en azul. Esto es porque por defecto, los enlaces aparecen siempre subrayados con una lína azul, para indicar que son enlaces. Cuando se hace un enlace desde una imagen en lugar de aparecer subrrayada aparece recuadrada en azul. Esto no queda demasiado bien, de modo que vamos a corregirlo.Verás qué rápido y fácil se hace esto con la hoja de estilo y sin tocar para nada el index. Cierra el index.html de tu Html-Kit y abre la hoja de estilos llamada "estilos.css". Verás como solo tenemos aquella línea que habiamos definido para el body. Vamos a incluir otra línea más con este contenido: img {border-style:none;} Esto indica que, todos los elementos de imagen (img) han de cumplir lo que hemos puesto entre corchetes, es decir, que no tengan ningúna tipo de borde. Si guardamos la hoja de estilo y abrimos el index.html veremos como en el "Overview" o vista previa ya no aparece ese recuadro. Tampoco saldrá ya en ninguna de las imágenes de ninguna de nuestras páginas. Buen invento esta hoja de estilos, verdad? Pues aún tiene cosas mejores, ya lo verás más adelante. http://www.comocreartuweb.com/ejemplo-con-divs/web-paso-a-paso.html