@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo

Presentación del tema: "@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo"— Transcripción de la presentación:

1 @josedlujan

2 Director de Desarrollo M.T.I. José Dimas Luján Castillo ockhamti.com - @josedlujan @josedlujan

3 OCKHAM Materia correspondiente al curso: http://www.ockhamti.com/cursos/htmldesdecero/material/ Encontraran las diapositivas agrupadas por día, también el material que descargamos y algunas instrucciones dependiendo de la actividad por semana. Recuerden nuestro sitio es: www.ockhamti.com @josedlujan

4 Curso html desde cero, CSS y principios php. @josedlujan Desarrollo web desde cero Día 4, En resumen: PhpMyAdmin Cpanel MySQL SEO Orgánico y de Pago SEO y SEM

5 Curso html desde cero, CSS y principios php. @josedlujan Cpanel Es una herramienta de administración basado en tecnologías web para administrar sitios de manera fácil, con una interfaz limpia. Se trata de un software no libre disponible para un gran número de distribuciones de Linux que soporten RPM, como SuSE, Fedora, Mandriva, etc. Lo que podemos hacer: Cuentas de correo Re direccionamiento Auto Contestadores Cuentas FTP Respaldos Visitantes Banda ancha Estadísticas Subdominios Bases de datos, y mucho mas……

6 Curso html desde cero, CSS y principios php. @josedlujan PhpMyAdmin phpMyAdmin es una herramienta escrita en PHP con la intención de manejar la administración de MySQL a través de páginas web, utilizando Internet. Actualmente puede crear y eliminar Bases de Datos, crear, eliminar y alterar tablas, borrar, editar y añadir campos, ejecutar cualquier sentencia SQL, administrar claves en campos, administrar privilegios, exportar datos en varios formatos y está disponible en 62 idiomas. Se encuentra disponible bajo la licencia GPL. Lo que podemos hacer: Crear BD Crear Tablas Insertar datos Eliminar datos Modificar datos Exportar BD Importar BD Gestionar completamente BD

7 Curso html desde cero, CSS y principios php. @josedlujan. SEO Search Engine Optimization, es el proceso de mejorar la visibilidad de un sitio web en diferentes buscadores de manera orgánica. La optimización de buscadores se realiza en dos sentidos: interno, dentro de la propia web, y externo, fuera de las páginas a optimizar. Posicionamiento natural (Análisis del Sitio Web,Servicio de Búsqueda, Texto y Palabras Claves, Alta en Buscadores, Enlaces, Seguimiento). Todos los demás o termino patrocinado/pagado (Existen varios métodos, PPC, Anuncios, Web directas, enlaces, textos, referencias)

8 Curso html desde cero, CSS y principios php. @josedlujan. Orgánico Buen dominio Buena URL Escribir artículos en otros sitios web Crear contenidos de calidad. Utilizar las etiquetas “meta” Resaltar palabras clave Realizar la estructuración y el diseño. Ancho de Banda Darse de alta en google Darse de alta en buscadores. Utilizar los títulos. Participación

9 Curso html desde cero, CSS y principios php. @josedlujan. Pagado Ppc Subastas Pago por links Pago por contenido Adsense Adwords Publicidad Redes sociales Anuncios en Redes Sociales Campañas

10 Curso html desde cero, CSS y principios php. @josedlujan. Formularios Ahora retomando una parte de html que es elemental para trabajar con php son los formularios. Los formularios son la forma de que html envié datos a una siguiente pagina, la etiqueta de los formularios es recuerden siempre que abro una etiqueta, la cierro.

11 Curso html desde cero, CSS y principios php. @josedlujan. PHP

12 Curso html desde cero, CSS y principios php. @josedlujan. Formularios Primero ponemos la etiqueta form Le ponemos un método, solo existen 2 métodos POST o GET. Luego le ponemos un nombre, yo le puse contact, pero puede ser, juanito, pepito, etc. Al final una acción que en realidad es la acción que va realizar cuando presione el botón de formulario, un formulario Estándar debe tener un botón y el objetivo de ese botón es ejecutar el action, en este caso es el enviar.

