Ejercicios Temas 2 Tarea para LMSGI

EJERCICIO 1.
- Diseñar una página web para la presentación de las recetas de cocina de un restaurante y aplicarlo a la siguiente receta de cocina.
Añade algunas imágenes apropiadas.
Sopa de cebolla (4 personas)

Ingredientes:
• 1 Kg. de cebollas.
• 2 l. de caldo de carne.
• 100 gr. mantequilla.
• 1 cucharada de harina.
• 100 gr. de queso emmental suizo o gruyére rallado.
• Pan tostado en rebanadas.
• Tomillo.
• 1 hoja de laurel.
• Pimienta.
Proceso:
• Pelar y partir las cebollas en rodajas finas.

• Rehogarlas con la mantequilla, sal y pimienta a fuego lento hasta que estén transparentes
sin dorarse.
• Añadir la harina sin dejar de remover.
• Ponerlo en una cazuela con el caldo, el tomillo y el laurel.
• Dejar cocer a fuego lento durante unos 15 minutos.
• Poner las rebanadas de pan encima, espolvorear el queso y gratinar al horno.
<!DOCTYPE html>
<htlm>
<style>
body {
background-color: #e1e1e1;
font-family: Arial, Helvetica, sans-serif;
img {
width: 80%;
height: auto;
}
</style>
<head>
<title>Sopa de Cebolla</title>
</head>
<body>
<h1>
<p>Sopa de cebolla (4 personas)</p>
</h1>
<img src="https://www.recetasderechupete.com/wp-content/uploads/2018/11/Sopa-de-
cebolla-2-copia.jpg" alt="sopa de cebolla" >
<br>
<h2><u>Ingredientes:</u></h2>
<br>
<h3>
<ul>
<li>1 Kg. de cebolla.</li>
<li>2 L. de caldo de carne.</li>
<li>100 gr. de mantequilla.</li>
<li>1 cucharada de harina.</li>
<li>100 gr. de queso emmental suizo o gruyere rallado.</li>
<li>Pan tostado en rebanadas.</li>
<li>Tomillo.</li>
<li>1 hoja de laurel.</li>
<li>Pimienta.</li>
</ul>
</h3>
<br>
<h2><u>Proceso:</u></h2>
<br>
<img src="https://www.recetasderechupete.com/wp-content/uploads/2020/04/Sopa-
cebolla-1.png" alt="proceso">
<h3>
<ul>
<li>Pelar y partir las cebollas en rodajas finas.</li>
<li>Rehogarlas con mantequilla, sal y pimienta a fuego lento hasta que estén
transparentes sin dorarse.</li>
<li>Añadir la harina sin dejar de remover.</li>
<li>Ponerlo en una cazuela con el caldo, el tomillo y el laurel. </li>
<li>Dejar cocer a fuego lento durante unos 15 minutos.</li>
<li>Poner las rebanadas de pan encima, espolvorear el queso y gratinar al

horno.</li>
</ul>
</body>
</html>
EJERCICIO 2.- Diseñar y codificar una página web personal.
Pueden aparecer cuáles son tus estudios, profesión o aficiones (pueden ser datos inventados).
Utiliza etiquetas semánticas para organizar la página. Si quieres, puedes tomar como base este
ejemplo.
Incluye, al menos, una fotografía, una tabla y algún enlace a una página externa.
<!DOCTYPE html>
<html>
<head>
<title> Cesar Afonso Rivano </title>
<style type="text/css">
body {
background-color: white;
color: black;
p{
color: black;
font: normal;
table,
th,
td {
border: 1px solid;
border-collapse: collapse;
width: 100%;
}
img {
width: 40%;
</style>
</head>
<body>
<div>
<div>
<h1>Cesar Afonso Rivano</h1>
<h3>Grado en Marketing y Publicidad</h3>
<img src="https://www.aauniv.com/s/blog/wp-content/uploads/2020/03/empezar-
estudiar-en-linea-en-casa.jpg" alt="estudiar">
<p>Actualmente soy entrenador personal en un pequeño gimnasio del cual soy

copropietario con mi mujer que es la jefa realmente.</p>
<h3>Formación</h3>
<ul>
<li>grado en marketing y publicidad cursado en:
<a href="https://es.eserp.com/" target="_blank">ESERP</a>
</li>
<table style="background-color:orange;">
<tr>
<td>key Account</td>
<td>Gestion de productos y marcas</td>
<td></td>
</tr>
<tr>
<td>clasificacion de mercados</td>
<td>gestion de cuentas</td>
<td>firmas de contratos</td>
</tr>
</table>
<li>grado superior higienista bucodental
</li>
<table style="background-color: yellow">
<tr>
<td>Limpiezas dentales
</td>
<td>Planificación correcta de tratamientos dentales con dentista</td>
<td>Tratamiento pacientes problemas bucales</td>
</tr>
<tr>
<td>Gestión de pacientes</td>
<td>Entrega de presupuestos</td>
<td>Organizacion de gabinetes dentales</td>
</tr>
</table>
</body>
</html>
EJERCICIO 3.- Crear un formulario que realice una petición de reserva de un hotel con las siguientes características:
1. Un campo para introducir cada uno de los siguientes datos: nombre, apellidos, teléfono
de contacto, e-mail, número de noches.
2. Dos menús desplegables para recoger la fecha de entrada (día/mes).
3. Un botón de radio para elegir entre habitación simple, doble o matrimonio.
4. Un campo de selección múltiple (checkbox) que permita al usuario indicar si desea
desayuno, comida, cena y/o cama supletoria.
5. Una caja de texto donde se puedan dejar comentarios.
6. Un botón para limpiar el formulario y otro para enviarlo.
<!DOCTYPE html>
<html>
<header>
<style>
input[type=text], input[type="email"], input[type="number"], input[type="date"], textarea, select

{
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
input[type=submit],input[type=button] {
width: 100%;
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
input[type=submit]:hover {
background-color: #45a049;
</style>
</header>
<body>
<h2>HTML Forms</h2>
<form>
<label for="nombre">Nombre:</label><br>
<input type="text" id="nombre" name="nombre"><br>
<label for="apellido1">Apellidos:</label><br>
<input type="text" id="apellidos" name="apellidos"><br>
<label for="telefono">Telefono de contacto:</label><br>

<input type="text" id="telefono" name="telefono"><br>
<label for="email">E-mail:</label><br>
<input type="email" id="email" name="email"><br>
<label for="numero_de_noches">Numero de noches:</label><br>
<input type="number" id="numero_de_noches" name="numero_de_noches"><br>
<label for="fecha_de_entrada">Fecha de entrada:</label><br>
<input type="date" id="fecha_de_entrada" name="fecha_de_entrada"><br>
<p>Tipo de habitacion:</p>
<input type="radio" id="simple" name="tipo_de_habitacion" value="Simple">
<label for="simple">Simple</label><br>
<input type="radio" id="doble" name="tipo_de_habitacion" value="Doble">
<label for="doble">Doble</label><br>
<input type="radio" id="matrimonio" name="tipo_de_habitacion" value="Matrimonio">
<label for="matrimonio">Matrimonio</label><br>
<p>Addiciones :</p>
<input type="checkbox" id="desayuno" name="desayuno" value="Desayuno">
<label for="desayuno">Desayuno</label><br>
<input type="checkbox" id="almuerzo" name="almuerzo" value="Almuerzo">
<label for="almuerzo">Almuerzo</label><br>
<input type="checkbox" id="cena" name="cena" value="Cena">
<label for="cena">Cena</label><br>
<input type="checkbox" id="cama_supletoria" name="cama_supletoria" value="Cama

supletoria">
<label for="cama_supletoria">Cama supletoria</label><br><br>

<label for="observaciones">Observaciones:</label><br><br>
<textarea id="observaciones" name="observaciones" rows="4" cols="50">
</textarea>
<br><br>
<input type="submit" value="Enviar">
<input type="button" style="background-color: black;" value="Borrar">
</form>
</body>
</html>

Ejercicios Temas 2 Tarea para LMSGI

Cargado por

Copyright:

Formatos disponibles

Ejercicios Temas 2 Tarea para LMSGI

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Ejercicios Temas 2 Tarea para LMSGI

Cargado por

Copyright:

Formatos disponibles

EJERCICIO 1.

Sopa de cebolla (4 personas)

• Pelar y partir las cebollas en rodajas finas.

font-family: Arial, Helvetica, sans-serif;

<p>Sopa de cebolla (4 personas)</p>

<li>1 Kg. de cebolla.</li>

<li>2 L. de caldo de carne.</li>

<li>100 gr. de mantequilla.</li>

<li>1 cucharada de harina.</li>

<li>100 gr. de queso emmental suizo o gruyere rallado.</li>

<li>Pan tostado en rebanadas.</li>

<li>1 hoja de laurel.</li>

<li>Pelar y partir las cebollas en rodajas finas.</li>

<li>Añadir la harina sin dejar de remover.</li>

<li>Ponerlo en una cazuela con el caldo, el tomillo y el laurel. </li>

<li>Dejar cocer a fuego lento durante unos 15 minutos.</li>

<li>Poner las rebanadas de pan encima, espolvorear el queso y gratinar al

<title> Cesar Afonso Rivano </title>

border: 1px solid;

<h1>Cesar Afonso Rivano</h1>

<h3>Grado en Marketing y Publicidad</h3>

<p>Actualmente soy entrenador personal en un pequeño gimnasio del cual soy

<li>grado en marketing y publicidad cursado en:

<a href="https://es.eserp.com/" target="_blank">ESERP</a>

<td>Gestion de productos y marcas</td>

<li>grado superior higienista bucodental

<table style="background-color: yellow">

<td>Planificación correcta de tratamientos dentales con dentista</td>

<td>Tratamiento pacientes problemas bucales</td>

<td>Organizacion de gabinetes dentales</td>

input[type=text], input[type="email"], input[type="number"], input[type="date"], textarea, select

padding: 12px 20px;

border: 1px solid #ccc;

<input type="text" id="nombre" name="nombre"><br>

<input type="text" id="apellidos" name="apellidos"><br>

<label for="telefono">Telefono de contacto:</label><br>

<input type="email" id="email" name="email"><br>

<label for="numero_de_noches">Numero de noches:</label><br>

<input type="number" id="numero_de_noches" name="numero_de_noches"><br>

<label for="fecha_de_entrada">Fecha de entrada:</label><br>

<input type="date" id="fecha_de_entrada" name="fecha_de_entrada"><br>

<input type="radio" id="simple" name="tipo_de_habitacion" value="Simple">

<input type="radio" id="doble" name="tipo_de_habitacion" value="Doble">

<input type="radio" id="matrimonio" name="tipo_de_habitacion" value="Matrimonio">

<input type="checkbox" id="desayuno" name="desayuno" value="Desayuno">

<input type="checkbox" id="almuerzo" name="almuerzo" value="Almuerzo">

<input type="checkbox" id="cena" name="cena" value="Cena">

<input type="checkbox" id="cama_supletoria" name="cama_supletoria" value="Cama

<label for="cama_supletoria">Cama supletoria</label><br><br>

<textarea id="observaciones" name="observaciones" rows="4" cols="50">

<input type="submit" value="Enviar">

<input type="button" style="background-color: black;" value="Borrar">

También podría gustarte