ascani.andrea/TP-Diagnostico
1
0
Fork 0
generated from marquez.juan/Ejercicio-inicial--git-y-HTML
Code Issues Pull Requests Projects Releases Wiki Activity

Agrega CSS y gitignore

Browse Source
This commit is contained in:
Andrea Ascani
2026-04-26 21:01:49 -03:00
parent d32ececdf0
commit 7db3f9ac4a
3 changed files with 355 additions and 233 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
.DS_Store

476
Ascani.html
View File

@@ -4,243 +4,253 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <title>Document</title>
<link rel="stylesheet" href="ascani.css">
</head> </head>
<body> <body>
<header> <header>
<h1>Trabajo diagnostico - Urquiza 2026 </h1> <h1>Trabajo diagnostico - Urquiza 2026</h1>
<h2>Materia: Programación 1</h2> <h2>Materia: Programación 1</h2>
<h3>Alumna: Ascani Andrea</h3> <h3>Alumna: Ascani Andrea</h3>
</header> </header>
<img src="imagencita.jpeg" style="display: block; margin: 0 auto; width: 20%; height: auto;">
<img src="imagencita.jpeg" alt="Cuaderno con frase" class="imagen-destacada" style="display: block; margin: 0 auto; width: 20%; height: auto;">
<nav>Registrá tus citas favoritas</nav> <nav>Registrá tus citas favoritas</nav>
<ul> <ul>
<li>Tenelas siempre a mano</li> <li>Tenelas siempre a mano</li>
<li>Llevalas digitalmente con vos</li> <li>Llevalas digitalmente con vos</li>
<li>Buscalas de diversas maneras</li> <li>Buscalas de diversas maneras</li>
</ul> </ul>
</body>
<form action="mailto:35447754@terciariourquiza.edu.ar" method="post" enctype="text/plain"> <form action="mailto:35447754@terciariourquiza.edu.ar" method="post" enctype="text/plain">
<p>Ingresa los datos principales de la cita</p> <p>Ingresa los datos principales de la cita</p>
<input type="text" id="nombreautor" name="nombreautor" placeholder="Nombre de la/el autor/a"> <input type="text" id="nombreautor" name="nombreautor" placeholder="Nombre de la/el autor/a">
<input type="text" id="nombrelibro" name="nombrelibro" placeholder="Nombre del libro o publicación"> <br> <input type="text" id="nombrelibro" name="nombrelibro" placeholder="Nombre del libro o publicación">
<p>Ingresa qué tipo de cita deseas guardar</p>
<input type="radio" id="hobbie" name="tipocita" value="h"> <br>
<label for="hobbie">Hobbie/Placer</label><br>
<input type="radio" id="profesional" name="tipocita" value="p"> <p>Ingresa qué tipo de cita deseas guardar</p>
<label for="profesional">Profesional/Laboral</label> <br> <br> <input type="radio" id="hobbie" name="tipocita" value="h">
<label for="correo">Ingresá tu correo electrónico:</label> <label for="hobbie">Hobbie/Placer</label>
<input type="email" id="correo" name="correo" required> <br> <br>
<p>Ingresa cuántas citas estás por ingresar a la vez</p> <input type="radio" id="profesional" name="tipocita" value="p">
<input type="number" id="cantidad" name="cantidad" min="1" max="100" step="1" value="1"> <label for="profesional">Profesional/Laboral</label>
<p>Si la conoces, ingresa la nacionalidad de la/el autor/a</p>
<select name="nacionalidad" id="opciones"> <br>
<option value="">--Seleccione--</option>
<option value="af">Afgana</option> <label for="nacionalidad">Nacionalidad del autor/a</label>
<option value="al">Albanesa</option> <select name="nacionalidad" id="nacionalidad" required>
<option value="de">Alemana</option> <option value="">--Seleccione--</option>
<option value="ad">Andorrana</option> <option value="af">Afgana</option>
<option value="ao">Angoleña</option> <option value="al">Albanesa</option>
<option value="ai">Anguillan</option> <option value="de">Alemana</option>
<option value="aq">Antártica</option> <option value="ad">Andorrana</option>
<option value="ag">Antigüense</option> <option value="ao">Angoleña</option>
<option value="sa">Arabe saudí</option> <option value="ai">Anguillan</option>
<option value="dz">Argelina</option> <option value="aq">Antártica</option>
<option value="ar">Argentina</option> <option value="ag">Antigüense</option>
<option value="am">Armenia</option> <option value="sa">Arabe saudí</option>
<option value="aw">Arubana</option> <option value="dz">Argelina</option>
<option value="au">Australiana</option> <option value="ar">Argentina</option>
<option value="at">Austríaca</option> <option value="am">Armenia</option>
<option value="az">Azerbaiyana</option> <option value="aw">Arubana</option>
<option value="bs">Bahameña</option> <option value="au">Australiana</option>
<option value="bh">Bahreiní</option> <option value="at">Austríaca</option>
<option value="bd">Bangladesí</option> <option value="az">Azerbaiyana</option>
<option value="bb">Barbadense</option> <option value="bs">Bahameña</option>
<option value="be">Belga</option> <option value="bh">Bahreiní</option>
<option value="bz">Beliceña</option> <option value="bd">Bangladesí</option>
<option value="bj">Beninesa</option> <option value="bb">Barbadense</option>
<option value="bm">Bermudeña</option> <option value="be">Belga</option>
<option value="by">Bielorrusa</option> <option value="bz">Beliceña</option>
<option value="mm">Birmana</option> <option value="bj">Beninesa</option>
<option value="bo">Boliviana</option> <option value="bm">Bermudeña</option>
<option value="ba">Bosnia</option> <option value="by">Bielorrusa</option>
<option value="bw">Botswanesa</option> <option value="mm">Birmana</option>
<option value="br">Brasileña</option> <option value="bo">Boliviana</option>
<option value="bn">Bruneana</option> <option value="ba">Bosnia</option>
<option value="bg">Búlgara</option> <option value="bw">Botswanesa</option>
<option value="bf">Burkinesa</option> <option value="br">Brasileña</option>
<option value="bi">Burundesa</option> <option value="bn">Bruneana</option>
<option value="bt">Butanesa</option> <option value="bg">Búlgara</option>
<option value="cv">Caboverdiana</option> <option value="bf">Burkinesa</option>
<option value="kh">Camboyana</option> <option value="bi">Burundesa</option>
<option value="cm">Camerunesa</option> <option value="bt">Butanesa</option>
<option value="ca">Canadiense</option> <option value="cv">Caboverdiana</option>
<option value="td">Chadiana</option> <option value="kh">Camboyana</option>
<option value="cl">Chilena</option> <option value="cm">Camerunesa</option>
<option value="cn">China</option> <option value="ca">Canadiense</option>
<option value="cy">Chipriota</option> <option value="td">Chadiana</option>
<option value="co">Colombiana</option> <option value="cl">Chilena</option>
<option value="km">Comorense</option> <option value="cn">China</option>
<option value="cg">Congoleña</option> <option value="cy">Chipriota</option>
<option value="kp">Norcoreana</option> <option value="co">Colombiana</option>
<option value="kr">Surcoreana</option> <option value="km">Comorense</option>
<option value="cr">Costarricense</option> <option value="cg">Congoleña</option>
<option value="hr">Croata</option> <option value="kp">Norcoreana</option>
<option value="cu">Cubana</option> <option value="kr">Surcoreana</option>
<option value="cw">Curazoleña</option> <option value="cr">Costarricense</option>
<option value="dk">Danesa</option> <option value="hr">Croata</option>
<option value="dm">Dominiquesa</option> <option value="cu">Cubana</option>
<option value="ec">Ecuatoriana</option> <option value="cw">Curazoleña</option>
<option value="eg">Egipcia</option> <option value="dk">Danesa</option>
<option value="sv">Salvadoreña</option> <option value="dm">Dominiquesa</option>
<option value="ae">Emiratí</option> <option value="ec">Ecuatoriana</option>
<option value="er">Eritrea</option> <option value="eg">Egipcia</option>
<option value="sk">Eslovaca</option> <option value="sv">Salvadoreña</option>
<option value="si">Eslovena</option> <option value="ae">Emiratí</option>
<option value="es">Española</option> <option value="er">Eritrea</option>
<option value="us">Estadounidense</option> <option value="sk">Eslovaca</option>
<option value="ee">Estonia</option> <option value="si">Eslovena</option>
<option value="et">Etíope</option> <option value="es">Española</option>
<option value="ph">Filipina</option> <option value="us">Estadounidense</option>
<option value="fi">Finlandesa</option> <option value="ee">Estonia</option>
<option value="fj">Fiyiana</option> <option value="et">Etíope</option>
<option value="fr">Francesa</option> <option value="ph">Filipina</option>
<option value="ga">Gabonesa</option> <option value="fi">Finlandesa</option>
<option value="gm">Gambiana</option> <option value="fj">Fiyiana</option>
<option value="ge">Georgiana</option> <option value="fr">Francesa</option>
<option value="gh">Ghanesa</option> <option value="ga">Gabonesa</option>
<option value="gi">Gibraltareña</option> <option value="gm">Gambiana</option>
<option value="gd">Granadina</option> <option value="ge">Georgiana</option>
<option value="gr">Griega</option> <option value="gh">Ghanesa</option>
<option value="gl">Groenlandesa</option> <option value="gi">Gibraltareña</option>
<option value="gu">Guameña</option> <option value="gd">Granadina</option>
<option value="gt">Guatemalteca</option> <option value="gr">Griega</option>
<option value="gy">Guyanesa</option> <option value="gl">Groenlandesa</option>
<option value="gn">Guineana</option> <option value="gu">Guameña</option>
<option value="ht">Haitiana</option> <option value="gt">Guatemalteca</option>
<option value="hn">Hondureña</option> <option value="gy">Guyanesa</option>
<option value="hk">Hongkonesa</option> <option value="gn">Guineana</option>
<option value="hu">Húngara</option> <option value="ht">Haitiana</option>
<option value="in">India</option> <option value="hn">Hondureña</option>
<option value="id">Indonesa</option> <option value="hk">Hongkonesa</option>
<option value="iq">Iraquí</option> <option value="hu">Húngara</option>
<option value="ir">Iraní</option> <option value="in">India</option>
<option value="ie">Irlandesa</option> <option value="id">Indonesa</option>
<option value="is">Islandesa</option> <option value="iq">Iraquí</option>
<option value="il">Israelí</option> <option value="ir">Iraní</option>
<option value="it">Italiana</option> <option value="ie">Irlandesa</option>
<option value="jm">Jamaiquina</option> <option value="is">Islandesa</option>
<option value="jp">Japonesa</option> <option value="il">Israelí</option>
<option value="jo">Jordana</option> <option value="it">Italiana</option>
<option value="kz">Kazaja</option> <option value="jm">Jamaiquina</option>
<option value="ke">Keniana</option> <option value="jp">Japonesa</option>
<option value="kg">Kirguisa</option> <option value="jo">Jordana</option>
<option value="ki">Kiribatiana</option> <option value="kz">Kazaja</option>
<option value="kw">Kuwaití</option> <option value="ke">Keniana</option>
<option value="la">Laosiana</option> <option value="kg">Kirguisa</option>
<option value="ls">Lesothense</option> <option value="ki">Kiribatiana</option>
<option value="lv">Letona</option> <option value="kw">Kuwaití</option>
<option value="lb">Libanesa</option> <option value="la">Laosiana</option>
<option value="lr">Liberiana</option> <option value="ls">Lesothense</option>
<option value="ly">Libia</option> <option value="lv">Letona</option>
<option value="li">Liechtensteiniana</option> <option value="lb">Libanesa</option>
<option value="lt">Lituana</option> <option value="lr">Liberiana</option>
<option value="lu">Luxemburguesa</option> <option value="ly">Libia</option>
<option value="mo">Macao</option> <option value="li">Liechtensteiniana</option>
<option value="mk">Macedonia</option> <option value="lt">Lituana</option>
<option value="mg">Madagascarense</option> <option value="lu">Luxemburguesa</option>
<option value="my">Malasia</option> <option value="mo">Macao</option>
<option value="mw">Malauí</option> <option value="mk">Macedonia</option>
<option value="mv">Maldiva</option> <option value="mg">Madagascarense</option>
<option value="ml">Maliense</option> <option value="my">Malasia</option>
<option value="mt">Maltesa</option> <option value="mw">Malauí</option>
<option value="ma">Marroquí</option> <option value="mv">Maldiva</option>
<option value="mu">Mauriciana</option> <option value="ml">Maliense</option>
<option value="mr">Mauritana</option> <option value="mt">Maltesa</option>
<option value="mx">Mexicana</option> <option value="ma">Marroquí</option>
<option value="fm">Micronesia</option> <option value="mu">Mauriciana</option>
<option value="md">Moldava</option> <option value="mr">Mauritana</option>
<option value="mc">Monegasca</option> <option value="mx">Mexicana</option>
<option value="mn">Mongola</option> <option value="fm">Micronesia</option>
<option value="me">Montenegrina</option> <option value="md">Moldava</option>
<option value="mz">Mozambiqueña</option> <option value="mc">Monegasca</option>
<option value="na">Namibia</option> <option value="mn">Mongola</option>
<option value="nr">Nauruana</option> <option value="me">Montenegrina</option>
<option value="np">Nepalesa</option> <option value="mz">Mozambiqueña</option>
<option value="ni">Nicaragüense</option> <option value="na">Namibia</option>
<option value="ne">Nigerina</option> <option value="nr">Nauruana</option>
<option value="ng">Nigeriana</option> <option value="np">Nepalesa</option>
<option value="no">Noruega</option> <option value="ni">Nicaragüense</option>
<option value="nz">Neozelandesa</option> <option value="ne">Nigerina</option>
<option value="om">Omaní</option> <option value="ng">Nigeriana</option>
<option value="nl">Neerlandesa</option> <option value="no">Noruega</option>
<option value="pk">Pakistaní</option> <option value="nz">Neozelandesa</option>
<option value="pw">Palauana</option> <option value="om">Omaní</option>
<option value="pa">Panameña</option> <option value="nl">Neerlandesa</option>
<option value="pg">Papú</option> <option value="pk">Pakistaní</option>
<option value="py">Paraguaya</option> <option value="pw">Palauana</option>
<option value="pe">Peruana</option> <option value="pa">Panameña</option>
<option value="pl">Polaca</option> <option value="pg">Papú</option>
<option value="pt">Portuguesa</option> <option value="py">Paraguaya</option>
<option value="pr">Puertorriqueña</option> <option value="pe">Peruana</option>
<option value="qa">Catarí</option> <option value="pl">Polaca</option>
<option value="gb">Británica</option> <option value="pt">Portuguesa</option>
<option value="cf">Centroafricana</option> <option value="pr">Puertorriqueña</option>
<option value="cz">Checa</option> <option value="qa">Catarí</option>
<option value="do">Dominicana</option> <option value="gb">Británica</option>
<option value="re">Reunionense</option> <option value="cf">Centroafricana</option>
<option value="rw">Ruandesa</option> <option value="cz">Checa</option>
<option value="ro">Rumana</option> <option value="do">Dominicana</option>
<option value="ru">Rusa</option> <option value="re">Reunionense</option>
<option value="ws">Samoana</option> <option value="rw">Ruandesa</option>
<option value="kn">Sancristobaleña</option> <option value="ro">Rumana</option>
<option value="sm">Sanmarinense</option> <option value="ru">Rusa</option>
<option value="vc">Sanvicentina</option> <option value="ws">Samoana</option>
<option value="st">Santotomense</option> <option value="kn">Sancristobaleña</option>
<option value="sn">Senegalesa</option> <option value="sm">Sanmarinense</option>
<option value="rs">Serbia</option> <option value="vc">Sanvicentina</option>
<option value="sc">Seychellense</option> <option value="st">Santotomense</option>
<option value="sl">Sierraleonesa</option> <option value="sn">Senegalesa</option>
<option value="sg">Singapurense</option> <option value="rs">Serbia</option>
<option value="sy">Siria</option> <option value="sc">Seychellense</option>
<option value="so">Somalí</option> <option value="sl">Sierraleonesa</option>
<option value="lk">Ceilanés</option> <option value="sg">Singapurense</option>
<option value="sz">Suazi</option> <option value="sy">Siria</option>
<option value="za">Sudafricana</option> <option value="so">Somalí</option>
<option value="sd">Sudanesa</option> <option value="lk">Ceilanés</option>
<option value="ss">Sudanesa del Sur</option> <option value="sz">Suazi</option>
<option value="se">Sueca</option> <option value="za">Sudafricana</option>
<option value="ch">Suiza</option> <option value="sd">Sudanesa</option>
<option value="sr">Surinamesa</option> <option value="ss">Sudanesa del Sur</option>
<option value="th">Tailandesa</option> <option value="se">Sueca</option>
<option value="tw">Taiwanesa</option> <option value="ch">Suiza</option>
<option value="tz">Tanzana</option> <option value="sr">Surinamesa</option>
<option value="tj">Tayika</option> <option value="th">Tailandesa</option>
<option value="tl">Timorense</option> <option value="tw">Taiwanesa</option>
<option value="tg">Togolesa</option> <option value="tz">Tanzana</option>
<option value="to">Tongana</option> <option value="tj">Tayika</option>
<option value="tt">Trinitense</option> <option value="tl">Timorense</option>
<option value="tn">Tunecina</option> <option value="tg">Togolesa</option>
<option value="tm">Turcomana</option> <option value="to">Tongana</option>
<option value="tr">Turca</option> <option value="tt">Trinitense</option>
<option value="tv">Tuvaluana</option> <option value="tn">Tunecina</option>
<option value="ua">Ucraniana</option> <option value="tm">Turcomana</option>
<option value="ug">Ugandesa</option> <option value="tr">Turca</option>
<option value="uy">Uruguaya</option> <option value="tv">Tuvaluana</option>
<option value="uz">Uzbeca</option> <option value="ua">Ucraniana</option>
<option value="vu">Vanuatuense</option> <option value="ug">Ugandesa</option>
<option value="ve">Venezolana</option> <option value="uy">Uruguaya</option>
<option value="vn">Vietnamita</option> <option value="uz">Uzbeca</option>
<option value="ye">Yemení</option> <option value="vu">Vanuatuense</option>
<option value="dj">Yibutiana</option> <option value="ve">Venezolana</option>
<option value="zm">Zambiana</option> <option value="vn">Vietnamita</option>
<option value="zw">Zimbabuense</option> <option value="ye">Yemení</option>
</select> <br> <br> <option value="dj">Yibutiana</option>
<label for="favorita">Haz click para marcar esta cita como favorita</label> <option value="zm">Zambiana</option>
<input type="checkbox" id="favorita" name="favorita" value="favorita"> <br> <br> <option value="zw">Zimbabuense</option>
<textarea id="comentarios" name="comentarios" rows="7" cols="200"> </select>
Escribe aquí tu cita...
</textarea> <br><br>
<button type="submit">Enviar</button>
</form> <label for="favorita">Haz click para marcar esta cita como favorita</label>
<footer> Contacto alumna: 35447754@terciariourquiza.edu.ar</footer> <input type="checkbox" id="favorita" name="favorita">
<br><br>
<button type="submit">Guardar Cita</button>
</form>
</body>
</html> </html>

