SlideShare una empresa de Scribd logo
1 de 18
Descargar para leer sin conexión
Blog tecnologico
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
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.
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.
Blog tecnologico
¿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.
Blog tecnologico
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.
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.
Blog tecnologico
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 hora respectivamente y notar que el número de
comentarios de la noticia pasó de 0 a 1 comentario:
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
Blog tecnologico
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.
Blog tecnologico
Contacto:
 E-Mail: fabianlarrosa2013@gmail.com
 Twitter: @fabicra

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Crear archivo html
Crear archivo htmlCrear archivo html
Crear archivo html
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
 
2do tabajo de pagia web
2do tabajo de pagia web2do tabajo de pagia web
2do tabajo de pagia web
 
Dn13 u3 a6_hbra
Dn13 u3 a6_hbraDn13 u3 a6_hbra
Dn13 u3 a6_hbra
 
15. servidor php
15. servidor php15. servidor php
15. servidor php
 
Editor de páginas web
Editor de páginas webEditor de páginas web
Editor de páginas web
 
Tutorialhtml
TutorialhtmlTutorialhtml
Tutorialhtml
 
Writer
WriterWriter
Writer
 
Writer
Writer Writer
Writer
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Word press
Word pressWord press
Word press
 
Lenguajes de internet
Lenguajes de internetLenguajes de internet
Lenguajes de internet
 
Tercera evaluacion marta
Tercera evaluacion martaTercera evaluacion marta
Tercera evaluacion marta
 
Contenido de las paginas webs
Contenido de las paginas websContenido de las paginas webs
Contenido de las paginas webs
 
Proyecto web
Proyecto webProyecto web
Proyecto web
 
Tutorial creacion Pagina Web
Tutorial creacion Pagina WebTutorial creacion Pagina Web
Tutorial creacion Pagina Web
 
Ddsw s1 ref
Ddsw s1 refDdsw s1 ref
Ddsw s1 ref
 

Similar a Blog tecnologico (20)

Conceptos Herramientas
Conceptos HerramientasConceptos Herramientas
Conceptos Herramientas
 
Servicio internet
Servicio internetServicio internet
Servicio internet
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Arquitectura web 2
Arquitectura web 2Arquitectura web 2
Arquitectura web 2
 
Programacion - Php
Programacion - PhpProgramacion - Php
Programacion - Php
 
Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1
 
Php curso02
Php   curso02Php   curso02
Php curso02
 
El world wide web
El world wide webEl world wide web
El world wide web
 
El world wide web
El world wide webEl world wide web
El world wide web
 
san lorenzo
san lorenzosan lorenzo
san lorenzo
 
Manual php
Manual phpManual php
Manual php
 
Php. sintaxis
Php. sintaxisPhp. sintaxis
Php. sintaxis
 
Tutorial
TutorialTutorial
Tutorial
 
1-HTML EXPO.pdf
1-HTML EXPO.pdf1-HTML EXPO.pdf
1-HTML EXPO.pdf
 
Html
HtmlHtml
Html
 
Tutorial mevv
Tutorial mevvTutorial mevv
Tutorial mevv
 
Paginas web
Paginas webPaginas web
Paginas web
 
Diseño de paginas y buscadores
Diseño de paginas y buscadores Diseño de paginas y buscadores
Diseño de paginas y buscadores
 
Manual de php
Manual de phpManual de php
Manual de php
 
Manual de php
Manual de phpManual de php
Manual de php
 

Blog tecnologico

  • 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.