Feliz cumpleaños. Introducción HTML & CSS
|
|
- Carlos de la Cruz Pérez
- hace 8 años
- Vistas:
Transcripción
1 HTML & CSS 1 Feliz cumpleaños All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introducción En este proyecto, empezarás a usar HTML y CSS para aprender cómo hacer tu propia tarjeta de cumpleaños personalizada. Lista de tareas de la actividad Follow these INSTRUCTIONS one by one Prueba tu proyecto Guarda tu proyecto Click on the green flag to TEST your code Make sure to SAVE your work now 1
2 Paso 1: Qué es HTML? HTML son las siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), y es el lenguaje que se usa para crear páginas web. Vamos a ver un ejemplo! Lista de tareas de la actividad 1. Tendrás que usar una página web llamada Trinket para escribir HTML. Abre este Trinket: jumpto.cc/web-intro. Si estás leyendo este proyecto online, también puedes usar la versión incrustada de Trinket que aparece a continuación: 1. El código que aparece a la izquierda del Trinket es HTML. A la derecha, aparece la página web que se crea con el código HTML. HTML usa etiquetas para crear páginas web. Puedes ver este HTML en la línea 8 de tu código? <p>hi. My name is Andy.</p> <p> es un ejemplo de etiqueta, y es la abreviación de paragraph (párrafo). Puedes empezar un párrafo con <p> y acabarlo con </p>. 2. Eres capaz de encontrar otras etiquetas? Otra etiqueta que a lo mejor has visto en la línea 9 es <b>, que es la abreviación de bold (negrita): <b>running</b> 2
3 Éstos son algunos ejemplos más: <html> y </html> marcan el inicio y el final del documento de HTML; <head> y </head> (cabecera) es donde se encuentran cosas como CSS (Hablaremos de esto más adelante); <body> y </body> (cuerpo) es donde se añade el contenido de la página web. 3. Cambia uno de los párrafos de texto en el HTML (a la izquierda). Presiona Run (ejecutar) y podrás ver el cambio en la página web (a la derecha). 4. Si te has equivocado y quieres deshacer los cambios, puedes hacer clic en el botón de menú y seleccionar Reset (Reiniciar). Haz una prueba! 3
4 4
5 Guarda tu proyecto No necesitas una cuenta de Trinket para guardar tus proyectos! Si no tienes una cuenta de Trinket, haz clic en la flecha hacia abajo y selecciona Link (Enlace). Esto te proporcionará un enlace que puedes guardar y al que puedes volver más tarde. Tendrás que hacer esto cada vez que hagas modificaciones, ya que el enlace cambia! Si tienes una cuenta de Trinket, la forma más fácil de guardar tu página web es hacer clic en el botón Remix (Remezclar) en la parte superior del Trinket. Esto guardará una copia del Trinket en tu perfil. 5
6 Reto: Añade otro párrafo Puedes añadir un tercer párrafo de texto a tu página web, por debajo de los otros dos? Recuerda que el nuevo párrafo tiene que empezar con una etiqueta <p>, y acabar con </p>. Tu página web debería parecerse a ésta: Puedes añadir texto en negrita y subrayado al nuevo párrafo? Para subrayar texto, necesitarás usar <u> y </u>. Guarda tu proyecto Paso 2: Qué es CSS? CSS son las siglas de Cascading Style Sheets (Hojas de Estilos en Cascada), y es el lenguaje que se usa para crear el estilo de las páginas web y que sean atractivas. Puedes vincular tu página web a un archivo de CSS en el apartado <head> de un documento HTML así: Lista de tareas de la actividad 1. CSS contiene todas las propiedades para una etiqueta en 6
7 concreto. Haz clic en la pestaña style.css para ver el CSS de tu página web. 2. Encuentra este código: p { } color: black; Este código CSS especifica una propiedad para los párrafos, y hace que el color del texto sea negro. 3. Cambia la palabra black (negro) en el CSS por blue (azul). Tendrías que ver cómo cambia el color del texto de todos los párrafos a azul. Guarda tu proyecto 7
8 Reto: Añade más estilo Puedes hacer que el color de los párrafos de texto cambie a naranja? Puedes cambiar el color de fondo a gris? Guarda tu proyecto Paso 3: Crear una tarjeta de cumpleaños Vamos a usar lo que has aprendido sobre HTML y CSS para crear tu propia tarjeta de cumpleaños personalizada. Lista de tareas de la actividad 1. Abre este Trinket: jumpto.cc/web-card, o usa la versión incrustada que aparece más abajo si estás leyendo este proyecto online. No te preocupes si no entiendes todo el código. Esta tarjeta de cumpleaños es bastante aburrida, así que vamos a hacer algunos cambios en este HTML y CSS. 1. Haz clic en el botón que hay delante de la tarjeta, y verás cómo se abre y muestra la parte interior. 8
9 2. Ve a la línea 13 del código. Igual que en el ejemplo anterior, puedes editar el texto en el HTML para personalizar la tarjeta. 3. Puedes encontrar el HTML para la imagen del robot? (Pista: está en la línea 16!) Cambia la palabra robot por sol, y verás cambiar la imagen! Puedes usar las palabras chico, diamante, dinosaurio, flores, chica, arcoíris, robot, nave, sol, té, o trofeo. 9
10 4. También puedes editar el CSS de la tarjeta de cumpleaños. Presiona la pestaña style.css. Empieza con el CSS para el exterior de la tarjeta. Cambia el background-color (color de fondo) a lightgreen (verde claro). 5. Además, puedes cambiar el tamaño de las imágenes. Ve a la línea 29 del CSS, y cambia width (anchura) y height (altura) de la imagen exterior a 200px ( px significa píxeles). 6. Otra cosa que puedes cambiar es la fuente. Ve a la línea 24 y cambia font-family (tipo de fuente) a Comic Sans MS y font-size (tamaño de fuente) a 16pt. Puedes usar otras fuentes como arial, Impact y Tahoma. 10
11 Guarda tu proyecto Reto: Crea una tarjeta personalizada Usa todo lo que has aprendido sobre HTML y CSS para acabar tu tarjeta personalizada. No tiene que ser una tarjeta de cumpleaños, podría ser para cualquier ocasión! Mira este ejemplo: Guarda tu proyecto Ahora que has acabado tu tarjeta, puedes compartirla o enviársela por correo a alguien. 11
Memoria. Introducción. Scratch
Scratch 2 Memoria All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introducción
Más detallesBanda de Rock. Introducción. Scratch. En este Proyecto aprenderás cómo codificar tus propios instrumentos musicales! Prueba tu proyecto
Scratch 1 Banda de Rock All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introducción
Más detallesBalón Prisionero. Introducción. Scratch
Scratch 2 Balón Prisionero All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club.
Más detalleswebmaker Guía básica Tu web en 3 pasos Índice
webmaker Guía básica Tu web en 3 pasos Índice 1. Cómo gestionar tu webmaker 2. Herramienta de diseño: tu área de trabajo 3. Diseña tu Web en 3 pasos Cómo verán los clientes mi web? 2012 - Copyright Arsys
Más detallesDinos qué tal lo estamos haciendo
Acerca de los dibujos en Google Docs Google Docs te permite crear, compartir y modificar dibujos online fácilmente. Estas son algunas de las cosas que puedes hacer con dibujos en Google Docs: modificar
Más detallesLa pestaña Inicio contiene las operaciones más comunes sobre copiar, cortar y pegar, además de las operaciones de Fuente, Párrafo, Estilo y Edición.
Microsoft Word Microsoft Word es actualmente (2009) el procesador de textos líder en el mundo gracias a sus 500 millones de usuarios y sus 25 años de edad. Pero hoy en día, otras soluciones basadas en
Más detallesGUARDAR Y RECUPERAR ARCHIVOS EN WORD 2010
GUARDAR Y RECUPERAR ARCHIVOS EN WORD 2010 Con este corto tutorial aprenderás cómo recuperar archivos y cómo guardarlos en formatos diferentes desde Word 2010. Al finalizar, sabrás convertir archivos de
Más detallesÍNDICE. 1. Partes del Área privada. 2. Repositorio 1.1. ZONA DE INFORMACIÓN Y TRABAJO 2.1. CREAR NUEVO MANUAL ÁREA PRIVADA ALUMNOS
ÍNDICE 1. Partes del Área privada 1.1. ZONA DE INFORMACIÓN Y TRABAJO 1.1.1. REPOSITORIO DE ARTÍCULOS 1.1.2. MIS PERIÓDICOS 1.1.3. BLOG PERSONAL 1.1.3.1. Artículos como posts de tu blog 2. Repositorio 2.1.
Más detallesCOMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS.
2011 2012 COMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS. WWW.FAUBELL.COM vicente@faubell.com VÍNCULOS: Antes de proseguir hemos de repasar el concepto vínculo ya que vamos a utilizarlo mucho
Más detallesTEMA 9 CREACIÓN DE PÁGINAS WEB
TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio
Más detallesNewsletter Soft en 4 pasos
Newsletter Soft en 4 pasos Con NewsletterSoft puedes gestionar tus campañas de email marketing de manera muy sencilla. Ahora, vamos a hacer un tour de la aplicación y verás algunas de las principales características
Más detallesA continuación encontrarás unas explicaciones de cómo utilizar el programa Windows Live Movie Maker.
TURORIAL MOVIE MAKER A continuación encontrarás unas explicaciones de cómo utilizar el programa Windows Live Movie Maker. CREAR UN NUEVO PROYECTO En muy pocos minutos podrás explorar cada una de sus herramientas
Más detallesUna guía rápida para. Crear Boletines de Noticias
Una guía rápida para Crear Boletines de Noticias En esta guía Aprende a crear mensajes atractivos, con lenguaje HTML y con texto sin formato para involucrar a tus contactos. Conoce sus preferencias para
Más detallesCómo configuro mi alojamiento
Cómo configuro mi Ponte en contacto con nosotros! 976 73 04 26 soporte@avaibook.com Ya te has registrado en AvaiBook! Ahora solo te queda configurar tu y ponerlo a punto para comenzar a recibir reservas
Más detallesCreación de una página web accesible sencilla
Unidad 2: Las hojas de estilo en cascada Creación de una página web accesible sencilla Objetivos: -Agregar formato a la página creada, a través de una hoja de estilo. Contenidos: -Incorporación de una
Más detallesElaboración de contenidos educativos digitales. Guía sobre Windows Movie Maker
Elaboración de contenidos educativos digitales Guía sobre Windows Movie Maker Windows Movie Maker Qué es Windows Movie Maker? Windows Movie Maker es una aplicación que se proporciona con el sistema operativo
Más detallesPrograma diseñado y creado por 2014 - Art-Tronic Promotora Audiovisual, S.L.
Manual de Usuario Programa diseñado y creado por Contenido 1. Acceso al programa... 3 2. Opciones del programa... 3 3. Inicio... 4 4. Empresa... 4 4.2. Impuestos... 5 4.3. Series de facturación... 5 4.4.
Más detallesBlogs con Blogger. Primeros pasos para publicar en Blogger
Blogs con Blogger Primeros pasos para publicar en Blogger José Ramón Olalla Celma 13/11/2013 Para crear un blog con Blogger, visita la página principal de Blogger, introduce tu nombre de usuario y contraseña
Más detallesGuía de Outlook Express
El Baúl del WebMaster Guía de Outlook Express Recursos Gratis para Webmaster http://www.pcshopgalicia.com/baul_web_master.html www.pcshopgalicia.com 1 Cómo adjuntar un archivo a un e-mail? 1. Haz doble
Más detallesGUÍA DE USUARIO: GOOGLE DRIVE
GUÍA DE USUARIO: GOOGLE DRIVE Google Drive es una herramienta telemática de la web 2.0 que permite el trabajo virtual de forma colaborativa. En Google Drive podemos encontrar una barra de navegación en
Más detallesExcel 2010. Excel Avanzado. Parte 2 Tema: Macros. L.I. Luis Adrián Valdez Mendivil
Excel 2010 Excel Avanzado Parte 2 Tema: Macros L.I. Luis Adrián Valdez Mendivil Excel 2010 MACROS CREAR MACROS EN MS EXCEL Introducción Microsoft Office Excel 2010, permite trabajar con las macros. Lo
Más detallesIntegración de Google Docs en tu blog
1 Integración de Google Docs en tu blog Básicamente existen dos formas de acceder a un documento Google desde el artículo de un blog: Enlace a su URL. Se escribe un texto en el artículo del blog y en él
Más detallesInstituto Nacional de Formación Docente. Tutorial 5 Líneas de Tiempo con Timerime
Tutorial 5 Líneas de Tiempo con Timerime 1 Introducción a Timerime Timerime (www.timerime.com) es una aplicación que funciona en la web (como otras tantas que forman parte de la llamada Web 2.0). La misma
Más detalleseportafolios en Canvas
eportafolios en Canvas Los portafolios electrónicos en Canvas te permiten crear un proyecto y recopilar tareas de una manera fácil y sencilla. Antes de comenzar, recomendamos que tengas las instrucciones
Más detallesCombinar correspondencia (I)
Combinar correspondencia (I) Mediante la opción Combinar correspondencia Word2007 nos permite incluir en un documento, datos almacenados en otro sitio. De esta forma podremos obtener copias de un mismo
Más detallespara jóvenes programadores
Manual de Kompozer para jóvenes programadores Por Angel Pablo Hinojosa Gutiérrez Para la Oficina de Software Libre de la Universidad de Granada Copyright 2010: Angel Pablo Hinojosa Gutiérrez El Manual
Más detallesManual de NVU Capítulo 5: Las hojas de estilo
Manual de NVU Capítulo 5: Las hojas de estilo Pág. 1 Manual de NVU Capítulo 5: Las hojas de estilo Reconocimiento-NoComercial-CompartirIgual 2.5 España Realizado por: Julio Ruiz Palmero (Universidad de
Más detallesEs el listado de los productos que están ofertados en la página.
1 Productos Es el listado de los productos que están ofertados en la página. En la tabla de productos hay las siguientes columnas: Casilla de verificación: sirve para seleccionar uno o varios productos
Más detallesCómo crear una línea de tiempo en Excel
Cómo crear una línea de tiempo en Excel Hoy aprenderemos a cómo crear un línea de tiempo (timeline) en Excel de una manera bastante fácil y rápida. Las líneas de tiempo nos sirven para resumir eventos
Más detallesAcceso al panel de gestión
1 Acceso al panel de gestión Para acceder a la gestión de tu web entra en http://www.siweb.es y pulsa en Acceso clientes en el menú superior. Introduce tus datos de acceso (usuario y contraseña) y pulsa
Más detallesKompozer: Crear una hoja de estilos
Kompozer: Crear una hoja de estilos Las hojas de estilo en cascada (en inglés, Cascading Style Sheets), son archivos con extensión.css que se utilizan para dar estilo a nuestros documentos html, separando
Más detallesMANUAL DEL USUARIO: EDITOR E-COMMERCE
MANUAL DEL USUARIO: EDITOR E-COMMERCE 0. Antes de empezar... 2 0.1 Elige una plantilla... 2... 2 1. Área de usuario... 4 1.1 Inicio:... 4 1.2 Pedidos... 6 1.3 Ajustes generales... 7 1.4 IVA... 8 1.5 Opciones
Más detallesInstrucciones para acceder a la Red de Gestores para el Desarrollo de la CoPLAC - GpRD
Instrucciones para acceder a la Red de Gestores para el Desarrollo de la CoPLAC - GpRD Índice I. Pasos para la inscripción a la CoPLAC-GpRD... 1 A. Inscripción por medio del formulario de registro...1
Más detallesTutorial del administrador de la web del departamento
Tutorial del administrador de la web del departamento Antes de leer este tutorial, debes leer el tutorial del profesor. Observa que en la parte inferior de la página de INICIO de tu departamento aparece
Más detallesSigue los pasos de este tutorial para que comiences a desarrollar una miniquest
Vamos a crear una Miniquest en el sitio PHP Webquest Sigue los pasos de este tutorial para que comiences a desarrollar una miniquest 1. Busca la dirección electrónica (URL) http://www.phpwebquest.org/
Más detallesPASOS PARA CREAR UNA PÁGINA WEB
http://www.rafatux.com PASOS PARA CREAR UNA PÁGINA WEB Con éste documento trato de orientar de una forma genérica los distintos pasos que deben de realizarse para crear una página web. PRIMER PASO: Estructura
Más detallesSi utilizas esta aplicación por primera vez, te puede ser de utilidad este breve manual.
Picasa web es una herramienta on-line de gestión fotográfica de Google que te ayudará a encontrar, editar y compartir tus fotos en cuestión de segundos. Te ofrece 1Gb de almacenamiento gratuito. Puedes
Más detallesLaboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver
UNIVERSIDAD CARLOS III DE MADRID. ESCUELA DE TURISMO. Informática aplicada al sector turístico Laboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver En esta práctica guiada vamos a ver
Más detallesMANUAL DE MOVIE MAKER
MANUAL DE MOVIE MAKER Estimado colega, el Movie Maker es un programa que sirve para capturar y editar medios digitales en el equipo, de tal manera que luego puedas utilizar este material en tus sesiones
Más detallesAplicar colores y colores de fondo a tus sitios web. Examinaremos también métodos avanzados para posicionar y controlar imágenes de fondo.
Colores y fondos Aplicar colores y colores de fondo a tus sitios web. Examinaremos también métodos avanzados para posicionar y controlar imágenes de fondo. Color de primer plano: la propiedad 'color' La
Más detalles!"!#!$%&'(!)$% )*+%*)!,$&%-*. +!/*(01*2
!"!#!$%&'(!)$% )*+%*)!,$&%-*. +!/*(01*2 45%!",&$)6##!7" Con el editor web LivePages de tu paquete Conecta tu Negocio podrás crear tu propia página web y publicarla en Internet sin necesidad de conocimientos
Más detallesMANUAL DE CONTACTOS. Importar Enviar un comunicado Formatos de archivos soportados Crear una lista nueva
1 MANUAL DE CONTACTOS Importar Enviar un comunicado Formatos de archivos soportados Crear una lista nueva Los puntos más importantes a considerar son los siguientes: Un solo correo por celda, de otra forma
Más detalles1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES
Diseño WeB de ancho fijo con 2 columnas flotantes _TIN 1º Bachillerato página 1/5 1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES..1 1.1 Diseños de ancho fijo, elástico y líquido.1 1.2 Diseño de ancho
Más detallesMS ACCESS BÁSICO 6 LOS INFORMES
2010 MS ACCESS BÁSICO 6 LOS INFORMES 93 LOS INFORMES Los informes son una herramienta de Access para elaborar información, sobre los datos que deseemos, preparada para ser impresa. A partir de una base
Más detallesSesión No. 4. Contextualización INFORMÁTICA 1. Nombre: Procesador de Texto
INFORMÁTICA INFORMÁTICA 1 Sesión No. 4 Nombre: Procesador de Texto Contextualización La semana anterior revisamos los comandos que ofrece Word para el formato del texto, la configuración de la página,
Más detallesPara crear una lista como la anterior, primero escribe la información, y después selecciona el texto y aplícale el formato de viñetas.
Módulo 3 Herramientas de Cómputo Listas, tabulaciones, columnas y cuadros de texto Listas En muchas ocasiones es necesario que enumeres diferentes elementos en tus documentos. Word no sólo reconoce números
Más detallesTipos de contactos. Enviar correo electrónico a un contacto con la función de autocompletar. En tus contactos puedes incluir:
Con Google Apps, puedes organizar y localizar fácilmente a tus contactos, enviarles correo electrónico y realizar un seguimiento de la información de las personas y los grupos de tu agenda, ya sean contactos
Más detallesGUÍA DE ESTILO CORPORATIVO EN EL USO DEL CORREO ELECTRÓNICO
EN EL USO DEL CORREO ELECTRÓNICO Versión 3.0. Elaborado por: Gerencia de Sistemas Revisado por: Gerencia de Calidad Aprobado por: Dirección General NOTA: Los documentos impresos sin autorización serán
Más detallesPersonaliza tus formatos de impresión en ClassicGes 5.0
Personaliza tus formatos de impresión en ClassicGes 5.0 Personalizar formatos de impresión en ClassicGes 5.0. es una función que permite dar continuidad a la imagen corporativa de tu empresa y que a menudo
Más detallesWWW.MYPANINI.COM. Se puede crear un amplio abanico de cromos, así como un propio álbum personalizado, desde el inicio.
1 WWW.MYPANINI.COM El proyecto My Panini - www.mypanini.com fue desarrollado por la División New Media de Panini para ofrecer a los coleccionistas la posibilidad de crear sus propias colecciones personalizadas,
Más detallesA continuación comentaremos las acciones a realizar con las entradas:
Administración de Entradas Las entradas son noticias que se mostrarán en orden cronológico inverso en la página de inicio de la web. Normalmente son las que más se comentan, y se incluyen en el feed RSS
Más detallesUNIDAD I PROCESADOR DE TEXTOS
UNIDAD I PROCESADOR DE TEXTOS 1. Entorno de Microsoft Word 2007 Lic. Silvia Mireya Hernández Hermosillo 1.1 INTRODUCCIÓN 1.1.1 Generalidades de Microsoft Word 2007 Microsoft Word 2007 es un procesador
Más detallesUnidad 1. Introducción a HTML (I)
Unidad 1. Introducción a HTML (I) A lo largo de este tema vamos a conocer los conceptos básicos sobre HTML, y cómo se utiliza para crear páginas web. Qué es HTML El HTML (Hyper Text Markup Language) es
Más detallesManual Wikispaces. Seminario Especializado 2009 PRONIE MEP FOD. A. Otárola Villalobos. Asesor Informática Educativa III Ciclo
1 Manual Wikispaces Seminario Especializado 2009 PRONIE MEP FOD A. Otárola Villalobos Asesor Informática Educativa III Ciclo 2 Contenido Crear un wiki educativo en wikispaces...3 Administrar espacio: configuración
Más detallesCapítulo 2. Google Calendar
Capítulo 2. Google Calendar Google Calendar es un espacio personal gratuito que ofrece Google a todos aquellos que disponen de una cuenta de GMail para que puedan crear, gestionar y compartir eventos dentro
Más detallesCampus Virtual, Escuela de Ingeniería Mecánica Guía Estudiante
Contenido Índice de ilustraciones... 2 Inscribirse en el campus... 3 Ingresar al campus virtual... 4 Inscripción a un curso... 5 Iniciar sesión en el campus virtual... 6 Modificar datos de inscripción...
Más detallesPáginas web ::: Hojas de estilo CSS Diseño de materiales multimedia. Web 2.0. 1.7 Hojas de estilo CSS
49 1.7 Hojas de estilo CSS 50 1.7 Hojas de estilo CSS 1.7.1 Qué es una hoja de estilo? Una hoja de estilo es un archivo de extensión *.CSS (CSS, Cascading Style Sheets = Hojas de estilo) que contempla
Más detallesTutorial de inicio rápido
1. Crea una cuenta con Zeendo Para registrarte como nuevo usuario introduce tu dirección de correo electrónico y elige una contraseña, que podrás modificar en cualquier momento. También puedes darte de
Más detallesCómo adaptar tu tienda online a la nueva normativa europea de Consumo
Cómo adaptar tu tienda online a la nueva normativa europea de Consumo Entrada en vigor: viernes 13 de junio de 2014 La nueva normativa aporta nuevos derechos para los consumidores online y tiene por objetivo
Más detalles2011 - Copyright Arsys Internet S.L. Guía de Ecommerce Inicio rápido
Guía de Ecommerce Inicio rápido Índice 1. Guía de inicio rápido 2. Web de Administración 3. Asistente de Configuración 4. Crear Categorías 5. Crear Productos 6. Gestión de Citas y Reservas 7. Verificar
Más detallesTRABAJANDO CON BLOGGER
TRABAJANDO CON BLOGGER 1 La utilización de las etiquetas y la opción buscar pág.2 2 Cómo añadir autores y lectores a un blog pág.5 3 Añadir elementos a tu blog pág.7 a. Una barra de vídeo b. Una lista
Más detallesEDITOR MANUAL DE USUARIO:
MANUAL DE USUARIO: EDITOR Sistema drag & drop... 2 1. Gestor de contenidos... 3 2. Editor de estilo... 5 3. Añadir elementos... 6 4. Deshacer/Rehacer... 13 5. Guardar... 13 Al acceder al visualizador del
Más detallesTutorial de Introducción a la Informática Tema 0 Windows. Windows. 1. Objetivos
1. Objetivos Este tema de introducción es el primero que debe seguir un alumno para asegurar que conoce los principios básicos de informática, como el manejo elemental del ratón y el teclado para gestionar
Más detallesCOMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER
2011 2012 COMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER WWW.FAUBELL.COM vicente@faubell.com Hasta ahora hemos visto una pequeña introducción a la creación de las páginas web. No te preocupes por
Más detallesGMAIL (avanzado) 1. Accede a la web de Gmail, www.gmail.com. Te destacamos las funcionalidades que vamos a enseñarte a. 2. Vamos a enseñarte a:
Sabes que puedes hacer muchas más cosas que enviar y recibir correo con Gmail? Puedes organizarlo, crear reglas de correo, filtrar correo, organizar contactos Adriana va a enseñar a su padre cómo aprovechar
Más detallesMANUAL WIKISPACES. Seminario TIC CPR Navalmoral. J. César Bárcena. Coordinador TIC IES Albalat
MANUAL WIKISPACES Seminario TIC CPR Navalmoral J. César Bárcena Coordinador TIC IES Albalat 1 Índice de contenido MANUAL WIKISPACES...1 Crear un wiki educativo en wikispaces...3 Administrar espacio: configuración
Más detallesGuía para la Automatización de Documentos en. Microsoft Word
UNIVERSIDAD SAN CARLOS DE GUATEMALA CENTRO UNIVERSITARIO DE SAN MARCOS USAC-CUSAM Guía para la Automatización de Documentos en Microsoft Word ID Y ENSEÑAD A TODOS 2015 PRESENTACIÓN El Instituto de Investigaciones
Más detallesEjercicio: Creación de una lección en línea: WebQuest
Ejercicio: Creación de una lección en línea: WebQuest Una lección en línea le permite al maestro crear materiales educativos que incluyan el uso de recursos confiables en la Web. Estas lecciones son dirigidas
Más detallesCómo acceder a Google Drive? Tiene más funcionalidades una cuenta de Google?
Manual de Qué es Google Drive? Qué es Google Drive? Google Drive es un servicio web que le permite almacenar, modificar, compartir y acceder a sus archivos y documentos independientemente de dónde se encuentre
Más detallesManual de configuración del correo electrónico Netkiamail en distintos dispositivos
Manual de configuración del correo electrónico Netkiamail en distintos dispositivos 1. - INTRODUCCION En este manual aprenderá a configurar una cuenta de correo electrónico para clientes de correo de equipos:
Más detallesTECNOLOGÍA EDUCACIÓN CONOCIMIENTO
TECNOLOGÍA EDUCACIÓN CONOCIMIENTO Cómo unirte a Instagram Instagram es una red social en crecimiento basada en imágenes fijas y videos cortos. Se usa en los teléfonos, pero puedes ver videos de Instagram
Más detallesCÓMO HACER MI PROPIO BLOG
CÓMO HACER MI PROPIO BLOG El blog o weblog es una página de Internet que nos permite publicar contenidos y comentarios sobre cualquier tema que nos interese. Estas páginas están pensadas para que los usuarios
Más detallesHerramientas CONTENIDOS. MiAulario
Herramientas CONTENIDOS MiAulario CONTENIDOS Qué es Contenidos Ver un ejemplo Añadir la herramienta al sitio Añadir contenido en la página Páginas principales / subpáginas Criterios de visibilidad Configuración
Más detallesMANUAL TARIFICADOR. Clic aquí Descargar Tarificador
1 de 16 MANUAL TARIFICADOR A continuación encontrara un Paso a Paso de la instalación del tarificador. 1 PASO. Digite en su navegador esta dirección : www.hablaporinternet.com; encontrara la siguiente
Más detallesEJERCICIO Nº14: AÑADIENDO OTROS TIPOS DE CONTENIDOS. Se pueden mejorar los contenidos de un curso al añadir al añadir:
EJERCICIO Nº14: AÑADIENDO OTROS TIPOS DE CONTENIDOS Se pueden mejorar los contenidos de un curso al añadir al añadir: 1. 2. 3. 4. 5. Una imagen de encabezado del curso Presentación virtual del curso Creación
Más detalles29-7-2015. Juan I. Liberal ESCUELA NUESTRA SEÑORA DE LUJÁN
29-7-2015 Juan I. Liberal ESCUELA NUESTRA SEÑORA DE LUJÁN Crear un nuevo proyecto En cuanto descargues Windows Movie Maker, podrás instalarlo en tu sistema sin ninguna dificultad ni necesidad de realizar
Más detallesDiseño de páginas web
Diseño de páginas web Estilos HTML y CSS Ricardo Esteban Alonso Estilos HTML Un estilo define un grupo de características de texto, y están normalizados para los exploradores más utilizados. Son muy útiles
Más detallesTUTORIAL DE PUBLICACIÓN PARA REDACTORES
TUTORIAL DE PUBLICACIÓN PARA REDACTORES Fitfusion, pretende ser un punto de encuentro entre profesionales y adictos al fitness, donde compartimos conocimiento sobre nuestra pasión, el ejercicio físico
Más detallesGuía paso a paso. Aprende a usar tu TwinSpace
Guía paso a paso Aprende a usar tu TwinSpace Cómo actualizar tu perfil... 3 Cómo invitar a los profesores y visitantes a tu TwinSpace... 4 Cómo invitar alumnos a tu TwinSpace... 7 Cómo añadir un blog a
Más detalles10.1. Imprimir el Mapa.
Unidad 10. Qué hacer con un Cmap o como utilizarlo. II. 10.1. Imprimir el Mapa. Desde el mapa que desees imprimir, pulsa en el menú Archivo, y escoge Presentación Preliminar, Tienes delante de ti la ventana
Más detallesv2.2 Guía del Estudiante Registro e Inicio de Sesión
Registro e Inicio de Sesión Cuando accedes a ClipIt por primera vez, verás la página de bienvenida (arriba). Aquí podrás registrarte para crear una nueva cuenta de estudiante, o iniciar sesión con tu cuenta
Más detallesCreando una webquests
Creando una webquests 1. LO PRIMERO EL PROGRAMA Para crear paginas web necesitamos el software apropiado. Hay muchas formas y programas para hacerlo, pero por su facilidad de uso y por ser software libre
Más detallesMANUAL BÁSICO DE TWITTER
MANUAL BÁSICO DE TWITTER 1 MANUAL BÁSICO DE TWITTER Paso 1. Configuración de tu cuenta Twitter: si no eres usuario de Twitter deberás registrarte y darte de alta. Ir a www.twitter.com y completar los apartados
Más detallesMás sobre el tema @ctivo de la unidad
Conozcamos a los dinosaurios con los programas de Office Unidad 3 Microsoft Office En esta unidad seré capaz de... Más sobre el tema @ctivo de la unidad Microsoft Offi ce es una colección de programas
Más detallesGuía para publicar su Página Web
Guía para publicar su Página Web Inserte su pagina Web usted mismo: 1 - Ingresar en www.amawebs.com 2 - Inicio Rápido Puedes construir tu sitio web en 3 simples pasos, para esto ingresaras al constructor
Más detallesCONECTA TU NEGOCIO: DISEÑANDO TU PÁGINA WEB. Iniciativa de: En colaboracion con:
CONECTA TU NEGOCIO: DISEÑANDO TU PÁGINA WEB Iniciativa de: En colaboracion con: . REGÍSTRATE GRATIS Podrás crear tu propia página web fácilmente y en minutos. Todos los cambios los puedes realizar directamente
Más detallesGuía de Hootsuite. mini guía para montar tu tienda en bigcartel
Guía de Hootsuite mini guía para montar tu tienda en bigcartel Cómo montar tu tienda en BigCartel Bigcartel es una plataforma que tiene varios precios y modalidades: De los cero euros a los 8, 18 o 28
Más detallesEditor de textos para Drupal: TinyMCE
Editor de textos para Drupal: TinyMCE Cuando vayamos a editar el texto de una página, normalmente nos encontraremos con un editor de textos, similar a Word, pero para la web. Donde podamos usarlo encontraremos
Más detallesMANUAL BÁSICO DE WRITER
MANUAL BÁSICO DE WRITER Los contenidos que vamos a tratar en este pequeño manual son los siguientes: 1. 2. 3. 4. 5. 6. 7. 8. Qué es OpenOffice y qué es Writer? Cómo accedemos a Writer? Principales opciones
Más detallesCómo crear tu propio tema gráfico para Chamilo paso a paso
Cómo crear tu propio tema gráfico para Chamilo paso a paso Autor de este documento: el equipo de Contidos Dixitais Fecha de creación: 9 de mayo de 2012 Válido para: versión 1.8.8.4 de Chamilo LMS Cómo
Más detallesUna guía rápida para. Crear Autorespuestas
Una guía rápida para Crear Autorespuestas En esta guía Aprende a establecer tus mensajes de seguimiento en modo automático con las Autorespuetas de GetResponse en las campañas de goteo, mensajes de bienvenida
Más detallesCAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3
ver. 3 Diseño de cajas de esquinas redondeadas y ancho fijo para Diseño WEB _TICO 1º Bachillerato página 1/10 CAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3...1 Procedimiento 1: Diseño con Gimp de una
Más detallesCuando crees tus propios documentos, puede ser que alguna
1. CORTAR, COPIAR Y PEGAR Cuando crees tus propios documentos, puede ser que alguna vez necesites escribir el mismo texto varias veces o que quieras colocar un trozo de texto en otra parte del documento.
Más detallesGMAIL EL CORREO DE GOOGLE
GMAIL EL CORREO DE GOOGLE GMAIL, EL CORREO DE GOOGLE 1. El correo electrónico: tipos 2. Gmail: características 3. Crear una cuenta 4. Trabajar con Gmail Recibidos Redactar Enviados Contactos Configuración
Más detallesCREAR UNA CUENTA PAYPAL BUSINESS
MANUAL tinytien: CREAR UNA CUENTA PAYPAL BUSINESS Este manual no ha sido realizado por PayPal. Se facilita desde tinytien como material de ayuda para sus usuarios y debido a esto, la información que se
Más detallesPLATAFORMA EDUCATIVA UDECNET
PLATAFORMA EDUCATIVA UDECNET http://www.udecnet.com.mx INGRESO A LA PLATAFORMA Da clic en el lado superior Izquierdo (Entrar) En Nombre de usuario, escribe el USER que se viene en tu hoja seguido del PASSWORD
Más detallesComo Solicitar y configurar tu web de DXN. Por: Jorge Calvo www.dxncanarias.com
Como Solicitar y configurar tu web de DXN Por: Jorge Calvo www.dxncanarias.com Paso 1: al poco tiempo de registrarte en DXN recibirás un email de intranet@dxn.hu con el asunto Acceso a intranet DXN en
Más detallesDocumentación de Open Movie Editor
1 de 6 04/09/12 11:25 Documentación de Open Movie Editor Open Movie Editor ha sido diseñado para ser una herramienta simple con las capacidades básicas de edición de vídeo. Pretende ser suficientemente
Más detallesApuntes para hacer páginas Web con FrontPage
1 ASIGNATURA: USOS MATEMÁTICOS DE INTERNET PARA SECUNDARIA Y BACHILLERATO CURSO: Cursos y acciones de postgrado, 2004-2005 PROFESORA: Inés M. Gómez-Chacón CARÁCTER/CRÉDITOS: 3 DEPARTAMENTO: ÁLGEBRA FACULTAD
Más detalles