blog tecnologico
TRANSCRIPT
BLOG TECNOLÓGICOFabián Larrosa
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
Introducción
Algunas definicionesHTML (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.
Algunas definiciones (cont..)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.
PROGRAMAS UTILIZADOS
¿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.
¿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.
Diseño Blog
Etapas1) 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.
Detalle de noticiaComo 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.
Detalle de noticia (cont…)
ComentariosUna vez ingresado con el usuario podremos comentar la noticia seleccionada como veremos en la siguiente imagen:
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:
ContactoAquí 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
DEMO
Resumen: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.
¿Preguntas?