13 Curso html desde cero, CSS y principios php. @josedlujan. Formularios Como dato sobre los métodos, GET y POST. Uno utiliza GET cuando va recibir variables por la url como por ejemplo: www.facebook.com/id=124354353252&usuario=34543543 En la url estamos pasando dos variables la id y la usuarios con su respectivo valor, como ven no es un método seguro ya que las variables son publicadas ala vista, pero es útil cuando quieren un catalogo o una categoría ya que no importa que todos vean que la categoría 20340 es la de accesorios de X cosas.

14 Curso html desde cero, CSS y principios php. @josedlujan. Formularios Uno utiliza POST cuando va recibir variables por medio de un formulario como lo haremos nosotros. Mas adelante cuando recibamos el formulario lo vamos a utilizar.

15 Curso html desde cero, CSS y principios php. @josedlujan. Formularios Entonces la estructura básica del formulario es esta: Un método, un nombre y una acción. Nosotros tenemos lo siguiente:

16 Curso html desde cero, CSS y principios php. @josedlujan. Formularios Ahora necesitamos crear los campos en donde se van a recibir los datos, como la imagen del formulario de diapositivas atrás. Así se pone en html esto: Esto nos generara algo asi:

17 Curso html desde cero, CSS y principios php. @josedlujan. Formularios Input le estamos diciendo que es una entrada. nombre es el que ponemos puede ser Juanito, pepito. Type es el tipo en este caso es texto, pueden ser números, números de teléfono, correo. Class es si le queremos poner un estilo en nuestro archivo.css Id es un identificador Max length es el largo de caracteres, es decir 60 caracteres máximo. Entonces necesitamos hacer el campo, nombre, correo, asunto y texto.

18 Curso html desde cero, CSS y principios php. @josedlujan. Formularios El ultimo campo Como es un mensaje largo, se recomienda que sea un campo text area no un input como los anteriores quedaria asi: Con eso creamos una superficie mas grande para escribir con un nombre y tamaño en los rows y cols, que en español filas y columnas. Entonces nuestro formulario queda asi:

19 Curso html desde cero, CSS y principios php. @josedlujan. Formularios

20 Curso html desde cero, CSS y principios php. @josedlujan. Formularios Nos falta un boton: TODO DEBE IR ADENTRO DE LA ETIQUETA FORMULARIO PARA FUNCIONAR.

21 Curso html desde cero, CSS y principios php. @josedlujan. Formulario Ya tenemos nuestro formulario, pero para darle funcionalidad tenemos que meter php para poder recibir los datos que enviamos y manipularlos. Entonces veamos que es PHP

22 Curso html desde cero, CSS y principios php. @josedlujan. PHP Lenguaje de programación interpretado (Lenguaje de alto rendimiento), diseñado originalmente para la creación de páginas web dinámicas. Se usa principalmente para la interpretación del lado del servidor. PHP es un acrónimo recursivo que significa PHP Hypertext Pre- processor. Php corre del lado del servidor. El explorador no deja de recibir html aunque tenga lenguajes de programación Existen lenguajes de programación que se ejecutan del lado del cliente como Javascript Existen lenguajes como Php, Perl, Ajax, python, java que son del lado del server.

23 Curso html desde cero, CSS y principios php. @josedlujan. PHP ¿Por qué php? Si queremos un sitio en donde el contenido sea dinámico, como vimos al principio del curso como facebook, todos entramos al mismo facebook pero vemos cosas diferentes dependiendo de la persona y cuenta de usuario. También paginas que muestran diferentes cosas sin tener que iniciar sesión, como tiendas online, bolsas de trabajo, catálogos, etc. El lenguaje de programación lo que hace es tomar variables y datos desde una base de datos.

24 Curso html desde cero, CSS y principios php. @josedlujan. PHP ¿Entonces que necesitamos para un web dinámica? Html + CSS+ Base de datos + Lenguaje de programación Bases de datos platicamos la clase pasada será: MySQL Lenguaje de programación será: Php Recordar que Php esta del lado del servidor así que todos los cambios tiene que ser dentro del servidor, si quieres correr php en tu maquina tienes que instalar el servidor y recomendable realizar en Linux.

