Apunte Tablas en HTML

Para crear las siguientes tablas →
Se empieza por el <table>
<tr> fila
<td> celda
Esto es lo básico pero también se le puede estilos con el "style" estos pueden ser el color de fondo es "background: "  (Para ver los colores en esta página: HTML Colores"

Luego el borde "border: x px+ siguientes posibilidades"
En lo referente a los tipos de bordes existen las siguientes posibilidades:

• none: sin línea.
• solid: con línea continua (valor por defecto).
• dotted: línea punteada.
• dashed: línea discontinua (segmentos cortos de línea).
• inset: línea con el color en bajorelieve.
• outset: línea que simula el relieve.

El primer ejemplo es este:

<table style="background: olive; border: 1px solid;">

<tr>
<td >Celda 1</td>
<td >Celda 2</td>
<td >Celda 3</td>
</tr>
<tr>
<td>Celda 4</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
</table>

Celda 1	Celda 2	Celda 3
Celda 4	Celda 5	Celda 6

---

En el "borde radius" cuanto mas px mas circular 

<table style="background: blue; border: 10px dotted red; border-radius:22px;">
<tbody>
<tr>
<td style="background: olive; border: 1px solid;">1</td>
<td style="background: olive; border: 1px solid;">2</td>
</tr>
<tr>
<td style="background: red; border: 1px solid;">Celda 4</td>
<td style="background: red; border: 1px solid;">Celda 5</td>
</tr>
</tbody></table>

1	2
Celda 4	Celda 5

---

<table style="background: blue; border: 10px dotted red; border-radius:22px;" width="150" height="150">
<tbody>
<tr>
<td style="background: olive; border: 1px solid;">1</td>
<td style="background: olive; border: 1px solid;">2</td>
</tr>
<tr>
<td style="background: red; border: 1px solid;">Celda 4</td>
<td style="background: red; border: 1px solid;">Celda 5</td>
</tr>
</tbody></table>

1	2
Celda 4	Celda 5

Ejercicios Tabla

Celda 1	Celda 2	Celda 3	Celda 7
Celda 4	Celda 5	Celda 6

---

Celda 1	Celda 2	Celda 3	Celda 7
Celda 4	Celda 5	Celda 6

---

Celda 1	Celda 2	Celda 3	Celda 7
Celda 4	Celda 5	Celda 6

---

Celda 1	Celda 2	Celda 3	Celda 7
Celda 4	Celda 5	Celda 6

---

Celda 1	Celda 2	Celda 3	Celda 7
Celda 4	Celda 5	Celda 6

---

Celda 1	Celda 2
Celda 4	Celda 5

---

1	2
Celda 4	Celda 5

---

1	2
Celda 4	Celda 5

---

1	2
Celda 4	Celda 5

---

1	2
Celda 4	Celda 5

---

1	2
Celda 4	Celda 5

---

1	2
Celda 4	Celda 5

---

1	2
Celda 4	Celda 5

---

1	2
Celda 4	Celda 5

Inteligencia Artificial ¿Aliado o enemigo?

La Inteligencia Artificial en pocas palabras consiste en intentar imitar la inteligencia humana mediante el acceso de nuevas tecnologías, software, hardware y algoritmos. Este tipo de inteligencia podría parecer que se ha cogido recientemente pero surgió en el 1956 en manos del precursor de la informática moderna Alan Turing 

 

Vamos a ver la aplicación mas reconocida de Inteligencia artificial, Chat GPT que va aprendiendo el aprendizaje supervisado y el de refuerzo. Y con eso nos vamos a la pregunta del título: 

¿La Inteligencia Artificial es tu aliada o tu enemigo? 

Bien pues para eso hay que saber las ventajas y desventajas: 

Ventajas 

• Automatización de Procesos 
• Reduce el error humano 
• Aporta precisión 
• Agiliza la toma de Decisiones 

Desventajas 

• Dificultad de acceso a los datos 
• Falta de profesionales cualificados 
• Desarrollo costoso 

 

Desde mi punto de vista, la IA como la revolución de las tecnologías no son ni aliados ni enemigos, es según el uso que le das. Son simple objetos, maquinas hechos por el Ser Humano que han ayudado ha hacer la vida mas sencilla y útil para nosotros. Si tuviésemos miedo, no evolucionaríamos y nuestra vida seria más complicada. 

Ahora gracias a la IA se puede clonar de voces de artistas famosos, y bien la pregunta es la siguiente ¿Es la clonación de voces una manera ética o no ética para ti? Puede que las hayas escuchado en Tik Tok, a mi por lo menos me gustan como queda pero pienso en que han cogido voces que no son suyas sin el consentimiento y pienso : ¿Y si te harían eso con algo que no ha salido de tu boca, te ofendería?

Opinión sobre El precio de la información gratuita

 

Seguramente habrás oído a la gente que navega por Internet, que al registrarse en esa pagina "gratis" no tiene ningún seguimiento.  Pero la realidad es que nada es gratis, todos tus registros y donde navegas en la red, se queda en una base de datos infinita.

Puede que con una persona no se pueda hacer nada con esa información pero recordemos que en Internet entran muchos millones de personas al día, ya que internet es una revolución. Una persona no aporta nada a una empresa pero un montón de ellas si, pueden hacer una estimación, cada vez mas exacta,  de que decide la mayoría de un país en temas importantes como las elecciones e incluso si se tiene un mal cambiarlas a tu favor. A nivel individual te ayuda este algoritmo a realizar una búsqueda exacta. 

Seguro que dices que en internet no se sabe nada de ti y por eso le haces preguntas que no se las harías a las personas de tu confianza, pues bien eso forma parte de tu huella digital y eso seguramente no querrás que nadie se entere. Esa información puede llegar a manos equivocada y con ello perjudicar a la persona. 

¿Qué es la huella Digital? 

👇👇

 

En definitiva ¿Qué es  mejor no pensar que información tiene internet de ti o ser consciente de ello? Es una pregunta en la que cada uno tiene su punto de vista 

Apuntes HTML

 Añadir enlace HTML en BLOGGER 

• Crea el Enlace 

<a> </a> Siempre para abrir <..> hay que cerrar </...> 

• Añade el Destino 

<a href="Enlace web"></a>  href es lo que marca la dirección o destino 

• Coloca el Texto de ancla, es decir el que te va a llevar al enlace 

<a href="Enlace web">Texto de enlace (es decir si pulsas te lleva al enlace)</a>

Mi Facebook

---

Añadir enlace a una imagen 

<a href="Enlace"><img src="Enlace de una imagen" /></a>

 

---

Como enviar un  correo 

   <a href="mailto:Email"> Lo que quieras decir para que te contacten</a>

Contacto

---

Imagen + Enviar correo 

<a href="Enlace"><img src="Enlace de una imagen" /></a>  <a href="mailto:Email"> Lo que quieras decir para que te contacten</a>

Contacto                                                 

Posicionamientos SEO y SEM

Posicionamiento natural: SEO

Para que el posicionamiento SEO sea eficaz:

• Conseguir que otras webs de temática relacionada enlacen con tu web
• Darse de alta en directrices importantes (ej: Yahoo)
• Registrarse y participar en foros relacionados con tu temática
• Escribir artículo en otras webs
• Participar en las RRSS y conseguir “amigos”
• Crear contenido con textos que incluyen palabras clave
• Usar negrita y cursiva para las palabras clave
• Hacer la web accesible (ej: evitar Javascript)
• Crear títulos únicos y descripciones en cada página
• Actualizar con contenidos original de calidad
• Optimizar el tiempo de carga
• Mejorar la experiencia del usuario con la mejora del diseño
• Alojar la web en un servidor fiable

Posicionamiento de Pago: SEM

Decisiones que mejoran el posicionamiento SEM

• En qué sistema publicitario anunciarse: Adwords, Overture, Espotting...
• En qué sitios web anunciarse
• Qué palabras comprar
• Con qué presupuesto contamos
• Qué textos elegir
• Qué segmentación elegir

¿Qué es y para que sirve Hacienda?

Hacienda (Agencia Tributaria) es un organismo público que se encarga de obtener dinero de los ciudadanos para poder financiar las actividades del Estado 

¿Qué pienso de los impuestos?

Hay muchos  impuestos, yo creo que se deberían reducir los impuestos, para que así los ciudadanos tengamos más poder adquisitivo, lo cual significa que muchas mas empresas vendrán a invertir a nuestro país  y así el Estado recauda mas que con una elevada cantidad de impuestos porque el que tiene dinero va a querer tener más y más. Lo malo es la Inflación es el aumento generalizado y sostenido de los precios de los bienes y servicios existentes en el mercado durante un determinado período de tiempo. Cuando el nivel general de precios sube, con cada unidad de moneda se adquieren menos bienes y servicios.
Aunque por otra parte te dirán que no tener tan elevada cantidad de impuestos afectara al Estado y como consecuencia al Estado de Bienestar, dirán que afectara a la sanidad y a la educación pero no.
En definitiva los impuestos son necesarios para poseer ciertos servicios del Estado pero no ahogarnos a impuestos, mi opinión es que el Estado reciba menos impuestos y tengamos mas poder adquisitivo porque así decimos en que gastar nuestro propio dinero y así habría menos malgasto de dinero público. 

Diferencias entre Sitemap y Mapa de Sitio

 Un Sitemap es un archivo XML (Lenguaje de Marcas Extensible), que facilita la enumeración de las páginas que organizan nuestra web y que hacemos que los motores de búsqueda la rastreen. 

Un mapa de sitio es una pagina web (HTML) con el fin de que loa usuarios y el propietario, cuyo fin es ver todas las paginas de contenido que contiene ese sitio. 

Blogger 

Si tienes Blogger, tienes que vincularlo a Google Console. y ya después meterte en Sitemaps. 

Y aquí insertar el Código fuente: 

atom.xml?redirect=false&start-index=1&max-results=500

Pero OJO, con ese código le estas enviando a Google las primeras 500 entradas de tu blog (de la 1 a la 500).
Si tuvieras más de 500, lo que debes hacer es crear un sitemap por cada 500 entradas. Pero OJO otra vez, no basta con poner un código con un 1000 al final, sino que tendrías que introducir el de 1 hasta 500 , darle a Enviar y luego otro desde 501 hasta 1000.  Y así sucesivamente, si tuviera 1000 sería así: 

Ejemplo de Sitemap de Blogger con 1000: 

1. atom.xml?redirect=false&start-index=1&max-results=500
2. atom.xml?redirect=false&start-index=501&max-results=1000

Google Analytics

 ¿Qué es?

Google Analytics es una herramienta y plataforma online desarrollada por Google para medir y analizar lo que ocurre en un sitio Web o en una aplicación móvil.

¿Cómo registras una propiedad?

1. Inicia sesión en Google Analytics..
2. Accede a su vista.
3. Abre la pestaña Informes.
4. Haz clic en En tiempo real.

¿Qué es un flujo de datos?

El flujo de datos te permite conocer la cantidad de usuarios que han visitado esa página o grupos de páginas. 

Para ello:

1. Abre Informes
2. Selecciona audiencia-Flujo de usuarios Audience > Users Flow.
3. Puedes compartir la información con compañeros

¿Que es Google Search Console?

 ¿Qué es?

Google Search Console es un servicio gratuito de Google que te ayuda a supervisar, mantener y solucionar los problemas de aparición de tu sitio web en los resultados de la Búsqueda de Google.

¿Cómo iniciarlo? 

No necesitas registrarte en Search Console para que se te incluya en los resultados de la Búsqueda de Google, pero este programa te permite entender y mejorar la manera en que Google ve tu sitio web.

TRANSFORMACIÓN DIGITAL PARA EL EMPLEO: MÓDULO 1/4

La Tecnología sirve para mejorar Empresas y mas avances 

Transformación digital es igual a la  digitalización y Cambio Cultural. 

Groundswelll: Fenómeno social que consiste en que las personas utilizan las tecnologías para intercambiarse lo que necesitan, sin recurrir a entidades tradicionales como las empresas. 

Personas, Negocios y Tecnología con Multitarea

Las personas confían mas en la opiniones de otras personas que en las marcas en cierta parte al gran auge de las RRSS y al fácil acceso a escribir una opinión  en internet y por eso estamos muchos mas informados con constantes generadores de información. 

En la actualidad poseemos: 

• Internet y conectividad (24x7)
• Fibra óptica y 5 G >>> Cloud 
• Abaratamiento de costes 
• Innovación tecnológica desde el mercado de consumo 
• Mejoras exponenciales por combinación de tecnologías

Conocer por qué muchas personas están optando por pagar sólo por lo que van a utilizar en lugar de tenerlo en propiedad.

Joy

Joy una mujer con una familia no estructurada, decidió crear y presentar su producto (fregona milagrosa) ya que  debes conocer muy bien tu producto y saber explicarlo porque si no sirve para nada como vemos en el caso del presentador de la película.. También aprendí que en los negocios no hay amigos, cada negocio se saca las castañas del fuego . Siempre es bueno encontrar una fuente de apoyo en la familia o como es en este caso en sus amigos.

Como hacer tu propio calendario

Hoy vamos a ver como se inserta un código de un calendario  y editarlo. Para eso nos vamos a esta pagina web: Pinche aquí. Luego te vas a recursos y por ultimo a calendario.

Bien ya estamos dentro, ahora elegimos el calendario. y luego abrimos Brackets que es un programa de un editor de código fuente con un enfoque principal en el desarrollo web como pueden ser BlueGriffon, Notepad++...

¿Y ahora como cambiamos la imagen de fondo?

Pues metiéndose en el código fuente, descargándose la imagen de fondo, editándola con un editor de imágenes, guardar, nos registramos en Flickr y luego subirlo a Flickr.

Y listo.  

¿Qué es Flickr? 

Es un sitio web que permite almacenar, ordenar, buscar, vender​ y compartir fotografías o vídeos en línea, a través de Internet.

Charla por un Internet seguro

 El pasado Viernes tuvimos una charla sobre "La salud en Internet" gracias a Logrosaludable. La verdad que no fue para aprender algo nuevo sino para recordar cosas útiles y así tenerlos mas en cuenta. 

De las cosas mas importantes que dijeron fue:

• Nada es gratis. Tu información es muy valiosa para las empresas.
• Los permisos de cuando lees están escritos en lenguaje muy aburrido y letra muy simplona para el ojo humano ya que es para que nadie lo lea 
• A día de hoy muchos jóvenes padecen nomofobia (miedo al no estar conectado a Internet) 
• Las cookies las aceptamos sin saber lo que eso implica. Dejamos huella en los sitios web que visitamos por eso nos sale anuncios relacionados en relación a lo que hemos visitado.
• No subir fotos comprometidas de otra persona ya que es un delito, ni enviar fotos tuyas si no tienes excesiva confianza. 
• Siempre que vayas a subir a otra persona a RR.SS pedirle permiso. 

Los inicios de Mcdonald´s "The Founder"

Esta película abarca los inicios de la gran franquicia de McDonald´s. McDonald´s se caracteriza por la rapidez  (sistema spinning).  Esta película habla de 3 personas: Los hermanos McDonald´s y Ray Krock, el que convirtió McDonald´s en una franquicia, es decir el vio negocio en los hermanos. Al principio cobraba por la comida pero mas tarde vio que era mejor cobrar por bienes e inmuebles. 

Las conclusiones que podemos  sacar son:

• En los negocios no hay amigos: En esta película nos que hay que velar por tus intereses ya que si eres demasiado benevolente te van a pisotear. 
• La perseverancia y creer en ti mismo es lo mas importante: Si no crees en ti mismo ¿Cómo vas a conseguir lo que quieres?
• Hay que trabajar duro para obtener el éxito o lo que quieras  
• El éxito se alcanza juntándose con uno mas listo que tu en otra materia

CRMF Lardero: Especial Día de la Mujer

Hoy en el CRMF de Lardero he visto un stand de libros feministas y entre todos los que estaban me ha llamado la atención la novela de Patricia Highsmith "Me interesa la moral a condición de que no haya sermones.". 

¿Por qué Patricia Highsmith se considera feminista?

Se consideraba revolucionaria en contra de las actitudes de  sumisión y obediencia de las mujeres de aquella época. 

 

Cuya novela se llama "El amigo americano (El Juego de Ripley)".

 

Es una novela policiaca , publicada en 1974, que es parte de su serie de libros titulada Ripliad, en la que se narran los hechos de un talentoso delincuente, Tom Ripley.

Trama:

Tom Ripley es un hombre rico que vive en Villeperce, Francia, junto con su esposa Heloise. Tom pasa sus días viviendo cómodamente en su casa hasta que uno de sus socios, un criminal norteamericano llamado Reeves Minot, le pregunta si puede cometer un par de crímenes, por los que le ofrece la cantidad de $96.000 dólares. Ripley, quien odia el homicidio a menos que sea absolutamente necesario, rechaza la oferta y Reeves debe volver a Hamburgo, Alemania.
El mes anterior, Ripley había asistido a una fiesta en Fontainebleau, donde su anfitrión Jonathan Trevanny, un carpintero de marcos para cuadros que sufre de leucemia, lo insulta. Como venganza por esta falta, Ripley decide vengarse y sugiere a Minot que convenza a Trevanny de realizar los crímenes. Para asegurarse de que el plan funcione, Ripley comienza a extender el rumor de que Trevanny solo tiene dos meses de vida y sugiere que Minot fabrique evidencia para sustentar que su enfermedad ha empeorado. Ante esta situación, y temiendo dejar a su familia en la pobreza cuando él falte, Trevanny acepta acompañar a Minot a visitar a un médico en Hamburgo y ahí es convencido de llevar a cabo los crímenes.

Opinión:

Esta claro que Patri ha sido un referente en su vida y en la historia, ya que hay una serie que corre la misma trama que el libro y es que un hombre con un trabajo para vivir modestamente, de repente le surge un trabajo fuera de lo legal pero gana mucho dinero. En la serie podemos su transformación y recorrido.

Critica a "El día de tu boda"

Un divorciado llamado Leo, se enamora de una chica el mismo día de su boda y decide conquistarla., cuando Leo se da cuenta de que es un fracaso como escritor y divorciado, su exmujer Julie escribe un blog titulado "Por qué das asco", el cual es publicado y se convierte en un éxito

En esta peli se habla de como un blog es una herramienta que tiene fines beneficiosos o perjudiciales ya que que en este caso se utiliza para contar las historias que perjudicaban a Leo . También de como la gente se fía de la opinión de un influenciador antes de ver la verdad.

Desde mi punto de vista es una peli para echarse unas risas. La trama es simple y hay muchos clichés.

Algoritmos: ¿Qué es? y cuales son lo mas famosos de Google

Un algoritmo es un sistema de cálculos que consigue resolver un problema numérico en algunas etapas. También son las herramientas que utiliza para determinar la posición en que aparecerá tu sitio web en los resultados de búsqueda.

El algoritmo de Google es la forma que tiene este buscador para posicionar en un lugar u otro una página web, tratando así de que los internautas encuentren de forma preferente una respuesta lo más exacta posible a lo que están buscando.

El 1º algoritmo de Google fue Google Toolbar ,el 1 de Diciembre del 2000

La compañía americana lanzó su barra de búsquedas para el navegador, y con ella, Toolbar PageRank (TBPR).

Actualización del Núcleo de Google – 3 de diciembre del 2020

Actualización del algoritmo para impulsar las directrices E-A-T (Expertise, Authoritativeness y Trustworthiness). Google valora positivamente el contenido creado por expertos en las distintas áreas, así como los sitios web con autoridad adquirida a lo largo de los años y los sitios web que generen seguridad y confianza.

Google Page Experience – Mayo del 2021

La experiencia del usuario en la página de destino es una actualización revolucionaria en la historia del algoritmo de Google. Los factores que determinan la experiencia del usuario en un sitio web, se conocen también como Core Web Vitals. La compañía estadounidense comenzó a valorar oficialmente la experiencia del usuario como una métrica por la cual clasifica a los sitios web.

Google determina la experiencia del usuario en función de 3 factores principales como:

• Renderizado del mayor elemento con contenido (Largest Contentful Paint, LCP)
• Cambios de diseño acumulados (Cumulative Layout Shift, CLS)
• Latencia de la primera interacción (First Input Delay, FID)

Por resumir, este cambio en el algoritmo quiere dar importancia al tiempo de carga del contenido, a la estabilidad visual del sitio web y a la interactividad.

Visita al arte de la Prehistoria en la Casa de la Ciencias

 El pasado Viernes 18 de Febrero tuvimos una visita a la Casa de las Ciencias, donde se exponía el arte en la Prehistoria . La chica que nos hizo la visita sobre el arte en la Prehistoria ,  se notaba que le gustaba mucho este tema, ya solo con lo que sabia y el interés y empeño que ponía a la hora de explica este tema.  

"Las obras originales de la exposición fueron sometidas a un cuidadoso proceso de restauración por parte del Instituto del Patrimonio Cultural de España. Sin embargo, la delicadeza de las mismas nos obliga a exponer aquí reproducciones fidedignas que nos permite disfrutar de unas pinturas que en algunos casos hoy ya no se conservan. Más allá del interés artístico y estético que las pinturas ofrecen."

Esta exposición se separo en 2 periodos: 

• La prehistoria del neolítico: Estas pinturas nos acercan a la realidad prehistórica a través de escenas cotidianas de la vida que llevaban a cabo los seres humanos, pero también lo hacen a través de la representación de animales que se establecieron en la fauna actual del levante español como caballos, ciervos o cabras. Las figuras humanas en movimiento tienen una importancia que no se refleja en el arte prehistórico de otras zonas de la península.
• Los inicios del Siglo pasado:  La exposición profundiza en el proceso arqueológico que la Comisión de Investigaciones Paleontológicas y Prehistóricas llevó a cabo desde 1912 hasta 1936, en que se muestra y nos enseña cómo se trabajaba en Prehistoria y Arqueología .(Es decir durante el 1º tercio del S. XX)
• El original 
• El Calco: es decir una copia o una reproducción de la original. 

Destacamos 2 lugares en esta exposición: 

• La Cueva de la Vieja en Albacete 
• Las cuevas de la araña en Valencia 

Ubicación de la Casa de las Ciencias

Introducción al Desarrollo Web (1º Parte, Módulo 3)

 

Lo que vas aprender esta 3º parte: 

Presentación: Debes saber que para programar HTML, no necesitas un  programa sostificado para escribir una pagina web, si sabes programar lo puedes hacer desde un bloc de notas de Windows. pero si necesitas crear enlaces para crear un hipertexto.

El Desarrollo Web no es lo mismo que el diseño web. 

El diseño web: de ello se encarga el diseñador ( no hace que estudie programación, hace falta que estudie diseño) 

• Diseño visual
• Herramienta grafica (Adobe Photoshop, Gimp)
• El diseño es sin codigo --> Trozos: HTML+CSS, Elementos gráficos 

 

El Desarrollo Web: de ello se encarga el desarrollador (hace falta que estudie programación) 

• Parte Cliente: los conocimientos de HTML y CSS, JavaScript y DOM 
• Pate Servidor: Lenguajes de SCRIPT (como PHP, ASP.....), Diseño y desarrollo de Bases de Datos. y por ultimo la correcta Seguridad. 
• Parte Cliente- Servidor 

Prototipado:

Wireframe: Es una guía visual que representa el esqueleto o estructura visual de un sitio web
Mockups:En la fabricación y el diseño, una maqueta o maqueta es una maqueta a escala o de tamaño completo de un diseño o dispositivo, que se utiliza para la enseñanza, demostración, evaluación de diseño, promoción y otros fines.
Prototipos: Es cualquier tipo de máquina en pruebas, o un objeto diseñado para una demostración de cualquier tipo.

Historia de HTML: 

Tim Berners Lee creo el HTML, HTTP y la URL

Originalmente, las páginas HTML sólo incluían información sobre sus contenidos de texto e imágenes. Con el desarrollo del estándar HTML, empezaron a incluir también información sobre el aspecto de sus contenidos: tipos de letra, colores y márgenes.

La posterior aparición de tecnologías como JavaScript, provocaron que las páginas HTML también incluyeran el código de las aplicaciones (scripts) que se utilizan para crear páginas web dinámicas.

Incluir en una misma página HTML los contenidos, el diseño y la programación complica en exceso su mantenimiento. Normalmente, los contenidos y el diseño de la página web son responsabilidad de diferentes personas, por lo que es adecuado separarlos. CSS es el mecanismo que permite separar los contenidos definidos mediante XHTML y el aspecto que deben presentar esos contenidos:


Otra ventaja de la separación de los contenidos y su presentación es que los documentos XHTML creados son más flexibles, ya que se adaptan mejor a las diferentes plataformas: pantallas de ordenador, pantallas de dispositivos móviles, impresoras y dispositivos utilizados por personas discapacitadas.

De esta forma, utilizando exclusivamente XHTML se crean páginas web "feas" pero correctas. Aplicando CSS, se pueden crear páginas "bonitas" a partir de las páginas XHTML correctas.

HTML: Conceptos básicos (1) 

HTML: Conceptos básicos (2)

Todo sigue un orden 

HTML: Conceptos básicos (3) 

Vamos a aprender a usar el Notepad++, que presenta las siguientes características: 

• El coloreado de la sintaxis 
• El cierre automático de las etiquetas 
• La opción de autocompletar las etiquetas y los atributos 
• El emparejamiento de la etiqueta inicial con la final. 

HTML: Conceptos básicos (4) 

• Las etiquetas siempre se tienen que cerrar 
• Los documentos tienen que estar bien formados 
• Las etiquetas siempre en minúsculas 
• Los valores de los atributos tienen que llevar siempre comillas. 

HTML: Listas (1)

HTML: Enlaces 

• Cuidado con las MAYÚSCULAS y minúsculas 
• Cuidado con las rutas en los enlaces 
• Cuidado con los caracteres extraños 

HTML: Problemas con los editores 

Te recomiendo Notepad++,  ya que es muy ligero. Para la parte cliente es recomendable el Notepad++,  pero para la parte servidor es el Xampp. 

3 cosas importantes: 

• El editor es una herramienta, no es lo mas importante 
• no te acostumbres a un unico editor 
• Si tú no sabes, el editor no hace milagros 

HTML: 3 errores típicos

En el siguiente vídeo se muestran tres errores (confusiones o malas prácticas) que hasta gente que lleva muchos años creando páginas web comete de vez en cuando:

• Saltos de línea.
• Espacios en blanco.
• Referencias de caracteres (caracteres especiales).

Prototipos visuales de alta fidelidad