22
TUTORIA 5 CREACION DE FORMULARIOS DE CONTACTO Y DE SONDEOS USO DE FILEZILLA PERSONALIZACION DE LA BARRA DE TITULO

tutoria-5

Embed Size (px)

DESCRIPTION

uso de filezilla, personalizacion de la barra de titulo y formularios

Citation preview

Page 1: tutoria-5

TUTORIA 5•CREACION DE FORMULARIOS DE CONTACTO Y DE SONDEOS

•USO DE FILEZILLA

•PERSONALIZACION DE LA BARRA DE TITULO

Page 2: tutoria-5

CREACION DE FORMULARIO DE CONTACTO

• Para realizar los formularios de contacto existen sitios como este http://es.foxyform.com/

• En este sitio se puede seleccionar el fondo, colores y la información necesaria

Page 3: tutoria-5

CREANDO FORMULARIO DE CONTACTO

Page 4: tutoria-5

VISTA PREVIA DE FONDO, DATOS Y TEXTO

Page 5: tutoria-5

DISEÑADO EL FORMULARIO

• Una vez diseñado el formulario se da click en el botón crear formular

• Luego se copia el código generado en el body de la pagina que se este diseñando

Page 6: tutoria-5

CODIGO DEL FORMULARIO

Page 7: tutoria-5

CREACION DEL FORMULARIO DE SONDEO• En este caso se ha ingresado al sitio

web http://www.jotform.com/.• Jotform, tiene una gran cantidad de

herramientas que permite realizar cualquier tipo de formularios que para este ejemplo es uno de sondeo.

Page 8: tutoria-5

http://www.jotform.com/.

Page 9: tutoria-5

SE HA PUESTO UN ENCABEZADO Y LA OPCION DE CALIFICAR

Page 10: tutoria-5

El BOTON DE ENVIAR APARECE CON UN NOMBRE PREDETERMINADO EL CUAL SE PUEDE MODIFICAR SELECCIONANDO PROPIEDADES Y LUEGO EN MAS PROPIEDADES

Page 11: tutoria-5

PARA TERMINAR EL DISEÑO SE PUEDE ELEGIR UN TEMA O PONER EL COLOR DEL FONDO QUE SE DESEE

Page 12: tutoria-5

PARA OBTENER EL CODIGO SE DA CLICK EN CODIGO FUENTE

Page 13: tutoria-5

USANDO FILEZILLA

• Cuando se tiene el nombre del dominio, contraseña y usuario de ftp se ingresa en filezilla para subir la información en el servidor del sitio web

Page 14: tutoria-5

INGRESANDO AL SERVIDOR DEL SITIO WEB

Page 15: tutoria-5

CUANDO SE ESTABLECE LA CONEXIÓN PROCEDEMOS A SUBIR LOS ARCHIVOS DE NUESTRO PC AL SERVIDOR EN LA CARPETA PUBLIC HTML

Page 16: tutoria-5

LOS ARCHIVOS YA SE PUEDEN OBSERVAR EN EL SERVIDOR

Page 17: tutoria-5

PERSONALIZANDO LA BARRA DE TITULO

• Lo recomendable es asignar un titulo al index a través de las propiedades o en el código se puede hacer con la etiqueta <title>

• Además se puede agregar un icono en la barra que le de estilo al sitio web esto se hace convirtiendo la imagen en .ico en sitios web como http://www.jotform.com/ o http://www.favicon.cc/

• Para insertar el icon se usa el codigo <link rel="shortcut icon" href=“nombreimagen.ico"> en el head

Page 18: tutoria-5

INGRESAMOS A http://ico.bradleygill.com/index.php

Page 19: tutoria-5

SE SUBE LA IMAGEN ELEGIDA

Page 20: tutoria-5

DESCARGAMOS LA IMAGEN RESULTANTE

Page 21: tutoria-5

POR ULTIMO INGRESAR EL CODIGO AL EDITOR DE LA PAGINA

Page 22: tutoria-5

MAYOR INFORMACION EN:• http://www.caminoweb.com/docs/filezilla.html

• http://www.comocrearunsitioweb.com/subir-una-pagina-web

• http://www.pspstation.org/pc-mac-92/tutorial-poner-favicon-ico-paginas-web-8680/