Publicado el Deja un comentario

04 Web. Pagina de contacto con Mapa de direccion

Vemos como realizar nuestra pagina web de contacto insertando un mapa de Google marcando la direccion que necesitamos.



HTML

<!DOCTYPE html>
<html lang=”es”>
<head>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width, initial-secale=1.0″>
<meta name=”author” content=”Jose Ojeda (ticoticotaa)”>
<meta name=”keywords” content=”html,web,contacto”>
<meta name=”description” content=”contacto web”>
<link href=”css/estiloContacto.css” rel=”stylesheet” type=”text/css”>
<title>Contacto</title>
</head>
<body>
<section>
<article>
<header>
<h1>Contacta con nosotros</h1>
<address>C/ Calle, nยบ 25</address>
<a href=”mailto:kjkdjkf@djkd.com”>Enviar email</a>
</header>
<div id=”mapa”>
<iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3170.161976248746!2d-5.995048934340552!3d37.3860015298321!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x9d4fd647e46b7247!2sLa+Giralda!5e0!3m2!1ses!2ses!4v1520802459105″ width=”600″ height=”450″ frameborder=”0″ style=”border:0″ allowfullscreen></iframe>
</div>
</article>
</section>
</body>
</html>



CSS

*{
    max-width:960px;
    margin:0 auto;
}
h1{
    font-size:3em;
    text-align:center;
    padding:10px;
}
a{
    color:blue;
    padding:4px;
    background-color:white;
    text-decoration:none;
    border-radius:15px;
    border: 5px solid #bbb;
    text-align:center;
    margin:20px;
}
address{
    text-align:center;
    padding:10px;
}
header{
    text-align:center;
    padding:10px;
    margin:15px;
}
#mapa{
margin:0 auto;
}

Please follow and like us:
Publicado el Deja un comentario

29 Python. Ventana Email

Construimos una sencilla aplicacion para poder enviar emails usando la configuracion de Gmail.

from tkinter import *
from tkinter import messagebox
import smtplib
def enviar():
    email=emailDestino.get()
    texto=text.get(1.0,END)
    remitente=’dafsdafa@gmail.com’ #cambiado por seguridad
    destinatario=email
    msg=texto
    username=’dafsdafa@gmail.com’#cambiado por seguridad    password=’pdfafsafsa’#cambiado por seguridad
    server=smtplib.SMTP(‘smtp.gmail.com:587’)
    server.starttls()
    server.login(username,password)
    server.sendmail(remitente,destinatario,msg)
    server.quit()
    messagebox.showinfo(“Mensaje”,”Email enviado”)
def borrar():
    emailDestino.set(“”)
    text.delete(1.0,END)
   
                       
ANCHO=740
ALTO=550

ventana=Tk()
anchoAlto=str(ANCHO)+”x”+str(ALTO)
ventana.geometry(anchoAlto)
ventana.title(“Envia email”)
colorFondo=”#007″
colorLetra=”#FFF”
ventana.configure(background=colorFondo)
emailDestino=StringVar()
etiquetaEmail=Label(ventana,text=”Email”,bg=colorFondo,fg=colorLetra).place(x=50,y=40)
cajaEmail=Entry(ventana,textvariable=emailDestino).place(x=110,y=40,width=180)
etiquetaTexto=Label(ventana,text=”Texto”,bg=colorFondo,fg=colorLetra).place(x=50,y=80)
text=Text(ventana)
text.place(x=110,y=80,width=500)
botonEnviar=Button(ventana,text=”Enviar”,command=enviar,bg=colorFondo,fg=colorLetra).place(x=270,y=500)
botonBorrar=Button(ventana,text=”Borrar”,command=borrar,bg=colorFondo,fg=colorLetra).place(x=330,y=500)
mainloop()

Please follow and like us:
Publicado el Deja un comentario

Php – 22. Formulario de contacto

Ejemplo de codigo para crear un formulario de contacto con php que nos envie un email a la direccion de email que indiquemos en el codigo.

<!DOCTYPE html>
<html lang=”es”>
<head>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width, initial-secale=1.0″>
<meta name=”author” content=”Jose Ojeda (ticoticotaa)”>
<meta name=”keywords” content=”formulario contacto”>
<meta name=”description” content=”mi descripcion del documento”>
<title>Formulario contacto – Ticoticotaa</title>
</head>
<body>
<header>
<h1>FORMULARIO DE CONTACTO</h1>
<nav>
<ul>
<li><a href=”index.php”>Incio</a></li>
<li><a href=”acercade.html”>Acerca de</a></li>
<li><a href=”contacto.php”>Contacto</a></li>
</ul>
</nav>
</header>
<section>
<article>
<div id=”contacto”>
<h1>Contacto</h1>
<form action=”<?=$_SERVER[‘PHP_SELF’]?>” method=”post”>
<label>Nombre</label>
<input name=”nombre” type=”text”/><br>
<label>Email</label>
<input name=”email” type=”text”/><br>
<label>Mensaje</label>
<textarea name=”mensaje” rows=”10″ cols=”50″></textarea><br>
<input type=”submit” value=”Enviar”/>
<input type=”reset” value=”Borrar”/>
</form>

<?php
if ((!isset($_POST[’email’]))&&(!isset($_POST[‘nombre’]))){
   
}else{
    $nombre=htmlentities($_POST[‘nombre’]);
    $email=htmlentities($_POST[’email’]);
    $mensajeOrg=htmlentities($_POST[‘mensaje’]);
    $destino=”ticoticotaa@gmail.com”;
   
    $mensaje=”Mensaje del formulario de Ticoticotaa”;
    $mensaje.=”nNombre: “.$nombre;
    $mensaje.=”nEmail: “.$email;
    $mensaje.=”nMensaje: “.$mensajeOrg;
   
    $header=”FROM: $email”;
    $asunto=”Ticoticotaa, mensaje de  “.$email;
    @mail($destino,$asunto,$mensaje,$header);
    if(($nombre==””)&&($email==””)){
        echo”<h1>Rellena el formulario</h1>”;
    }else {
        echo”<h1>Mensaje enviado</h1>”;
    }
    $nombre=””;
    $email=””;
}
?>

</div>
</article>
<aside>
<h1>Redes sociales</h1>
</aside>
</section>
<footer></footer></body></html>

En rojo pongo el codigo php donde procesamos las variables obtenidas del formulario y las preparamos para incluirlas en la funcion @mail de php que realiza el envio del email.
En verde pongo el codigo html donde se prepara el formulario, indicando que se llama a la misma pagina con SELF y mediante codigo php se evalua si ya se han enviado las variables del formulario o no.
El codigo es sencillo, si teneis duda no dudeis en consultarme.
Os indico web donde tengo realizado una pagina de contacto similar en Ticoticotaa.
Tambien os pongo video explicando este codigo aqui:

Espero sea util. Gracias.

Please follow and like us: