CÓDIGO! “Todo el mundo tiene que ser programador, conocer cómo poner un tag, código html, no ser un programador avanzado. Porque la base del weblog es.

Slides:



Advertisements
Presentaciones similares
Word.
Advertisements

SlideShare Concepto y otros servicios similares Entorno de trabajo
PÁGINA WEB DEL INSTITUTO Manual de utilización. ¿Cómo colgar información en la página web? Para colgar información se necesita: Un programa de confección.
¿QUÉ ES HTML? Hipertext Markup Language. Lenguaje de ordenador.
creado por Ernesto Potes Cordoba - licenciado en informática
Koldo Parra de la Horra 1 MANUAL DEL PUBLICADOR EN JOOMLA (9) Todo lo que necesitas saber para publicar tus artículos en la página Web del Centro Insertar.
TUTORIAL PASO A PASO Parte 2. PASO 7: Organizando los archivos Antes de dar inicio a la creación del contenido del curso debes tomar en cuenta que necesitarás.
Contenidos 1.Cómo ingresar 2.Cómo crear un nuevo sitio 3.Editar plantilla de página principal 4.Edición de páginas 5.Crear página nueva 6.Estructura del.
Un esquema de Wordpress
Publicación de páginas web
LA WEB 2.0 EN EL AULA CFIE ÁVILA 26 y 28 Abril 4 y 5 Mayo Abelardo Pérez.
Creación y manejo de un Blog con Wordpress Universidad de Alicante, 21 de octubre de 2010.
DISEÑO DE PAGINAS WEB Las páginas Web son documentos de hipertexto y multimedia. Son documentos multimedia que incorporan imágenes, videos, animaciones,
Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.
Ing. GISCARD MARQUEZ VALVERDE.
Kompozer.
Para Crear Un Wiki, Entro En Esta Dirección
Ing. Cleyver Vazquez Jijon
¿Cómo crear líneas de tiempo? Ingresa a:
( Hyper Text Markup Lenguage )
TELEMATICA 1 SISTEMAS DE INFORMACIÓN Y TELEMATICA SECCIÓN
Laboratorio 1 Paginas Web y HTML Justiniano Junco B Curso: Computación Justiniano Junco Fecha: 23 de Mayo del 2012 Profesor:
¿CÓMO ESCRIBIR CON WRITER?
SITIO, BITÁCORA Y AULA VIRTUAL
HTML El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y.
SITIO, BITÁCORA Y AULA VIRTUAL Trabajo sobre el espacio de Aula Virtual. Trabajo sobre aula virtual de prueba y elaboración de aula virtual de asignatura.
Nuevas Tecnologías Aplicadas a la Educación 3º Educación Social. Curso académico 2009/2010 Práctica 4. Crea tu propio blog Con Blogger Mª Trinidad Rodríguez.
¿Cómo hacer un blogs?. Solicitar ingreso a bligoo.com 1.- Ingresa a la página: Crear un sitio web 3.- Ingresa tu correo.
Blogs y Wikis Prof. Viviana Harari
Creación y manejo de un Blog en Wordpress BLOGS. Nosotros hemos elegido wordpress ya que nos parece que es uno de los mas intuitivos y sencillos de manejar.
Lo primero es hacerse un esquema o mapa del sitio a crear, ojalá en Word, Power Point o papel. En él especificar las «CATEGORÍAS» y las «ETIQUETAS» que.
Publicación de bases de datos Access en la web
“ Nuestra auténtica educadora en el cambio de la fe” 1.
INTEGRANTES HENRIQUEZ RODAS,GLENDA MELISSA PIMENTEL HERNANDEZ,FLAVIA LORENA PIMENTEL HERNANDEZ,HILLA ANDREA QUINTANILLA BARRERA,JOCELYN YAMILETH TORRES.
Internet y Navegadores Unidad 5. Fecha: 1 de agosto de 2011 Periodo# : 2 Objetivo: identificar el contenido de una dirección web Tema: Elementos de una.
Internet y Navegadores
ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de.
Piktochart M.I.S.T. Miguel Ángel Romero Ochoa Hermosillo, Sonora, México. Octubre 2014 Espacio educativo: Nuevas Tecnologías de la Información y la Comunicación.
Paso a paso para llevar un blog que incluya artículos, imágenes y video.
Indicaciones Crear una cuenta en webbly. Cambiar imagen de encabezado Buscar el banner creado anteriormente y colocarlo en el encabezado. Enviar el link.
Tutorial deDel.icio.us Tutorial de Del.icio.us. ¿Qué se puede hacer endel.icio.us? en del.icio.us?
¿Cómo funciona la web?.
SITIO RECOMENDADO PARA REALIZAR LA WIKI
Internet y Navegadores Unidad 5.  WWW World wide web Literalmente "tela de araña mundial", más conocida como web.  HTML Lenguaje de Marcado de HyperTexto.
En 3 Pasos!. Características Muestras Soporte Técnico Como ofrecer las amawebs.
UNIDAD EDUCATIVA CALASANZ  MANUAL DE USO DE WORDPRESS  SONIA GUALAN  PRIMERO “D” 
PLAN DE MEJORA DE LA PÁGINA WEB
Es un software que podemos instalar en nuestro alojamiento web. Este software se encarga de gestionar y publicar la información que le introduzcamos en.
Realizado por: Prof. Luis Vallenilla. En el reto anterior cambiamos aspectos esenciales en el diseño del blog. Ahora incluiremos algunos elementos a ese.
MANUAL DE USUARIO DE WORDPRESS. 1. CREAR EL BLOG  En la página Wordpress.com elegimos comenzar un blog y vamos siguiendo los pasos de registro: Rellenamos.
Internet y Navegadores
Microsoft Power Point Tema: “Como manejo del Power Point como herramienta estudiantil”.
Lo primero Presentación: página inicial de tu wiki.
En la página Wordpress.com elegimos comenzar un blog y vamos siguiendo los pasos de registro: Rellenamos el formulario con el nombre de usuario (sólo.
Cándida Gallardo Tutorial de Wikispaces Comenzar a escribir 1. Entra en la Wiki del curso:
CÓMO HACER UN GRAN POST lanzados.wordpress.com Instrucciones para los miembros del Grupo de Colaboración Profesional Lanzados 02/02/15 Enrique Martínez.
Internet y Navegadores Unidad 5. Fecha: 1 de agosto de 2011 Periodo# : 2 Objetivo: identificar el contenido de una dirección web Tema: Elementos de una.
Creación de un Blog Ing. Reina Muñoz.
Web 2.0 CREACIÓN DE BLOGS USANDO WORDPRESS Por Sandra Crucianelli Copyright 2008
TRABAJO MONOGRÁFICO – 4º ESO
TUTORIAL SLIDESHARE ANA ROMANO. Slideshare es una de las cientos de herramientas web 2.0 que encontramos en la Red. Es a las presentaciones lo que Youtube.
1 EL USO DE LAS HERRAMIENTAS TECNOLOGICAS EN EL AULA POR: ANGEL PALACIO 1.
Realizado por: Prof. Luis Vallenilla. En el reto anterior realizamos los últimos cambios en el Diseño del Blog y la Creación de Etiquetas. Ahora, manipularemos.
Creado por Ernesto Potes Cordoba - licenciado en informática Es un archivo electrónico que contiene los enlaces, comentarios, opiniones y reflexiones de.
Realizado por Carolina R. PAGINA WEB: Documento creado en lenguaje HTML (Hyper Text Markup Language) o otros (.asp.shtml.jsp.php) SITIO WEB: sitio localizado.
PowerPoint  Es un programa diseñado para hacer presentaciones con texto, fácil de entender, animaciones de texto e imágenes prediseñadas o importadas.
COMBINACION DE CORRESPONDENCIA
Herramientas digitales: Slid.es y Projeqt
Google docs Tutorial para elaborar una presentación en línea con Google docs Prof. Edgar Oswaldo González Bello Prof. Adolfo Castillo Navarro Universidad.
Cont.. Universidad Católica de El Salvador Centro Regional de Ilobasco Licenciatura en ciencias de la educación con especialidad en matemática. Portafolio.
Transcripción de la presentación:

CÓDIGO! “Todo el mundo tiene que ser programador, conocer cómo poner un tag, código html, no ser un programador avanzado. Porque la base del weblog es la desintermediación” Alejandro Piscitelli. Gerente General de Educ.ar, Sociedad del Estado. Portal de Educación de la República ArgentinaEduc.ar

¿Qué es el código HTML? Hyper Text Markup Language (lenguaje de marcación de hipertexto). Lenguaje informático diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas WEB.

¿Cómo se usa? Actúa mediante el uso de etiquetas que al abrir y cerrarlas funcionan como instrucciones para el texto que se coloque entre ellas. Todos los comandos se activan entre paréntesis triangulares sin dejar espacio. Una vez activados hay que desactivarlos, para ello se repite el comando anteponiendo la barra de dividir. Por ejemplo: – Este es el texto que aparecerá en negritas

Algunas líneas de código básicas Negritas … o … Espacio (enter) Hipervínculos Palabra subrayada con hipervínculo Alineaciones: – …

Personalizando nuestros blogs Modificar “enlaces recomendados”

PASO 1 Ir a Plantilla

PASO 2 Localizar el fragmento de código que abre con y cierra con Consta de dos partes: la URL ( etc etc) y el Nombre del Sitio. Esto último es lo que va a aparecer en el menú izquierdo del blog.

PASO 3 Debemos modificar la URL y el Nombre del Sitio. Con cuidado de no borrar ninguna otra parte del código, ni las comillas. Copiando cada oración de código desde hasta podemos ir agregando más vínculos.

Cambiar “comentarios” La idea es darle un toque personalizado al blog cambiando la palabra “comment”.

PASO 1 Tenemos que identificar en la Plantilla la siguiente línea de código y modificar la palabra “comments” que se encuentra antes de por nuestra elección.

SUBIR UN CONTADOR DE VISITAS Registrarse en algún contador gratuito como o Al registrarse les darán unas líneas de código que deben insertar en la plantilla. Sugerencia: ubicarlo justo antes de la etiqueta, de esta manera quedará abajo, en la parte inferior del blog.

CAMBIAR CABEZAL (sólo para algunas plantillas) 1) Diseñar un cabezal con las medidas aproximadas del que presenta el blog actual. 2) Subirlo a un servidor gratuito de fotos (Flickr) o enviarlo a para subir al servidor del CUP

Localizar las siguientes líneas de código y modificar el archivo de imagen, al cual linkea. /* ---( header and site name )--- all { #blog-header { margin: 0; padding: 0; font-family: "Lucida Grande", "Trebuchet MS"; background: #e0e0e0 url( 00/fondo.1.jpg) no-repeat top left;

AUDIO y VIDEO Esta modificación no se hace en la plantilla, sino en el editor de html del POST.

TIPS Antes de guardar los cambios en la plantilla hacer clic en VISTA PREVIA para verificar los cambios. SIEMPRE, luego de las modificaciones, hacer clic en “Guardar cambios de plantilla” y luego “Volver a publicar”