Esta charla trata sobre una página web creada por mi estilo blog con temas relacionados al mundo tecnológico. La idea es poder transmitir los conocimientos que se aplicaron a dicha página web y como fue su construcción y su objetivo tocando los temas relacionados a: HTML, CSS, Javascript y MySQL.
2. El objetivo de esta charla es transmitir todo
el conocimiento que fue aplicado en la
creación del blog. Se tocarán los temas de:
HTML
CSS
PHP
JavaScript
MySQL
3. HTML (HyperText Markup): Es un estándar que sirve de
referencia para la elaboración de páginas web en sus
diferentes versiones, define una estructura básica y un código
(denominado código HTML) para la definición de contenido
de una página web, como texto, imágenes, videos, entre
otros.
CSS (Cascading Style Sheets):Es un lenguaje utilizado para
definir y crear la presentación de un documento HTML. En
esta hoja de estilos podemos definir reglas que se aplicarán a
la página web que estemos diseñando.
4. PHP (PHP Hypertext Pre-processor): Es un lenguaje de programación de
uso general de código del lado del servidor originalmente diseñado para
el desarrollo web de contenido dinámico. El código es interpretado por
un servidor web con un módulo de procesador de PHP que genera la
página web resultante.
Javascript: Es un lenguaje de programación que permite a los
desarrolladores crear acciones en sus páginas web para volverlas más
interactivas. No requiere de compilación ya que el lenguaje funciona del
lado del cliente.
MySQL: Es un sistema de gestión de base de datos relacional. Fue
desarrollado por Sun Microsystems. MySQL es usado por muchos sitios
web grandes y populares, como Wikipedia, Facebook, Twitter y Youtube.
6. ¿Qué es XAMPP?
Es un servidor multiplataforma que esta conformado
principalmente por un sistema de gestión de base de datos
MySQL, un servidor web Apache y contiene intérpretes para
desarrollar páginas en lenguaje PHP y Perl.
¿Para que lo podemos usar?
Esta herramienta la podemos usar para simular un servidor
localmente y así poder llevar a cabo las tareas de prueba del
desarrollo de nuestras páginas web y así asegurarnos que tal
como se muestra la página web en nuestra pc se verá en el
servidor de internet luego de subida.
7. ¿Qué es Notepad ++?
Notepad++ es un editor de texto y de código fuente libre con
soporte para varios lenguajes de programación. Se parece al
Bloc de notas en cuanto al hecho de que puede editar texto
sin formato y de forma simple.
¿Para que lo podemos usar?
Esta herramienta nos sirve tanto para crear o editar páginas
HTLM como PHP.
9. 1) Identificar que partes se repetirán en el diseño de nuestra
página.
2) Separarlas para luego poderlas incluir a las páginas que
sean necesarias.
3) Ver la distribución que va a tener cada elemento.
4) Como vemos en la imagen anterior lo único que va a ir
cambiando va a ser el contenido principal de la página.
5) Definir que método utilizaremos para poder cargar las
noticias que publicaremos en nuestro blog.
10. Como podemos notar una vez que entramos a nuestro blog se
despliega tanto el título de la noticia, como un breve detalle,
la cantidad de comentarios que hay en esa noticia y la fecha
de publicación.
A continuación veremos el detalle de una noticia que nos
interese desarrollar con más profundidad. Como veremos a
continuación si queremos comentar una noticia subida
debemos registrarnos o ingresar con nuestro usuario.
12. Una vez ingresado con el usuario podremos comentar la
noticia seleccionada como veremos en la siguiente imagen:
13. Una vez echo el comentario veremos como se muestra en
nuestro blog el comentario que hizo el usuario ana con su
fecha y hora respectivamente y notar que el número de
comentarios de la noticia pasó de 0 a 1 comentario:
14. Aquí en esta parte podremos mandarle consultas o inquietudes al
administrador del blog. A este último le llegará un correo con la consulta
que la persona haya formulado en nuestro blog. Solamente la persona
debe ingresar los datos solicitados y puede o no estar logeado para
hacer dicha acción
16. Este tipo de páginas las podemos llevar a cabo si contamos
con conocimientos básicos de HTML,CSS,PHP y un manejo
básico de MySQL.
Cabe destacar que cada noticia, comentarios del blog y
usuarios del mismo quedarán almacenados en una base de
datos la cual puede ser administrada solamente por el
administrador del sitio.