Ximena Chévez SUB

Entradas

Mostrando las entradas de mayo, 2023

Exposición

Nos pusimos en equipos de tres integrantes, me toco estar con Alexis y Concepción donde nuestro tema era sobre el ajedrez el tema de Alexis que el se propuso a hacer para su sitio web, teníamos que explicar para que nos ayudaba el ajedrez y en que nos beneficia ya que teníamos que explicar como lo habíamos echo con HTML y css, no s pusimos de acuerdo y quisimos hacer un video porque se nos hizo mas padre

Codificacion

explicaciones de los codigos que vimos en un programa que nos puso la maestra

Ese codigo es algo simple para trabajar con css y html y sirve para devolverse de sitio a otro en los links

Mapa mental del diseño

Ese fue una tarea donde teníamos que hacer un mapa mental sobre el diseño

Trabajo en parejas

Ese día nos puso la maestra a trabajar en parejas para saber como teníamos los códigos diferentes o similares, ese día me toco trabajar con mi compañero Ángel Parra, nunca había trabajado con el y la verdad me pareció como trabajo

HTML

¿Qué es? HTML (Lenguaje de Marcas de Hipertexto, del inglés HyperText Markup Language ) es el componente más básico de la Web. Define el significado y la estructura del contenido web. "Hipertexto" hace referencia a los enlaces que conectan páginas web entre sí, ya sea dentro de un único sitio web o entre sitios web. Los enlaces son un aspecto fundamental de la Web. Al subir contenido a Internet y vincularlo a las páginas creadas por otras personas, te conviertes en un participante activo en la « World Wide Web » (Red Informática Mundial). Esructura básica. una página web se compone por las etiquetas <html>, <head> y <body> . La primera indica el comienzo de la página; la segunda es la cabecera y contiene información descriptiva del sitio; y la tercera es la que abarca todos los elementos visibles dentro de la página. Módem Es un acrónimo formado por dos términos: modulación y demodulación . Se tra...

Elementos

El elemento ol permite definir listas o viñetas ordenadas (“Ordered List”), bien con numeración o alfabéticamente. Sus etiquetas son : <ol> y </ol> (ambas obligatorias). Crea una caja : en bloque . Está definido como : Elemento de lista . Puede contener : uno o más elementos li Atributos Genericos Atributo valor descripción title título del elemento style información de estilo en línea id identificador a nivel de documento class identificador a nivel de documento dir dirección del texto lang información sobre el idioma Eventos : onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup. Específicos No tiene de transición type (1|a|A|i|I) implícito estilo de numeración compact compact implícito espacio entre objetos reducido start 'un número' implícito número inicial de la secuencia

Que es un index.html

¿Qué es un index.html? Tener un archivo index subido a nuestro dominio es fundamental si se quiere tener una página web que funcione . Se puede decir más alto pero no más claro: sin index no hay página web . Así pues es sumamente importante tener un archivo index. El tema está en que cuando creamos una página web en Internet el primer paso que hay que tener en cuenta es crear el archivo index.html. El archivo index.html es la página principal del dominio al cual se accede desde Internet, lo que vemos en primer lugar a la hora de acceder a ese nombre de dominio. Al acceder a un dominio, escribiendo por ejemplo www.hostinet.es o simplemente hostinet.es en la barra de direcciones, el navegador de Internet que estemos utilizando lo primero de todo buscará ese archivo index y tratará de reproducir lo que en él aparezca (imágenes, textos, vínculos a otros archivos, enlaces…). Tomado de: https://www.hostinet.com/formacion/panel-alojamiento/que-e...

Selectores Basicos de CSS

Selectores básicos en CSS Sintáxis CSS: Regla CSS: Cada regla está compuesta de una parte de "selectores", un símbolo de llave de apertura: " { " otra parte denominada "declaración" que inclue la "propiedad" y el "valor" y por último un símbolo de llave de cierre: " } " Selector: Es la declaración del HTML elemento Propiedad: La propiedad css que se está utilizando se ingresará en la sección de propiedades Valor: El color verde y center es el valor, el valor será diferente dependiendo en la propiedad CSS que utilice Brackets: { } Es muy importante ingresar siempre las brackets después de ingresar el elemento selector / nombre de id / nombre de clase. Sin las brackets el css no funcionará Tomado de: https://hablacode.org/css/css-selectores-basicos-y-sintaxis

CSS

Tanto para practicar en tu aprendizaje como para trabajar con las CSS lo mejor es disponer de una tabla donde se vean los distintos atributos y valores de estilos que podemos aplicarle a las páginas web. Aquí puedes ver la tabla de los atributos CSS más fundamentales para aplicar estilos a elementos básicos, que te vendrá perfectamente para comenzar con las CSS. Existen muchos otros atributos que aprenderás en capítulos sucesivos del Manual de CSS . Recuerda además que si quieres ver cómo se aplican muchos de estos estilos en páginas web puedes ver el vídeo tutorial sobre los atributos de las CSS . Atributos para fuentes y textos Comenzamos viendo una serie de atributos de CSS que aplican sobre los textos de la página y las fuentes tipográficas. color Este atributo sirve para definir el color del texto de un elemento. Lo admiten casi todas las etiquetas HTML, ya que en casi todas podemos colocar texto. Podemos colocar los colores con valores RGB, con nombres y otras a...

Normalize.css

Selectores de clase

Selectores de clase En un documento HTML, los selectores de clase buscan un elemento basado en el contenido de su articulo class el articulo class esta definido como una lista de elementos separados por espacio, y uno de esos elementos debe coinsidir exactamente con el nombre de clase dando el selector SINTAXIS .classname {style properties} [class =classname] {style propeties} EJEMPLO CSS span.classy{ background-color: DodgerBlue; } HTML <span class="classy">Aqui hay un span con algo de texto.</span> <span>aqui hay otro.</span>

Ximena Chévez SUB

Buscar este blog

Entradas

Exposición

Codificacion

Mapa mental del diseño

Trabajo en parejas

HTML

Elementos

Que es un index.html

Selectores Basicos de CSS

CSS

Normalize.css

Selectores de clase

Prediseño de HTML

Primer trabajo de la segunda evolución

Revisión de mi HTML viernes 28/04/23