Docsity
Docsity

Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity


Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan


Guidelines and tips
Guidelines and tips

Guía de prácticas de programación web con HTML, Schemes and Mind Maps of Global studies

Este documento contiene las instrucciones para realizar prácticas de programación web utilizando el lenguaje de marcado HTML, incluyendo el formateo de texto, el uso de imágenes, la creación de listas y tablas, y la configuración de caracteres. Se incluyen ejemplos y actividades para cada tema.

Typology: Schemes and Mind Maps

2020/2021

Uploaded on 11/02/2021

nicolas-agudelo
nicolas-agudelo 🇪🇸

2 documents

Partial preview of the text

Download Guía de prácticas de programación web con HTML and more Schemes and Mind Maps Global studies in PDF only on Docsity! 1 Avenida de Ronda, N° 77 4 enlalotele 03600 Elda (ALICANTE) 8 GENERALITAT Tel.: 966.957.315 < VALENCIANA Fax: 966.957.316 1509001 S coring secs www ies-latorreta.es TEMA 1. EL LENGUAJE HTML BLOQUE 1 DE ACTIVIDADES INSTRUCCIONES Crea un directorio o carpeta en el Escritorio con tu nombre y primer apellido. En esa carpeta vas a guardar todos los archivos de la practica. Dentro de la carpeta con tu nombre crea la siguiente estructura de directorios: /images/banderas RECUERDA QUE: = LA EXTENSION DE LOS ARCHIVOS HTML ES .htm! = RECUERDA QUE EL FICHERO QUE EDITES DEBE TENER LA CONFIGURACION DE CARACTERES: UTF-8 = LA ESTRUCTURA BASICA DE UNA PAGINA WEB ES: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> </html> 253212-LA-1-2014-€S-E4AKAI-ECHE EALICANTIB ‘WS EA Union Europea Fondo Social Europe Ee] Erasmus+ De Edecactiny Comare “EIFSE invierto en tu futuro” t Avenida de Ronda, N° 77 jorkalotiela 03600 Elda (ALICANTE) Tel.: 966.957.315 VALENCIANA Fax: 966.957.316 Niepaee Waves -lotonetn.es tnvesigect Calas sport 8 GENERALITAT = Actividad 1. Formateado de texto 1. Copia y pega el siguiente texto en una pagina web a la que vasa llamar: formato-texto.html éQué es Lorem Ipsum? Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estandar de las industrias desde el afio 1500, cuando un impresor (N. del T. persona que se dedica ala imprenta) desconocido usé una galeria de textos y los mezclé de tal manera que logré hacer un libro de textos especimen. No s6lo sobrevivié 500 ajios, sino que tambien ingresd como texto de relleno en documentos electrénicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creacién de las hojas “Letraset”, las cuales contenian pasajes de Lorem Ipsum, y mas recientemente con software de autoedicién, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum. éPor qué lo usamos? Es un hecho establecido hace demasiado tiempo que un lector se distraeré con el contenido del texto de un sitio mientras que mira su disefio. El punto de usar Lorem Ipsum es que tiene una distribucién mas o menos normal de las letras, al contrario de usar textos como por ejemplo "Contenido aqui, contenido aqui". Estos textos hacen parecerlo un espajiol que se puede leer. Muchos paquetes de autoedicion y editores de paginas web usan el Lorem Ipsum como su texto por defecto, y al hacer una busqueda de "Lorem Ipsum" va a dar por resultado muchos sitios web que usan este texto si se encuentran en estado de desarrollo. Muchas versiones han evolucionado a través de los afios, algunas veces por accidente, otras veces a propésito (por ejemplo insertandole humor y cosas por el estilo). éDénde puedo conseguirlo? Hay muchas variaciones de los pasajes de Lorem Ipsum disponibles, pero la mayoria sufrié alteraciones en alguna manera, ya sea porque se le agregd humor, o palabras aleatorias que no parecen ni un poco creibles. Si vas a utilizar un pasaje de Lorem Ipsum, necesitds estar seguro de que no hay nada avergonzante escondido en el medio del texto. Todos los generadores de Lorem Ipsum que se encuentran en la web Internet tienden a repetir trozos predefinidos cuando sea necesario, haciendo a este el Unico generador verdadero (valido) en la Internet. Usa un diccionario de mas de 200 palabras provenientes del latin, combinadas con estructuras muy utiles de sentencias, para generar texto de Lorem Ipsum que parezca razonable. Este Lorem Ipsum generado siempre estaré libre de repeticiones, humor agregado o palabras no caracteristicas del lenguaje, etc. Férmula del agua: H20 Kilémetro cuadrado: km2 2. Texto a marcar Titulo de la pagina Formato de texto Encabezado de Nivel 1 Formato de texto en HTML Encabezado de nivel 2 Qué es Lorem Ipsum? Parrafo Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estandar de las industrias desde el afio 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usé una galeria de textos y los mezclé de tal manera que logré hacer un libro de textos especimen. No sdlo sobrevivid 500 afios, sino que tambien ingresé como texto de relleno en documentos electrénicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creacién de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y mas recientemente con software de autoedicién, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum. En el texto anterior 253212-LA-1-2014-€S-E4AKAI-ECHE EALICANTI BB = asmus+ DG Educaciény Cultura “EIFS invite on tu fluro” Unién Europea Avenida de Ronda, N° 77 03600 Elda (ALICANTE) Tel.: 966.957.315 < VALENCIANA Fax: 966.957.316 1509001 SN conetaie gece Peete es freanigras Gahan fap 8 GENERALITAT Lista ordenada Boligrafo libreta Lapiz Sacapuntas Borrador Opcién 1 Opcién 2 1. Opcién 2A 2. Opcién 2B 3. Opcién 2C 3. Opcién 3 Lista anidada © Opcién 1 Lista anidada NeIp a wNP © Opcién 2 © Opcién 2A © Opcién 2B © Opcién 2c © Opcién 3 Opcién 1 2. Opcién 2 © Opcién 2A © Opcién 2B © Opcién 2c 3. Opcién 3 Pr Lista anidada = Actividad 4. Tablas 1. Crea una pagina web con el nombre: tablas.html Titulo de la pagina Tablas Encabezado de Nivel 1 Tablas en HTML NOTA I: Los encabezados de la tabla, se pueden marcar con HTML, écémo? Sustituyendo la etiqueta <td> por <th> Los encabezados de las siguientes tablas estén resaltados en negrita. NOTA II: Guarda las imagenes de las dos banderas en el directorio images/banderas/. 2. Reproduce las siguientes tablas en HTML: Bandera Pais Capital Bandera_Espafia.jpg. Texto alternativo: Bandera de Espafia _ Espajia Madrid Bandera-Portugal.jpg. Texto alternativo: Bandera de Portugal - Portugal lisboa Continente Pais Capital Europa Espajia Madrid Francia Paris Portugal Lisboa Alemania Berlin 253212-LA-1-2014-€S-E4AKAI-ECHE EALICANTI BB = asmus+ DG Educaciény Cultura “EIFS invite on tu fluro” Unién Europea Avenida de Ronda, N° 77 03600 Elda (ALICANTE) Tel.: 966.957.315 Fax: 966.957.316 Iso 9001 8 GENERALITAT VALENCIANA Ve Septiembre 2021 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 2022 FIESTAS airs (nee MALE Unidn: Europes Fondo Social Europeo el Erasmus+ DS Esiacationy, Comers: “ELSE invierto en tu futuro”
Docsity logo



Copyright © 2024 Ladybird Srl - Via Leonardo da Vinci 16, 10126, Torino, Italy - VAT 10816460017 - All rights reserved