Crea un tema compatibile con le ultime novità WordPressSkillsAndMore
Presentazione rilasciata al WordCamp Torino 2017 all'interno della quale vengono presentate le novità per creare un tema WordPress e migliorare il nostro lavoro da sviluppatori.
Trovi tutte le informazioni necessarie a questo indirizzo: https://skillsandmore.org/corso/crea-il-tuo-primo-tema-wordpress/
How to Turn Your Ugly Old CSS into a Clean Future-Ready BeautyRobin Pokorny
Slides from my WebExpo presentation: http://webexpo.net/prague2013/talk/how-to-turn-your-ugly-old-css-into-clean-future-ready-beauty/
I hope to add annotations soon.
Crea un tema compatibile con le ultime novità WordPressSkillsAndMore
Presentazione rilasciata al WordCamp Torino 2017 all'interno della quale vengono presentate le novità per creare un tema WordPress e migliorare il nostro lavoro da sviluppatori.
Trovi tutte le informazioni necessarie a questo indirizzo: https://skillsandmore.org/corso/crea-il-tuo-primo-tema-wordpress/
How to Turn Your Ugly Old CSS into a Clean Future-Ready BeautyRobin Pokorny
Slides from my WebExpo presentation: http://webexpo.net/prague2013/talk/how-to-turn-your-ugly-old-css-into-clean-future-ready-beauty/
I hope to add annotations soon.
1. INFORME
Integrante: Farinango Morales Milton Gonzalo
SEMESTRE: TERCERO
PARALELO: C
PRÁCTICA:#2
TEMA:
Operadores lógicos
OBJETIVO:
• Realizar la utilización de operadores lógicos y mejoramiento del uso del lenguaje de programación “PHP”
• Reconocer el uso de variables para el desarrollo del programa en “PHP”.
• Aprender a utilizar el nuevo lenguaje de programación de “PHP”.
RESULTADOS DE APRENDIZAJE
• La mejor comprensión del uso de lenguaje PHP
• Manipulación del servidor “XAMPP”
• Utilización de los operadores lógicos
ACTIVIDADES:
- Realizar una página web que contenga información comerciante, así como también debe contener
asistente virtual
Para la página se utilizamos las siguientes líneas de códigos
Realicé un html para estructurar mi página
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>login</title>
<link rel="stylesheet" href="css/LOGIN2.css">
<link rel="stylesheet" href="css/cabecera.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.m
</head>
<body>
<form action="validar.php" method="post">
<h1 class="animate__animated animate__backInRight"> INGRESE SUS DATOS</h1>
<p>Ingrese su Nick <input type="text" placeholder="Nick" name="usuario"></p>
<p>Ingrese su Contraseña <input type="password" placeholder="Contraseña" name="contraseña"></p>
<input type="submit" value="Ir al sitio web">
</form>
</body>
</html>
Utilicé la siguiente línea de código para validar mi información con un login
<?php
$name=$_POST["usuario"];
$pass=$_POST["contraseña"];
if(!isset($name) && !isset($pass))
UNIVERSIDAD CENTRAL DEL ECUADOR
FACULTAD DE FILOSOFÍA, LETRAS Y CIENCIAS DE LA EDUCACIÓN
CARRERA DE LA PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES
DE LA INFORMÁTICA
2. {
?>
<html>
<form method="post">
<input type="text" name="name">
<input type="password" name="contra">
</form>
</html>
<?php
}
else if($name=="Gonzalo" && $pass=="12345")
{
header("location:Admin.php");
}
else if($name=="Milton" && $pass=="0546")
{
header("location:Admin.php");
}
?>
<?php
include ("index.html");
?>
<h1 class="bad"> DATOS INCORRECTOS </h1>
<?php
?>
Utilicé la siguiente línea de código para validar mi estilo, recalco que está en css
* {
padding: 0;
margin: 0;
font-family: century gothic;
text-align: center;
}
form {
padding: 50px 20px;
background-color: #72bbe6a6;
margin: calc(25% + 100px);
margin-top: 70px;
padding-top: 28px;
margin-bottom: 30px
}
h1 {
text-align: center;
padding: 12px;
5. top: -50px;
left: calc(50% - 50px);
}
CAPTURAS DEL PROGRAMA
SI INGRESO INCORRECTAMENTE ME SALTA LO SIGUIENTE:
Al ingresar bien me saltará a mi pagina inicial
6. En el diseño de mi página utilice las siguientes líneas de código en php para su
estructura
15. }
.logo img {
width:100%;
vertical-align: top;
}
nav {
float: right;
}
nav ul li {
display: inline-block;
margin:2px 5px;
}
nav ul li a {
display: block;
background: #f2f2f2;
color: #037E8C;
padding:10px 20px;
text-decoration: none;
border-radius:3px;
transition:all 300ms ease;
}
nav ul li a:hover {
color: #fff;
background: #020202;
}
.mensaje {
background:#3ba7af;
background-image:url(../scaled.png);
background-size: 250px 100px;
padding:20px;
color:rgb(0, 0, 0);
margin:20px 0;
border-radius:5px;
}
.articulo {
float: left;
width: 35%;
padding:0px 20px 20px 0px;
color:#fff;
}
16. aside {
background:#fc5cee;
color:rgb(0, 0, 0);
}
.precio {
background:#fcf15c;
color:rgb(0, 0, 0);
}
.precio2 {
background:#f53c3c;
color:rgb(255, 255, 255);
}
.widget1 ul {
float: left;
margin:2px 5px;
width: 33%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}
.widget2 ul {
float: left;
width: 33%;
padding:0px 20px 20px 0px;
background:#02fa6900;
color:rgb(255, 255, 255);
}
.widget3 ul {
float: left;
width: 33%;
padding:0px 20px 20px 0px;
background:#fd000000;
color:rgb(255, 255, 255);
}
.widget4 ul {
float: right;
margin:2px 5px;
width: 33%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}
17. .widget5 ul {
float: left;
width: 33%;
padding:0px 20px 20px 0px;
background:#02fa6900;
color:rgb(255, 255, 255);
}
.widget6 ul {
float: left;
width: 33%;
padding:0px 20px 20px 0px;
background:#fd000000;
color:rgb(255, 255, 255);
}
.widget7 ul {
float: left;
margin:2px 29px;
width: 23%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}
.widget8 ul {
float: left;
margin:2px 3px;
width: 23%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}
.widget9 ul {
float: left;
margin:2px 3px;
width: 23%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}
.widget10 ul {
18. float: left;
margin:2px 3px;
width: 23%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}
.widget11 ul {
float: left;
margin:2px 29px;
width: 23%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}
.widget12 ul {
float: left;
margin:2px 3px;
width: 23%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}.widget13 ul {
float: left;
margin:2px 3px;
width: 23%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}.widget14 ul {
float: left;
margin:2px 3px;
width: 23%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}
19. .widget ul {
margin-left:20px;
}
.widget ul li {
margin:10px 0;
width: 100%;
}
.widget ul li a {
color:rgb(0, 0, 0);
}
.widget ul li a:hover {
text-decoration: underline;
}
footer {
width: 100%;
background:rgb(238, 241, 24);
padding:0px 0;
color:rgb(0, 0, 0);
}
footer p {
text-align:center;
}
Para dar una información de mi página utilicé lo siguiente que de igual forma está
en php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Inicio</title>
<link rel="stylesheet" href="estilos.css">
</head>
<body>
<body>
<button onclick="location.href='http://127.0.0.1/Ejecicios/PAGINA%20WEB%2
0SAI/LOGIN/Admin.php'">Necesitar ir al inicio, pulsa aquí</button>
</body>
<center>
<a href="#"><img src="https://skin-
us.cdn.prod.wmgecom.com/skin/frontend/wmi/theme1234/images/logo.svg"width
="80" height="50"alt="TOP"></a>
<div class="mensaje">
<font face="Courier New"> <h1>Bienvenido a nuestra Tienda Onl
ine </h1> </font>
20. </center>
</div>
</div>
<body bgcolor="#8DD6C0">
<MARQUEE WIDTH=100% BGCOLOR=WHITE> <font face= TIMESNEWROMAN color=
BLACK size=5>
Sobre Scaled and Icy
</font>
</MARQUEE>
<center>
<p> <font face="Courier New"> <h4>La tienda Scaled an Icy es una idea de
negocio que surge como respuesta a la necesidad del consumidor
que demanda una moda extranjera centrada al estilo de una banda de Altern
ativo denominada como Twenty One pilos.El punto de este tipo de
negocio es darle al cliente un solo lugar donde pueda adquirir todo lo qu
e necesite para una moda alterna . Por ello es que el inventario
planea cubrir ropa tanto para hombre como para mujer; así como un estilo
único y escensial.</h4> </font> </p>
</center>
<body bgcolor="#8DD6C0">
<MARQUEE WIDTH=100% BGCOLOR=WHITE> <font face= TIMESNEWROMAN color=
BLACK size=5>
Mísión
</font>
</MARQUEE>
<center>
<p> <font face="Courier New"> <h4>Proveer de una línea de ropa y accesori
os orientales con productos de importación</h4> </font> </p>
</center>
<body bgcolor="#8DD6C0">
<MARQUEE WIDTH=100% BGCOLOR=WHITE> <font face= TIMESNEWROMAN color=
BLACK size=5>
Visión
</font>
</MARQUEE>
<center>
<p> <font face="Courier New"> <h4>Ser la tienda de renombre en estilo alt
erno, a manera de que el consumidor acuda a nosotros por la
diversidad de ropa, accesorios y asesoría en moda de este tipo.</h4> </fo
nt> </p>
</center>
<body bgcolor="#8DD6C0">