111
ascani.css Normal file
View File

@@ -0,0 +1,111 @@
body {
background-color: #fdfaf3;
color: #4a3728;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
margin: 0;
padding: 20px;
}
header {
text-align: center;
border-bottom: 2px solid #5f9ea0;
margin-bottom: 30px;
padding-bottom: 10px;
}
header h1 {
margin: 0;
color: #5f9ea0;
}
.imagen-destacada {
display: block;
max-width: 400px;
height: auto;
margin: 20px auto;
border: 8px solid #fff;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
border-radius: 4px;
}
form {
max-width: 500px;
margin: 0 auto;
background: #ffffff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 10px 25px rgba(74, 55, 40, 0.05);
}
label {
display: block;
margin-bottom: 8px;
font-weight: bold;
font-size: 0.9em;
}
input, select, textarea {
width: 100%;
padding: 12px;
margin-bottom: 20px;
border: 1.5px solid #e0e0e0;
border-radius: 6px;
box-sizing: border-box;
background-color: #fafafa;
transition: border-color 0.3s;
}
input:focus, select:focus {
outline: none;
border-color: #5f9ea0;
}
button {
background-color: #4a3728;
color: #fdfaf3;
padding: 12px 24px;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 1em;
width: 100%;
transition: background-color 0.3s ease;
}
button:hover {
background-color: #5f9ea0;
}
input[type="radio"], input[type="checkbox"] {
width: auto;
margin-bottom: 0;
vertical-align: middle;
}
input[type="radio"] + label {
display: inline-block;
width: auto;
margin-left: 10px;
vertical-align: middle;
}
nav {
text-align: center;
font-weight: bold;
margin-top: 20px;
color: #5f9ea0;
}
ul {
list-style-position: inside;
padding: 0;
margin: 10px 0;
}
ul {
text-align: center;
list-style-position: inside; /* Mueve el puntito hacia adentro para que no quede a la izquierda */
padding: 0; /* Elimina el espacio reservado para los puntos */
margin: 20px 0; /* Espacio arriba y abajo de la lista */
}