jueves, 12 de marzo de 2020

EJEMPLO 1.21.1 INDEX.HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="Estilo/estiloEspecialidad.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Estilo1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 24px;
}
-->
</style>
</head>

<body>
<div align="center">
  <p><img src="ImagEscuela/CBTIS 121 Fachada Principal.jpeg" width="1000" height="400" alt="._.XD" /></p>
</div>
<p align="center"><span class="Estilo1">Especialidades</span></p>
<p align="left">Altas | Consulta</p>
<p align="left">Ejemplos de sitios web din&aacute;micos</p>
<p align="left">Acceso a la gesti&oacute;n de las especialidades en el CBTis 121.</p>
<p align="left">Podr&aacute; realizar:</p>
<ol>
  <li> Dar de alta una nueva especialidad.</li>
  <li> Consultar las especialidades.</li>
  <li> Modificar alg&uacute;n dato de las especialidades guardadas .</li>
  <li>Elimina alguna especialidad. </li>
</ol>
<p>Todo esto con s&oacute;lo a una base de datos de prueba instalada de manera local </p>
</body>
</html>




ARCHIVO DE CONEXION

<?php
 function conecta(){
 //Conexión a la base de datos
 $vServidor="localhost";
 $vUsuarioBD="root";
 $vContraseniaBD="";
 $vBD="escuela";
 $errorServ="No se puede conectar con el servidor";
 $errorBD="No se puede seleccionar la base de datos";
 //conexión al servidor local
 $conexion = mysql_connect ($vServidor, $vUsuarioBD,
    $vContraseniaBD) or die ($errorServ);
 //seleccionar la base de datos
  mysql_select_db ($vBD) or die (SerrorBD);
 // retorno de la conexión
 return ($conexion);
  }
 ?>

HOJA DE ESTILO (estiloEspecialidad)

body{
 margin-left: 10px;
 margin-top: 20px;
 margin-right: 10px;
 margin-bottom: 5px;
}
input{
 display:blok;
 width: 150px;
 float: left;
 margin-bottom: 10px;
}
label{
 display:blok;
 text-align:right;
 width: 120px;
 float: left;
 padding-right: 10px;
}
#recordar{
 width:1em;
}
br{
 clear:left;
}
#enviar{
width:50px;
margin-left:140px
.titulo {
 font-family: Cambria, "HoeflerText": "Times New Roman", serif;
 font-size: 20px;
 line-height: 30px;
 background-color: #FFFF66;
 color: #FF0000;
 text-align: center;
 font-style: normal;
}

1.21 ATRIBUTOS EMPLEADOS EN LA HOJA DE ESTILO PARA EL DISEÑO DE FORMULARIOS


miércoles, 11 de marzo de 2020

1.3.2.2 CREACION DE UN SCRIPT





TABLA 1.20


TABLA 1.19


TABLA 1.18 COMANDOS DE DML


TABLA 1.17 COMANDOS DE DDL


EJEMPLO 1.19

body{
 margin-left: 10px;
 margin-top: 20px;
 margin-right: 10px;
 margin-bottom: 5px;
 background-color: #EDD9FC;
}
a{
 color: #7B18A7;
}
a:visited {
 color: #D6A6FA;
}
a:hover {
 color: #FAEFA6;
}
table {
 border-collapse:collapse;
 border:2px solid violet;
 table-layout:fixed;
 width: 100%
}
td {
 padding:5px;
 border:1px solid violet;
}
th {
 color:white;
 background-color:violet;
 padding:5px;
}
tr{
 height:45px;
}
titulo {
 font-family: Cambria, "Hoefler Text"; "Times New Roman": serif;
 font-size: 20px;
 line-height: 30px;
 background-color: #7B18A7;
 color: #FFFF66;
 text-align: center;
 font-style: normal;
}
.subtitulo1 {
font-family: "Lucida Grande"; "Lucida Sans Unicode"; Verdana;
font-size: 17px;
line-height: 20px;
fonr-weight: bold;
color: #7B18A7;
font-style: normal;
text-align: center;
}
.normal {
 font-family: Cambria, "Hoefler Text"; "Liberation Serif'; Times;
 font-size: 14px;
 line-height: 20px;
 font-weight: bold;
 color: #7B18A7;
 font-style: normal;
 text-align: justify;
}
.derecha {
 font-family: Cambria, "HoeflerText'; "Liberation Serif'; Times;
 font-size: 14px;
 line-height: 20px;
 font-weight: bold;
 color: #7B18A7;
 font-style: normal;
 text-align: right;
}
.estilo24 {
 font-size: 24pt;
 color: #FE7747; 
}
.estiloPieTabla {
 font-size: 8pt;
 color: #FE7747;
 text-align: center;
}


EJEMPLO 1.18



EJEMPLO 1.17



EJEMPLO 1.16


EJEMPLO 1.15




EJEMPLO 1.14