Skip to content

Commit ab20272

Browse files
Maes95Maes95
committed
Add 'Bloque 1'
1 parent ca676ed commit ab20272

File tree

15 files changed

+192
-156
lines changed

15 files changed

+192
-156
lines changed

‎.gitignore

+2-1
Original file line numberDiff line numberDiff line change
@@ -26,4 +26,5 @@
2626
target
2727

2828
# virtual machine crash logs, see http://www.java.com/en/download/help/error_hotspot.xml
29-
hs_err_pid*
29+
hs_err_pid*
30+
.idea/

‎README.md

+7-8
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,19 @@
1-
# Desarrollo de Aplicaciones Web
1+
# Desarrollo Web Seguro
22

33
En este repositorio se encuentra el código con ejemplos y ejercicios resueltos de las diferentes partes de la asignatura "Desarrollo Web Seguro" del Grado en Ingeniería de la Ciberseguridad de la ETSII URJC.
44

55
## El temario de la asignatura se divide en 4 partes
66

77
### Bloque 1: Tecnologías web básicas de cliente: HTML, CSS, JavaScript
8-
* Tema 1: Introducción
9-
* Tema 2: Maquetación (HTML y CSS)
10-
* Tema 3: JavaScript
8+
* Tema 1.2: HTML ([html](bloque_1/html))
9+
* Tema 1.3: CSS ([css](bloque_1/css))
1110

1211
### Bloque 2. Tecnologías web de servidor: Java y Spring
13-
* Tema 2.1: Desarrollo web con Spring (spring_web)
14-
* Tema 2.2: APIs REST con Spring (spring_rest)
12+
* Tema 2.1: Desarrollo web con Spring ([spring_web](bloque_2/spring_web))
13+
* Tema 2.2: APIs REST con Spring ([spring_rest](bloque_2/spring_rest))
1514

1615
### Bloque 3. Bases de datos, vulnerabilidades y contramedidas web
17-
* Tema 3.1: Bases de datos con Spring (spring_database)
16+
* Tema 3.1: Bases de datos con Spring ([spring_database](bloque_3/spring_database))
1817

1918
### Bloque 4. Tecnologías web avanzadas de cliente: SPA con Angular
20-
* Tema 4.1: Seguridad en Spring (spring_security)
19+
* Tema 4.1: Seguridad en Spring ([spring_security](bloque_4/spring_security))

‎bloque_1/css/css_ejer1/index.html

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Ejercicio 1</title>
5+
<link type="text/css" rel="stylesheet" href="styles.css">
6+
</head>
7+
<body>
8+
<div>
9+
<a href="link"><img src="twitter.png"><span>Twitter!</span></a>
10+
</div>
11+
</body>
12+
</html>

‎bloque_1/css/css_ejer1/styles.css

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
a {
2+
font-family: Verdana, sans-serif;
3+
text-decoration: none;
4+
}
5+
6+
span {
7+
font-weight: bold;
8+
font-size: 18px;
9+
color: #ffffff;
10+
margin-top: 50px;
11+
}
12+
13+
div {
14+
height: 55px;
15+
width: 130px;
16+
border-color: #002F90;
17+
border-style: solid;
18+
background-color: #9DBADE;
19+
border-width: 4px;
20+
border-radius: 10px;
21+
margin: auto;
22+
text-align: center;
23+
}
24+
25+
img {
26+
width: 32px;
27+
height: 32px;
28+
padding-top: 10px;
29+
}

‎bloque_1/css/css_ejer1/twitter.png

5.92 KB
Loading

‎bloque_1/css/css_ejer2/index.html

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Ejercicio 2</title>
5+
<link rel="stylesheet" href="styles.css">
6+
</head>
7+
<body>
8+
<div class="container">
9+
<div class="item">1</div>
10+
<div class="item">2</div>
11+
<div class="item">3</div>
12+
<div class="item">4</div>
13+
<div class="item">5</div>
14+
<div class="item">6</div>
15+
<div class="item">7</div>
16+
<div class="item">8</div>
17+
<div class="item">9</div>
18+
<div class="item">10</div>
19+
</div>
20+
</body>
21+
</html>

‎bloque_1/css/css_ejer2/styles.css

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
body {
2+
padding-top: 1em;
3+
}
4+
5+
.container {
6+
display: flex;
7+
align-items: center;
8+
justify-content: space-around;
9+
flex-wrap: wrap-reverse;
10+
background: steelblue;
11+
width: 100px;
12+
height: 100px;
13+
}
14+
15+
.item {
16+
background: grey;
17+
min-height: 20px;
18+
min-width: 20px;
19+
border: 1px solid black;
20+
text-align: center;
21+
}

‎bloque_1/css/css_ejer3/index.html

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Ejercicio 3</title>
5+
<link type="text/css" rel="stylesheet" href="styles.css">
6+
</head>
7+
<body>
8+
<div class="grid">
9+
<div class="item a">Item 1</div>
10+
<div class="item b">Item 2</div>
11+
<div class="item c">Item 3</div>
12+
<div class="item d">Item 4</div>
13+
</div>
14+
</body>
15+
</html>

‎bloque_1/css/css_ejer3/styles.css

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
.grid {
2+
display: grid;
3+
}
4+
5+
.item {
6+
color: white;
7+
padding: 1em;
8+
text-align: center;
9+
}
10+
11+
.a {
12+
background: blue;
13+
grid-column-start: 1;
14+
grid-column-end: 3;
15+
}
16+
17+
.b {
18+
background: red;
19+
grid-row-start: 2;
20+
}
21+
22+
.c {
23+
background: green;
24+
grid-row-start: 2;
25+
}
26+
27+
.d {
28+
background: orange;
29+
grid-row-start: 3;
30+
grid-column-start: 2
31+
}

‎bloque_1/html/html_ejer1/imgs/gatogris.jpg

183 KB
Loading

‎bloque_1/html/html_ejer1/imgs/gatonaranja.jpg

194 KB
Loading

‎bloque_1/html/html_ejer1/imgs/perro.jpg

75.4 KB
Loading

‎bloque_1/html/html_ejer1/index.html

+54
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Ejercicio 1</title>
5+
</head>
6+
<body>
7+
<section>
8+
<table>
9+
<thead>
10+
<tr>
11+
<th>Tipo animal</th>
12+
<th>Cantidad</th>
13+
</tr>
14+
</thead>
15+
<tbody>
16+
<tr>
17+
<td>Gatos</td>
18+
<td>2</td>
19+
</tr>
20+
<tr>
21+
<td>Perros</td>
22+
<td>1</td>
23+
</tr>
24+
<tr>
25+
<td>Tortugas</td>
26+
<td>0</td>
27+
</tr>
28+
</tbody>
29+
</table>
30+
</section>
31+
<section>
32+
<h1>Animales</h1>
33+
<section>
34+
<h2>Gatos</h2>
35+
<a href="https://www.google.es/search?q=gato">Más información</a>
36+
<ul>
37+
<li>
38+
<h3>Naranja</h3>
39+
<img style="height: 500px" src="imgs/gatonaranja.jpg">
40+
</li>
41+
<li>
42+
<h3>Gris</h3>
43+
<img style="height: 500px" src="imgs/gatogris.jpg">
44+
</li>
45+
</ul>
46+
</section>
47+
<section>
48+
<h2>Perro</h2>
49+
<a href="https://www.google.es/search?q=perro">Más información</a><br/>
50+
<img style="height: 500px" src="imgs/perro.jpg">
51+
</section>
52+
</section>
53+
</body>
54+
</html>

‎bloque_3/spring_database/bd_ejem17/.factorypath

-75
This file was deleted.

0 commit comments

Comments
 (0)