SlideShare una empresa de Scribd logo
1 de 16
Cómo nace el blog: Transporte
   Comercio Internacional
Inicio de este blog
• ¿Qué es esta herramienta?
  – Son paginas de internet muy faciles de crear y actualizar la
    ventaja que tiene contra las paginas tradicionales es su diseño ,
    funcionamiento y frecuencia en la publicacion de entradas. sigue
    una tematica especifica y se mantiene un orden cronologico. No
    es nesesario saber sobre diseño de web ni programacion.
  – Se estructura con una entrada, comentarios, se clasifican
    según el orden cronológico.
  – Hay una oferta muy variada de herramientas para las
    necesidades de las temáticas como por ejemplo etiquetas para
    separar contenidos, busquedas, añadir comentarios, ver
    favoritos, registrar fotografias, videos, música, etc.
Pasos
• Crear una cuenta de correo en la web
  Google

         Pestaña para
         acceder al correo
         electrónico




                                     Siguiente paso
Se rellenan los datos suficicientes
Acceso a blogger.com
• Para ello se ha insertado los datos de la
  cuenta de correo electrónico
Elegir plantilla
•   Hay una gran variedad de plantillas, muchas de ellas, ya diseñadas, a las
    que se pueden aceptar tal y como nos las presentan o les podemos
    modificar, modificando su HTML ( siglas de HyperText Markup Language
    (Lenguaje de Marcado de Hipertexto), asi de esta forma podems
    personalizar el espacio que se quiere utilizar.
•   Se puede cambiar el tipo de texto, fondos, etiquetas, para todo ello hay que
    estar en modo diseño.
•   Ajustar el ancho, de los espacios, si esperamos que nuestro blog sea visto
    ademas de desde un ordenador otras plataformas como teléfono móviles,
    etc.
Añadir Gadgets
•   Un gadget o dispositivo electrónico es un dispositivo que tiene un
    propósito y una función específica, generalmente de pequeñas
    proporciones, práctico y a la vez novedoso. Los gadgets suelen
    tener un diseño más ingenioso que el de la tecnología corriente.
•   Un widget es una pequeña aplicación o programa, usualmente
    presentado en archivos o ficheros pequeños que son ejecutados
    por un motor de widgets o Widget Engine. Entre sus objetivos están
    dar fácil acceso a funciones frecuentemente usadas y proveer de
    información visual. Aunque no es condición indispensable, los
    widgets suelen ser utilizados para ser "empotrados" en otra página
    web, copiando el código que el mismo widget pone a disposición del
    usuario. Dado que son pequeñas aplicaciones, los widgets pueden
    hacer todo lo que la imaginación desee e interactuar con servicios e
    información distribuida en Internet.
•   A continuación una muestra de ellos:
Cómo hacerlo



       Para añadir el gadget
Para poder hacer cambios




                Para añadir cualquier cambio
                en el blog, es necesario
                hacerlo en este lenguaje,
                HTML, para que no exista
                problemas de interpretación
                por el software del programa
Agregar código para añadir gadget
        o widget deseado




           Se coloca el titulo en su espacio
           correspondiente, y en el contenido,
           se agrega el código HTML, del
           widget o gadget que se considere
           necesario
En la parte de Diseño se Edita en la manera de
HTML, para agregar los cambio que se deseen
como por ejemplo añadir pestañas en un menú de
presentación.




                      Esta es una muestra del
                      código HTML
Estos los cambios realizados, las pestañas
y los gadgets
Esquema de organización
• Para ello están los menús que generalmente
  están a la derecha, izquierda o en la parte
  superior de la página, donde sea de facil visión y
  acceso:
  –   Las páginas estáticas
  –   Categorias
  –   Etiquetas
  –   Comentarios
  –   Rutas de enlaces
• Generalmente se crea un menú y con las
  etiquetas, páginas, enlaces, etc,se van
  indicando los contenidos y las entradas.
Cómo integrar una presentación
•   Después de crear el documento, entre otras herramientas podemos utilizar:
    www.slideshare.com.
•   Como generalmente ocurre, para el uso de estas herramientas, hay que,
    introducirse en la página utilizando: log in y un password o clave.
Seguimos los pasos que nos indica la página
Para obtener un resultado como este:

Más contenido relacionado

La actualidad más candente (17)

Taller Blogger
Taller BloggerTaller Blogger
Taller Blogger
 
Blogger avanzado
Blogger avanzadoBlogger avanzado
Blogger avanzado
 
Exposicion powerpoint
Exposicion powerpointExposicion powerpoint
Exposicion powerpoint
 
Blogger
BloggerBlogger
Blogger
 
Google sites (tipos)
Google sites (tipos)Google sites (tipos)
Google sites (tipos)
 
Taller 4 jinna jurado
Taller 4  jinna juradoTaller 4  jinna jurado
Taller 4 jinna jurado
 
Los gadgets o widgets
Los gadgets o widgetsLos gadgets o widgets
Los gadgets o widgets
 
Partes de una pagina web
Partes de una pagina webPartes de una pagina web
Partes de una pagina web
 
Dreamweavre
DreamweavreDreamweavre
Dreamweavre
 
Kerwin
KerwinKerwin
Kerwin
 
Blog
BlogBlog
Blog
 
Uso educativo de los blogs
Uso educativo de los blogsUso educativo de los blogs
Uso educativo de los blogs
 
Pagina web gratis
Pagina web gratisPagina web gratis
Pagina web gratis
 
Ejercicio Sitios Web
Ejercicio Sitios WebEjercicio Sitios Web
Ejercicio Sitios Web
 
Kerwin
KerwinKerwin
Kerwin
 
Uso educativo de los blogs
Uso educativo de los blogsUso educativo de los blogs
Uso educativo de los blogs
 
Curso Blog Marketing con Wordpress
Curso Blog Marketing con WordpressCurso Blog Marketing con Wordpress
Curso Blog Marketing con Wordpress
 

Destacado

Mel fany
Mel fanyMel fany
Mel fanyfaniwiz
 
NivelaciòN Segundo Nivel
NivelaciòN Segundo NivelNivelaciòN Segundo Nivel
NivelaciòN Segundo Nivelguest250e37
 
mecanica industrial
mecanica industrialmecanica industrial
mecanica industrialluis luiyi
 
Área Técnica Sistemas
Área Técnica SistemasÁrea Técnica Sistemas
Área Técnica SistemasYlzan
 
Taller industrial
Taller industrialTaller industrial
Taller industrialgalu95sc
 
Gobierno escolar
Gobierno escolarGobierno escolar
Gobierno escolarNazly Muoz
 
Memorias de adaptaciones curriculares
Memorias de adaptaciones curricularesMemorias de adaptaciones curriculares
Memorias de adaptaciones curricularesNazly Muoz
 
Diapositivas del taller de mecánica industrial grado 9 2
Diapositivas del taller de mecánica industrial  grado 9 2Diapositivas del taller de mecánica industrial  grado 9 2
Diapositivas del taller de mecánica industrial grado 9 2Robinson Perez Vasquez
 
Mecanica Industrial
Mecanica Industrial Mecanica Industrial
Mecanica Industrial Carlos Diaz
 
Normalización del dibujo Técnico
Normalización del dibujo TécnicoNormalización del dibujo Técnico
Normalización del dibujo Técnicorulante
 
Dibujo mecánico, Diferentes piezas
Dibujo mecánico, Diferentes piezasDibujo mecánico, Diferentes piezas
Dibujo mecánico, Diferentes piezasprofesoredgard
 
Normas Icontec para Dibujo Tecnico 2
Normas Icontec para Dibujo Tecnico 2Normas Icontec para Dibujo Tecnico 2
Normas Icontec para Dibujo Tecnico 2profesoredgard
 
Normas Icontec para Dibujo Tecnico 1
Normas Icontec para Dibujo Tecnico 1Normas Icontec para Dibujo Tecnico 1
Normas Icontec para Dibujo Tecnico 1profesoredgard
 
Normas Para Dibujo Mecánico e Industrial.
Normas Para Dibujo Mecánico e Industrial.Normas Para Dibujo Mecánico e Industrial.
Normas Para Dibujo Mecánico e Industrial.Alexis Legazpi
 

Destacado (20)

Mel fany
Mel fanyMel fany
Mel fany
 
NivelaciòN Segundo Nivel
NivelaciòN Segundo NivelNivelaciòN Segundo Nivel
NivelaciòN Segundo Nivel
 
mecanica industrial
mecanica industrialmecanica industrial
mecanica industrial
 
Área Técnica Sistemas
Área Técnica SistemasÁrea Técnica Sistemas
Área Técnica Sistemas
 
Taller industrial
Taller industrialTaller industrial
Taller industrial
 
Gobierno escolar
Gobierno escolarGobierno escolar
Gobierno escolar
 
Memorias de adaptaciones curriculares
Memorias de adaptaciones curricularesMemorias de adaptaciones curriculares
Memorias de adaptaciones curriculares
 
Diapositivas del taller de mecánica industrial grado 9 2
Diapositivas del taller de mecánica industrial  grado 9 2Diapositivas del taller de mecánica industrial  grado 9 2
Diapositivas del taller de mecánica industrial grado 9 2
 
La mecanica industrial
La mecanica industrialLa mecanica industrial
La mecanica industrial
 
Importancia de la planeacion
Importancia de la planeacionImportancia de la planeacion
Importancia de la planeacion
 
Mecanica Industrial
Mecanica Industrial Mecanica Industrial
Mecanica Industrial
 
Mecánica industrial
Mecánica industrialMecánica industrial
Mecánica industrial
 
Retahilas
RetahilasRetahilas
Retahilas
 
Mecánica e industrial
Mecánica e industrialMecánica e industrial
Mecánica e industrial
 
Normalización del dibujo Técnico
Normalización del dibujo TécnicoNormalización del dibujo Técnico
Normalización del dibujo Técnico
 
Dibujos técnicos
Dibujos técnicosDibujos técnicos
Dibujos técnicos
 
Dibujo mecánico, Diferentes piezas
Dibujo mecánico, Diferentes piezasDibujo mecánico, Diferentes piezas
Dibujo mecánico, Diferentes piezas
 
Normas Icontec para Dibujo Tecnico 2
Normas Icontec para Dibujo Tecnico 2Normas Icontec para Dibujo Tecnico 2
Normas Icontec para Dibujo Tecnico 2
 
Normas Icontec para Dibujo Tecnico 1
Normas Icontec para Dibujo Tecnico 1Normas Icontec para Dibujo Tecnico 1
Normas Icontec para Dibujo Tecnico 1
 
Normas Para Dibujo Mecánico e Industrial.
Normas Para Dibujo Mecánico e Industrial.Normas Para Dibujo Mecánico e Industrial.
Normas Para Dibujo Mecánico e Industrial.
 

Similar a Blog edurne c

Similar a Blog edurne c (20)

Paginas web
Paginas webPaginas web
Paginas web
 
Free webs go
Free webs go  Free webs go
Free webs go
 
Diseño pagina web- html
Diseño pagina web- html Diseño pagina web- html
Diseño pagina web- html
 
Freewebs
FreewebsFreewebs
Freewebs
 
Trabajo practico nº 1
Trabajo practico nº 1Trabajo practico nº 1
Trabajo practico nº 1
 
Paginas web
Paginas webPaginas web
Paginas web
 
Blog 2b taller
Blog 2b tallerBlog 2b taller
Blog 2b taller
 
Nuevo Html5 ..
Nuevo Html5 ..Nuevo Html5 ..
Nuevo Html5 ..
 
Articulo
ArticuloArticulo
Articulo
 
Html5
Html5Html5
Html5
 
Slideshare
SlideshareSlideshare
Slideshare
 
Tutorial+google+sites castellano-completo
Tutorial+google+sites castellano-completoTutorial+google+sites castellano-completo
Tutorial+google+sites castellano-completo
 
Paginas web
Paginas webPaginas web
Paginas web
 
Confeccionar blog y/o Web
Confeccionar blog y/o WebConfeccionar blog y/o Web
Confeccionar blog y/o Web
 
Iniciación a Wordpress #EmprendeTools
Iniciación a Wordpress #EmprendeToolsIniciación a Wordpress #EmprendeTools
Iniciación a Wordpress #EmprendeTools
 
Realiza una presentación gráfica
Realiza una presentación gráficaRealiza una presentación gráfica
Realiza una presentación gráfica
 
Glosario de WordPress
Glosario de WordPressGlosario de WordPress
Glosario de WordPress
 
1 Introduccion a Moogo - Acuerdo FFRM
1 Introduccion a Moogo - Acuerdo FFRM1 Introduccion a Moogo - Acuerdo FFRM
1 Introduccion a Moogo - Acuerdo FFRM
 
Taller de blogs (1era.parte)
Taller de blogs (1era.parte)Taller de blogs (1era.parte)
Taller de blogs (1era.parte)
 
Wordpress
WordpressWordpress
Wordpress
 

Blog edurne c

  • 1. Cómo nace el blog: Transporte Comercio Internacional
  • 2. Inicio de este blog • ¿Qué es esta herramienta? – Son paginas de internet muy faciles de crear y actualizar la ventaja que tiene contra las paginas tradicionales es su diseño , funcionamiento y frecuencia en la publicacion de entradas. sigue una tematica especifica y se mantiene un orden cronologico. No es nesesario saber sobre diseño de web ni programacion. – Se estructura con una entrada, comentarios, se clasifican según el orden cronológico. – Hay una oferta muy variada de herramientas para las necesidades de las temáticas como por ejemplo etiquetas para separar contenidos, busquedas, añadir comentarios, ver favoritos, registrar fotografias, videos, música, etc.
  • 3. Pasos • Crear una cuenta de correo en la web Google Pestaña para acceder al correo electrónico Siguiente paso
  • 4. Se rellenan los datos suficicientes
  • 5. Acceso a blogger.com • Para ello se ha insertado los datos de la cuenta de correo electrónico
  • 6. Elegir plantilla • Hay una gran variedad de plantillas, muchas de ellas, ya diseñadas, a las que se pueden aceptar tal y como nos las presentan o les podemos modificar, modificando su HTML ( siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), asi de esta forma podems personalizar el espacio que se quiere utilizar. • Se puede cambiar el tipo de texto, fondos, etiquetas, para todo ello hay que estar en modo diseño. • Ajustar el ancho, de los espacios, si esperamos que nuestro blog sea visto ademas de desde un ordenador otras plataformas como teléfono móviles, etc.
  • 7. Añadir Gadgets • Un gadget o dispositivo electrónico es un dispositivo que tiene un propósito y una función específica, generalmente de pequeñas proporciones, práctico y a la vez novedoso. Los gadgets suelen tener un diseño más ingenioso que el de la tecnología corriente. • Un widget es una pequeña aplicación o programa, usualmente presentado en archivos o ficheros pequeños que son ejecutados por un motor de widgets o Widget Engine. Entre sus objetivos están dar fácil acceso a funciones frecuentemente usadas y proveer de información visual. Aunque no es condición indispensable, los widgets suelen ser utilizados para ser "empotrados" en otra página web, copiando el código que el mismo widget pone a disposición del usuario. Dado que son pequeñas aplicaciones, los widgets pueden hacer todo lo que la imaginación desee e interactuar con servicios e información distribuida en Internet. • A continuación una muestra de ellos:
  • 8. Cómo hacerlo Para añadir el gadget
  • 9. Para poder hacer cambios Para añadir cualquier cambio en el blog, es necesario hacerlo en este lenguaje, HTML, para que no exista problemas de interpretación por el software del programa
  • 10. Agregar código para añadir gadget o widget deseado Se coloca el titulo en su espacio correspondiente, y en el contenido, se agrega el código HTML, del widget o gadget que se considere necesario
  • 11. En la parte de Diseño se Edita en la manera de HTML, para agregar los cambio que se deseen como por ejemplo añadir pestañas en un menú de presentación. Esta es una muestra del código HTML
  • 12. Estos los cambios realizados, las pestañas y los gadgets
  • 13. Esquema de organización • Para ello están los menús que generalmente están a la derecha, izquierda o en la parte superior de la página, donde sea de facil visión y acceso: – Las páginas estáticas – Categorias – Etiquetas – Comentarios – Rutas de enlaces • Generalmente se crea un menú y con las etiquetas, páginas, enlaces, etc,se van indicando los contenidos y las entradas.
  • 14. Cómo integrar una presentación • Después de crear el documento, entre otras herramientas podemos utilizar: www.slideshare.com. • Como generalmente ocurre, para el uso de estas herramientas, hay que, introducirse en la página utilizando: log in y un password o clave.
  • 15. Seguimos los pasos que nos indica la página
  • 16. Para obtener un resultado como este: