El objetivo de esta charla es transmitir todo
el conocimiento que fue aplicado en la
creación del blog. Se tocarán los tem...
HTML (HyperText Markup): Es un estándar que sirve de
referencia para la elaboración de páginas web en sus
diferentes versi...
PHP (PHP Hypertext Pre-processor): Es un lenguaje de programación de
uso general de código del lado del servidor originalm...
¿Qué es XAMPP?
Es un servidor multiplataforma que esta conformado
principalmente por un sistema de gestión de base de dato...
¿Qué es Notepad ++?
Notepad++ es un editor de texto y de código fuente libre con
soporte para varios lenguajes de programa...
1) Identificar que partes se repetirán en el diseño de nuestra
página.
2) Separarlas para luego poderlas incluir a las pág...
Como podemos notar una vez que entramos a nuestro blog se
despliega tanto el título de la noticia, como un breve detalle,
...
Una 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 ho...
Aquí en esta parte podremos mandarle consultas o inquietudes al
administrador del blog. A este último le llegará un correo...
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...
Contacto:
 E-Mail: fabianlarrosa2013@gmail.com
 Twitter: @fabicra
Blog tecnologico
Blog tecnologico
Blog tecnologico
Blog tecnologico
Blog tecnologico
Blog tecnologico
Próxima SlideShare
Cargando en…5
×

Blog tecnologico

551 visualizaciones

Publicado el

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.

Publicado en: Internet
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Blog tecnologico

  1. 1. 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
  2. 2. 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.
  3. 3. 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.
  4. 4. ¿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.
  5. 5. ¿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.
  6. 6. 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.
  7. 7. 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.
  8. 8. Una vez ingresado con el usuario podremos comentar la noticia seleccionada como veremos en la siguiente imagen:
  9. 9. 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:
  10. 10. 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
  11. 11. 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.
  12. 12. Contacto:  E-Mail: fabianlarrosa2013@gmail.com  Twitter: @fabicra

×