examen practico
https://scmjuniosantiagomo.000webhostapp.com/
html:
<html>
<head>
<title>Prueba Html-CSS-Javascript JSMO </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body background="fondo.jpg">
<p id="demo">Buenas Tardes!</p>
<script>
if (new Date().getHours() < 18) {
document.getElementById("demo").innerHTML = "Buenos días!";}
<body onLoad="Bienvenido();">
<p>Mostramos "Buenos días!" si la hora es menor que 18:00:</p>
<p id="demo">Buenas Tardes!</p>
<script>
if (new Date().getHours() < 18) {
document.getElementById("demo").innerHTML = "Buenos días!";}
</script>
<!—referencia al archivo javascript que vamos a usar-->
<script src="javascript.js"></script>
<script type="text/javascript">
window.setInterval (BlinkIt, 500);
var color = "blue";
function BlinkIt (){
var blink = document.getElementById ("blink");
color = (color == "#ffffff")? "blue" : "#ffffff";
blink.style.color = color;}
</script>
<div class="titulo" id="blink" onclick="parent.location='https://scm-santiagomi2020.blogspot.com/'">
Blog!</div>
<p>Selecciona algo del texto: </p>
<input type="text" value="buscar" onselect="myFunction2()">
<p id="nombre">Opciones</p>
<button type="button" onclick="cambiarArchivoCss('final3.css')">Cambio a estilo3</button>
<button type="button" onclick="cambiarArchivoCss('final.css')">Cambio a estilo1</button>
<button type="button" onclick="cambiarArchivoCss('final2.css')">Cambio a estilo2</button>
<button type="button" onclick="myFunctiondemo()">Pulsame cambio
<button onclick="myFunction()">Click me</button>
<script>
function myFunction() {
alert("HELP!");}
</script>
</body>
</html>
<button type="button" onclick="myFunctiondemo1()">Pulsame otro cambio
header</button>
<div id="demo">
<div id="container">
<div id ="header">
<h1>Sitio web santiago miranda (SCM)</h1>
</div> <!--fin de header-->
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Servicios</a></li>
<li><a href="#">Sobre mi</a></li>
<li><a href="#">Contacto</a></li>
<li><a href="https://scm-santiagomi2020.blogspot.com/">Mi Blog</a></li>
</ul>
</div> <!-- fin de menu-->
<div id="mainContainer">
<div id ="content">
</div> <!--fin del content-->
<div id="sidebar">
<h3>Menu</h3>
<ul>
<li>¿Quien soy?</li>
<li>Practicas </li>
<li>lista de clases</li>
</ul>
</div> <!-- fin de sidebar-->
<div id="footer">
<p> Sistemas de comunicación Multimedia</p>
</div> <!-- fin de footer-->
<!-- fin de container-->
</div>
</body>
<body>
<div class="contenedor">
<h1 style="color:blue;margin-left:30px;">
</h1>
<h3 align="left">
Julian Santiago Miranda Ortiz</h3>
<div align="left" justify="" class="fuente">
Me llamo Julian Santiago Miranda Ortiz nací en Bogota,<br /><u>Colombia</u> actualmente voy en séptimo semestre de diseño industrial <br /> y me encuentro de intercambio en <u>España</u> especificamente en la cuidad de <br /> Mérida en Extremadura.</div>
<div align="LEFT" justify="" class="fuente"><br/>
En esta pagina web de la clase <b>sistemas de comunicación y multimedia</b> vamos a realizar la practica Css probando las diferentes reglas de estilos </div>
</div>
<body>
<br/>
<div class="contenedor">
<h2 style="color:blue;margin-left:30px;"> Practicas</h2>
<ul type="SQUARE">
<li> HTML.</li>
<li> Css.</li>
<li> Javascript.</li>
<li> Paginas web.</li>
<li> RRSS,infografías,Qr</li>
<li> Audio, vídeo y web 3d</li>
<li> Motores Gráficos</li>
<li> Unity y Vuforia.</li>
<li> Motor gráfico Unreal.</li>
</ul>
</div>
<div class="contenedor1">
<h4 style="color:green;margin-left:30px;">Lista de clases</h4>
<li> Taller IV.</li>
<li> Envase y embalaje.</li>
<li> Sistemas de comunicación y multimedia.</li>
<li> Gestión de la innovación.</li>
<li> Comercialización.</li>
</ol>
</div>
<table align="center" border="" style="width: 100%px;">
<caption align="top">
<h4>Horario de clases </h4>
</caption>
<tr align="left">
<th>
<th>Lunes</th>
<th>Martes</th>
<th>Miércoles</th>
<th>Jueves</th>
<th>Viernes</th>
</th>
</tr>
<tr align="left">
<th>Mañana
<td>Envase y embalaje//Taller IV</td>
<td>***</td>
<td>Multimedia</td>
<td>Taller IV</td>
<td>***</td>
</th>
</tr>
<tr align="left">
<th>Tarde
<td>Multimedia</td>
<td>Gestión // comercialización</td>
<td>Comerzialización</td>
<td>Gestión</td>
</th>
</tr>
</table>
</body>
css:
p, h1,h2,h3,h4, li, ol, ul, table, .fuente{font-size: large;
font-family: Arial, Helvetica, sans-serif;
color: white;}
.contenedor{
width: 600px;
border: 4px solid #333;
padding: 5px;
overflow: hidden;
}
.contenedor1{
width: 600px;
border: 4px solid #333;
padding: 5px;
overflow: hidden;
position: absolute;
left: 650px;
top: 850px;
}
.titulo{
font-size: 100px;
text-align: center;
}
html:
<html>
<head>
<title>Prueba Html-CSS-Javascript JSMO </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body background="fondo.jpg">
<p id="demo">Buenas Tardes!</p>
<script>
if (new Date().getHours() < 18) {
document.getElementById("demo").innerHTML = "Buenos días!";}
<body onLoad="Bienvenido();">
<p>Mostramos "Buenos días!" si la hora es menor que 18:00:</p>
<p id="demo">Buenas Tardes!</p>
<script>
if (new Date().getHours() < 18) {
document.getElementById("demo").innerHTML = "Buenos días!";}
</script>
<!—referencia al archivo javascript que vamos a usar-->
<script src="javascript.js"></script>
<script type="text/javascript">
window.setInterval (BlinkIt, 500);
var color = "blue";
function BlinkIt (){
var blink = document.getElementById ("blink");
color = (color == "#ffffff")? "blue" : "#ffffff";
blink.style.color = color;}
</script>
<div class="titulo" id="blink" onclick="parent.location='https://scm-santiagomi2020.blogspot.com/'">
Blog!</div>
<p>Selecciona algo del texto: </p>
<input type="text" value="buscar" onselect="myFunction2()">
<p id="nombre">Opciones</p>
<button type="button" onclick="cambiarArchivoCss('final3.css')">Cambio a estilo3</button>
<button type="button" onclick="cambiarArchivoCss('final.css')">Cambio a estilo1</button>
<button type="button" onclick="cambiarArchivoCss('final2.css')">Cambio a estilo2</button>
<button type="button" onclick="myFunctiondemo()">Pulsame cambio
<button onclick="myFunction()">Click me</button>
<script>
function myFunction() {
alert("HELP!");}
</script>
</body>
</html>
<button type="button" onclick="myFunctiondemo1()">Pulsame otro cambio
header</button>
<div id="demo">
<div id="container">
<div id ="header">
<h1>Sitio web santiago miranda (SCM)</h1>
</div> <!--fin de header-->
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Servicios</a></li>
<li><a href="#">Sobre mi</a></li>
<li><a href="#">Contacto</a></li>
<li><a href="https://scm-santiagomi2020.blogspot.com/">Mi Blog</a></li>
</ul>
</div> <!-- fin de menu-->
<div id="mainContainer">
<div id ="content">
</div> <!--fin del content-->
<div id="sidebar">
<h3>Menu</h3>
<ul>
<li>¿Quien soy?</li>
<li>Practicas </li>
<li>lista de clases</li>
</ul>
</div> <!-- fin de sidebar-->
<div id="footer">
<p> Sistemas de comunicación Multimedia</p>
</div> <!-- fin de footer-->
<!-- fin de container-->
</div>
</body>
<body>
<div class="contenedor">
<h1 style="color:blue;margin-left:30px;">
</h1>
<h3 align="left">
Julian Santiago Miranda Ortiz</h3>
<div align="left" justify="" class="fuente">
Me llamo Julian Santiago Miranda Ortiz nací en Bogota,<br /><u>Colombia</u> actualmente voy en séptimo semestre de diseño industrial <br /> y me encuentro de intercambio en <u>España</u> especificamente en la cuidad de <br /> Mérida en Extremadura.</div>
<div align="LEFT" justify="" class="fuente"><br/>
En esta pagina web de la clase <b>sistemas de comunicación y multimedia</b> vamos a realizar la practica Css probando las diferentes reglas de estilos </div>
</div>
<body>
<br/>
<div class="contenedor">
<h2 style="color:blue;margin-left:30px;"> Practicas</h2>
<ul type="SQUARE">
<li> HTML.</li>
<li> Css.</li>
<li> Javascript.</li>
<li> Paginas web.</li>
<li> RRSS,infografías,Qr</li>
<li> Audio, vídeo y web 3d</li>
<li> Motores Gráficos</li>
<li> Unity y Vuforia.</li>
<li> Motor gráfico Unreal.</li>
</ul>
</div>
<div class="contenedor1">
<h4 style="color:green;margin-left:30px;">Lista de clases</h4>
<li> Taller IV.</li>
<li> Envase y embalaje.</li>
<li> Sistemas de comunicación y multimedia.</li>
<li> Gestión de la innovación.</li>
<li> Comercialización.</li>
</ol>
</div>
<table align="center" border="" style="width: 100%px;">
<caption align="top">
<h4>Horario de clases </h4>
</caption>
<tr align="left">
<th>
<th>Lunes</th>
<th>Martes</th>
<th>Miércoles</th>
<th>Jueves</th>
<th>Viernes</th>
</th>
</tr>
<tr align="left">
<th>Mañana
<td>Envase y embalaje//Taller IV</td>
<td>***</td>
<td>Multimedia</td>
<td>Taller IV</td>
<td>***</td>
</th>
</tr>
<tr align="left">
<th>Tarde
<td>Multimedia</td>
<td>Gestión // comercialización</td>
<td>Comerzialización</td>
<td>Gestión</td>
</th>
</tr>
</table>
</body>
css:
p, h1,h2,h3,h4, li, ol, ul, table, .fuente{font-size: large;
font-family: Arial, Helvetica, sans-serif;
color: white;}
.contenedor{
width: 600px;
border: 4px solid #333;
padding: 5px;
overflow: hidden;
}
.contenedor1{
width: 600px;
border: 4px solid #333;
padding: 5px;
overflow: hidden;
position: absolute;
left: 650px;
top: 850px;
}
.titulo{
font-size: 100px;
text-align: center;
}
Comentarios
Publicar un comentario