25 Curso html desde cero, CSS y principios php. @josedlujan. PHP Lo primero es volver el archivo que vaya contener php, con terminación.php Por ejemplo nuestro index.html puede ser ahora index.php. Si volvemos nuestro sitio.php lo que tenemos que hacer también es la línea de include cambiarla. Antes estaba así: Ahora así: Así para todos los includes.

26 Curso html desde cero, CSS y principios php. @josedlujan. PHP Cambiando la extensión a.php es la forma en que ya podemos poner código php. Algo importante es que el código en php siempre va entre dos cosas <?php Así abrimos TODO LO DE AQUÍ SERA INTERPRETADO POR EL SERVER COMO PHP ?> Así cerramos Ejemplo: <?php echo ‘imprimiendo una línea’; ?> Todas las líneas en php terminan con punto y coma si no lo haces marcara error. echo es la instrucción que manda a imprimir algo que pongamos entre comillas

27 Curso html desde cero, CSS y principios php. @josedlujan. PHP Entonces si queremos imprimr tres lineas con nuestro nombre,edad y sexo hacemos lo siguiente: <?php echo ‘mi nombre es jose’; echo ‘mi edad es 25’; echo ‘mi sexo es masculino’; ?> Todo va encerrado entre por que esta escrito en lenguaje php.

28 Curso html desde cero, CSS y principios php. @josedlujan. PHP Lo que imprimimos entre comillas se le conoce como cadena de caracteres, recuerda que un carácter puede ser una letra, signo, numero etc., entonces el conjunto de ellos se le conoce como cadena de caracteres. Ahora vamos a imprimir variables es decir cosas con un valor que puede cambiar. Para utilizar variables en php les ponemos un signo de pesos y el nombre de la variable, si queremos crear la variable nombre quedaría algo así: $nombre Ahora vamos a mandarla a imprimir.

29 Curso html desde cero, CSS y principios php. @josedlujan. PHP <?php echo $nombre ?> ¿Qué paso?

30 Curso html desde cero, CSS y principios php. @josedlujan. PHP Esta vacía por que no le pusimos nada, entonces vamos a signarle algo, por ejemplo un nombre: <?php $nombre=‘jose lujan castillo’ echo $nombre; ?> ¿Qué paso?

31 Curso html desde cero, CSS y principios php. @josedlujan. PHP Imprimir el nombre que le pusimos entonces es cuestión de únicamente cambiarle el valor a la variable dependiendo lo que queramos. <?php $nombre=‘otro nombre’ echo $nombre; ?> ¿Qué paso?

32 Curso html desde cero, CSS y principios php. @josedlujan. PHP Imprimió otro nombre, entonces este es el principio de las paginas dinámicas se dan cuenta que lo que importa es el valor de la variable. Ahora vamos a recibir los datos que con el primer formulario que hicimos.

33 Curso html desde cero, CSS y principios php. @josedlujan. PHP Pasos: 1.Creamos formulario. 2.Ponemos nombres a los campos. 3.Le decimos con que método POST o GET 4.Le decimos la acción al ejecutar el botón. 5.Lo recibimos del otro lado con los métodos POST o GET. 6.Este es opcional nosotros lo vamos a imprimir para ver los campos. =) Hagamos unos ejercicios en clase. Reciben antes de todo la siguiente diapositiva.

34 Curso html desde cero, CSS y principios php. @josedlujan. PHP Ahora vamos a imprimir los datos que recibimos del formulario con: POST que fue el método que seleccionamos recuerden que podemos utilizar POST y GET Por ahora nos interesa POST entonces la forma de recibir por POST es las siguiente: $nombrevariable = $_POST[‘nombredelcampoenelformulario’]; En el caso que quieran GET solo se cambia la palabra POST por GET $nombrevariable = $_GET[‘nombredelcampoenelformulario’];

35 Curso html desde cero, CSS y principios php. @josedlujan. PHP Ahora si hagamos ejercicios….