Ejemplos
Ejemplos de Blogs de los Participantes:
www.cooperativapawanka.blogspot.com
www.ejemplosdeadsim.blogspot.com
www.unamujerindigena.blogspot.com
www.asociacionamica.org
Dia 5 – Creando Links con Dreamweaver
** Este dia no tuvimos tiempo a instalar la programa. Pero los participantes tienen una copia y ellos pueden usar los direcciones a ponerla en su computadora.
A instalar Dreamweaver
1. Abre la carpeta de Dreamweaver en su disco y abre la programa “DRE_0001”
2. Clic ”Next”, clic “Yes” a seguir, clic “Next” a usar esa carpeta, y “Next” dos veces mas a empezar copiando
3. Si pregunta para un numero serial, Copia el codigo del otro archive – “Serial” y pega adentro la linea.
*Si es correcto, muestra una marca de verificación
4. Cuando termina, cerra la ventanas.
Dia 4 – Su propio sitio del web
Las Paginas – (ejemplo)
Inicio | Quienes somos | Proyectos | Mission | Como Ayuda | Contactanos
Como Hace:
1. Crea su blog nuevo – www.blogger.com
Titulo – Nombre complete de su organizacion
Direccion – Sencillo y facil a recorder
2. Busca y descarga una plantilla – www.ourblogtemplates.com
3. Encarga la plantilla a su blog (Diseño / Edición de HTML)
4. Crea sus entradas/paginas *no olvida las etiquetas
5. Añade los ‘links’ (Diseño / Elementos de la página / Editar Linkbar)
6. Busca fotos y imagenes a usar para sus paginas - images.google.com
7. Edita los fotos y imagenes por el tamaño que quiere – Picasa
-Para la cabecera, usa el mismo tamaño del original
8. Añade sus fotos a sus paginas – (Creación de entradas, editar entradas)
9. Añade un ‘footer’ que tiene links a sus paginas (Diseño / Elementos de la página / Editar Footer)
10. Añade los ‘gadgets’ que le gusta (Diseño / Elementos de la página)
Dia 3: una página más professional
Discubrir a GoogleMaps – (maps.google.com)
Agrega su negocio (clic ‘Add a place to the map’)
Pone un map en su blog
1. Busca el parte del mapa que quiere
2. Clic – Link
3. Clic – Personalizar y obtener una vista previa
4. Cambia el tamaño
5. Selecciona y copia el HTML en el cuadro
6. En una entrada nueva en su blog, clic “Editar HTML”
7. Pega el HTML y Guarda
Un Blog mas Avanzada – (www.ourblogtemplates.com)
Guarda un template – (ejemplo: Palm)
Encarga su template al Web -
1.Clic - Diseno
2.Edicion de HTML
3.Encarga template nueva
Anadir links a su sitio -
1. Clic a ir a la direccion de su entrada
2. Copia la direccion
3. Va a Diseño, Elementos de la Pagina
4. Editar ‘Link Bar’
5. Pegar la direccion
6. Tecla un nombre que aparece en su pagina.
Extras:
Tranducir: http://translate.google.com
Lecciones de Blogger Templates (español): http://www.ourblogtemplates.com/
http://www.vtc.com/products/Macromedia-Dreamweaver-MX-Advanced-Espanol-tutorials.htm (usando Dreamweaver MX) Vea los videos de CSS.
Lecciones como crear paginas del web (español): http://www.leccionweb.org/
Lecciones sencillos en ingles: http://www.htmldog.com/guides/htmlbeginner/
Dia 2: Shortcuts, Buscar y Editar Fotos, Crear un Video, y Los redes sociales
Shortcuts
Control + A – Seleccionar todo en la pagina (a veces es Control + E)
Control + C – Copiar
Control + S – Guardar (a veces es Control + G)
Control + V - Pegar
Control + X – Cortar
Control + Z – Deshacer (Undo) (si hecho un error)
Control + Home – Mover a la encima del documento
Control + End – Mover al fin del documento
Shift + la flecha – Seleccionar
Shift + Home – Seleccionar al primer parte de la linea
Shift + End – Seleccionar al fin de la linea
Buscando Imagenes en Google (www.google.com)
Usa ‘+’ si quiere incluir otras palabras de clave (ejemplo: Puerto Cabezas +playa)
Usa ‘-‘ si no quiere los resultos a incluir algo (ejemplo: dolphins –Miami -football)
Usa las comillas “” si quiere incluir todos las palabras en order (ejemplo: “Maria Elena Pineda”)
DPI – ‘dots per inch’ – significa la calidad del imagen en el web
* 72 dpi esta bien para un imagen en el web
* 300 dpi es major para fotos imprimidos, el tamaño del archivo es tan grande y llega lento a la pantalla
Cambiando Fotos y Imagenes en Picasa
.JPG – imagenes como fotos
.GIF – imagenes como logos o sin muchos colores
Cortar parte de su imagen
Añadir texto a su imagen
Guardar su imagen para el web (mantenga la calidad de su .JPG a menos de 80% por ciento)
Pone su imagen en su blog(www.google.com)
Dia 1: Hace una pagina del web (usando Google)
Crear una cuenta de G-mail (www.gmail.com)
* Fortaleza de la contraseña!
* Dirección de correo electrónico alternativa: deje este campo en blanco o pone suyos
Email ejemplo: nicaraguaweb@gmail.com Pw – contrasena
Como usar G-Mail por su negocio - carpetas
Crear un blog con Blogger (www.blogger.com)
*Usa un nombre simple, facil a recorder, y incluye nombres de categorias
Video - Como hacer un blog en Blogger: http://www.vimeo.com/4408643
Crear una cuenta en Google Analytics (www.google.com)
*Copia el codigo al HTML de su blog
AYUDA: En su cuenta clic ‘Blogger’:
1. Clic ‘Diseño’
2. Clic ‘Edición de HTML’
3. En la ventana con el HTML, pone antes de codigo - (/body)
Video 1- AdSense y Analytics - http://www.youtube.com/watch?v=IhtBafJRuSI (2min)
Video 2- Como usar Google Analytics - http://www.youtube.com/watch?v=MoFYZDGXy0M (10min)
Video 3- Trabajando con AdWords y AdSense -
http://www.youtube.com/watch?v=EgGN9ZgKg2M (9 min)
Video 4- Google Adwords– El Máximo Efecto -
http://www.youtube.com/watch?v=uyQFTyq0l-k (13:01min)
Cambia Titulo en su Blog usando palabras de clave
AYUDA: En su cuenta clic ‘Blogger’:
1. Clic ‘Diseño’
2. Clic ‘Edición de HTML’
3. En la ventana con el HTML, pone despues de codigo - (head)
*Busca - (title>
Agrega Palabras de Clave y un Descripcion al HTML
*Pone despues de (/title)
Ejemplo - (meta name="keywords" content="sus palabras de clave aqui" /)
Ejemplo - (meta name="description" content="Su texto aqui" /)
Video 5- Cómo maximizar los ingresos su website con AdSense - http://www.youtube.com/watch?v=dtWge244_Z4 (30:52min)
Video 6– Google 101 para pequeñas empresas –http://www.youtube.com/watch?v=e4DhXr_lLs0 (1hr23min)
Hace mas con su Blog (www.blogger.com)
DISEÑO
Seleccionar plantilla nueva
Elementos de la página
Configurar cabecera
Editar entradas del blog
Añadir un gadget:
cuadro de búsqueda
Google Traductor
Fuentes y colores
Suscribirse a:
Entradas (Atom)
