ACTIVIDAD 1.

Slides:



Advertisements
Presentaciones similares
Sergio Cubero Introducción a las Páginas Web. Sesión 1 12:00-12:30: Introducción al web. Páginas Web Ejemplos. 12:30-13:00: Activar el espacio web. Crear.
Advertisements

Desarrollo Web Páginas Web HTML Editores de Páginas Web
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.
Elaboró: Paola Elizabeth Oviedo Lara
Publicación de páginas web
Hypertext Markup Language HTML
Internet y la Web social: Diseño de páginas web
Diseño Web y Multimedia 1 Clase 3 Docente: Josué Fortis.
Ing. Cleyver Vazquez Jijon
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
Construcción de una página Web.
HTML (Hyper Text Markup Language)
TIPOS DE SOFTWARE Se denomina software a un programa, equipamiento lógico o soporte lógico necesario para hacer posible la realización de una tarea con.
Unidad didáctica 6 Diseño de páginas Web.
PRINCIPIOS BASICOS DEL DISEÑO DE PUBLICACION Dra.María G. Rosa-Rosario.
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.
NAVEGADOR.
Google Chrome Google Chrome es un navegador de internet de código abierto diseñado para ser compatible con aplicaciones web y para aportar a las búsquedas.
HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje de marcado para la elaboración de páginas.
1  ¿ Qué es un sitio web ?  Colección de páginas web dotadas de una dirección web única  ¿ Qué es un página web ?  Es un documento creado en lenguaje.
CONFECCIÓN DE PÁGINAS WEB CON MS FRONT PAGE - TICEQ Prof: Dr. Carlos A. Núñez Dpto. Química Física, U.H
Clase 7 Tecnología de la Comunicación II Lics. en Com. Social y Periodismo F AC. DE C S. H UMANAS. UNSL. Sitio Web: construcción en In Design.
¿Cómo funciona la web?.
Curso de Programación Web html, java script. Contenido HTML Principios Color, links, listas Archivos externos Tablas y frames Java Script Datos y expresiones.
María Rossana Guerrero Vásquez Paula Andrea Vargas Arboleda Jefferson Styward Pérez Valencia
“Hyper Text Transfer Protocol” principal protocolo tecnológico de la red que permite enlazar y navegar por Internet. HTTP es un protocolo sin estado,
Diseño HTML.
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.
HTML.
Que es un navegador de Internet. Un navegador web o de Internet, es un programa que permite visualizar la información que contiene una página web (que.
TRABAJO MONOGRÁFICO – 4º ESO
 Curso básico de Dreamweaver MX (1)  Qué es Dreamweaver MX  Dreamweaver MX es un software fácil de usar que permite crear páginas web profesionales.
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.
Tecnologías Emergentes y los Negocios Unidad 4 – Diseño de Sites.
Partes de la ventana Access
@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo
1. Introducción ¿Qué es HTML? HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje para la elaboración.
Páginas web Una página web es un documento visible en la World Wide Web mediante un navegador. Tipos de web EstáticasDinámicas Un sitio web es un conjunto.
Curso de Programación PHP Nivel Básico Profesor: Sebastián Ocaño (Lic. en Sistemas) Horarios: Sábados de 11:30 a 13:30 Sitio web para encuestas y asistencias:
Computación e Informática Contabilidad Ing. Miguel Ángel Ramos Frías Word 2013.
HTML.
Tutorial del Programa de Powerpoint
UNIVERSIDAD CULTURAL INFORMATICA LIC. CINTHYA P. BELMONTES GUEVARA
MANEJO DE TEXTO Y OBJETOS AVANZADOS ENCABEZADOS Y PIES DE PÁGINA
Alfabetización Digital
CÓDIGO HTML PRESENTADO POR: JHERSON FERNANDO TRUJILLO RUBIO
AREA ACADÉMICA: INFORMÁTICA II TEMA: CREACIÓN DE PÁGINAS WEB MTRA
Actividades 2do grado Bimestre 1.
COMPUTACIÓN Y SOFTWARE DE APLICACIÓN
Diseño y Edición de Paginas web
2.3 Maquetación de Páginas web
HTML, Editores HTML, Servidores Locales
Continuación de códigos 2.1
INSTRUCCIONES Barra de menús
Parte 4 HTML.
Lenguajes de programación
HTML HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup.
HTML 2013.
Informática para secretariado
El botón office: están las tareas de nuevo documento, de crear un documento, así como la tarea de imprimir. También se muestras los documentos abiertos.
* Puedes hacer dos grupos de participantes. Por ejemplo, el grupo A y el grupo B. Te recomiendo que ellos mismos elijan un nombre de equipo divertido.
Bimestre 4 Actividades 1er Grado.
TECNOLOGÍA DE LA INFORMACIÓN
Cambia tu Firma Institucional
Hypertext Markup Language HTML. HTML HTML es un lenguaje de marcas, sencillo, pensado para el intercambio de información en la WWW. Se trata de una "Definición.
Que es Word y sus Partes ING. CARLOS ITURIEL DOMINGUEZ VILLAR.
BIENVENIDOS LA SIGUIENTE VA A SER UNA PRESENTACION QUE VA A TRATAR EL TEMA DE MICROSOFT OFFICE WORD 2007 Y ALGUNAS DE LAS PARTES Y FUNCIONES QUE POSEE.
Actividad de Aprendizaje
Curso Creación Pàginas Web
Taller de Power Point - basico
Transcripción de la presentación:

ACTIVIDAD 1

Realizar una presentación en PowerPoint insertando imágenes relacionadas con la evolución de la informática. Como producto tendremos un fotorama con diferentes transiciones. Una vez terminado el trabajo en PowerPoint, guardar el documento, en la siguiente ruta: E: \INFORMATICA\BLOQUE 1\mac_garcia_act1.pptx Posteriormente realizar la siguiente lista de cotejo en un documento en Word y guardar el documento, en la siguiente ruta: E: \INFORMATICA\BLOQUE 1\mac_garcia_lista_act1.docx

Lista de cotejo: Fotorama en PowerPoint Hecho/Pendiente/No realizado Indicadores Autoevaluación Co-Evaluación Heteró-evaluación Las imágenes tienen la resolución correcta. Las imágenes representan el tema. Variedad de imágenes. Las transiciones y animaciones son las correctas. El autor conoce el significado de las imágenes. Subtotales Nota: 2 puntos para tareas hechas; 1 punto para tareas pendientes y realizadas deficientemente; 0 puntos si la tarea no fue realizada. Al finalizar anota el promedio. Promedio

ACTIVIDAD 2

Comparativo y uso de software avanzado para edición de video Programa Sistema Operativo donde se instala Herramientas principales Costo Formato de salida Windows MovieMaker Windowx XP, Vista, Siete y Ocho Permite dos bandas para audio, textos, títulos, créditos, transiciones y efectos. Gratuito para Windows. La versión 2.6 es libre .avi, .mpeg, .mp4 Sony Vegas After Effects AVS video Avidemux

Una vez terminado el trabajo en PowerPoint, guardar el documento, en la siguiente ruta: E: \INFORMATICA\BLOQUE 1\mac_garcia_act2.pptx Posteriormente realizar la siguiente lista de cotejo en un documento en Word y guardar el documento, en la siguiente ruta: E: \INFORMATICA\BLOQUE 1\mac_garcia_lista_act2.docx

Lista de cotejo: Cuadro comparativo Hecho/Pendiente/No realizado Indicadores Autoevaluación Co-Evaluación Heteró-evaluación El comparativo es claro y muestra diferencias significativas Se descarga e instala el software elegido Se prueban las herramientas del software Se da un formato correcto a la tabla Se tiene una correcta ortografía Subtotales Nota: 2 puntos para tareas hechas; 1 punto para tareas pendientes y realizadas deficientemente; 0 puntos si la tarea no fue realizada. Al finalizar anota el promedio. Promedio

ACTIVIDAD 3

El entorno de trabajo de Nvu Nvu es un editor de páginas web WYSIWYG, es el acrónimo de What You See Is What You Get (en español, "lo que ves es lo que obtienes"). Este editor facilita el desarrollo de páginas web, gracias a las diferentes visualizaciones disponibles en su interfaz (código fuente, ventana WYSIWYG, visión con tags de HTML realzados), entre los cuales es posible cambiar mediante un sistema de pestañas.

Administrador de sitios Barra de título Barra de menús Barras de formato Administrador de sitios Barra de estado Etiquetas de vistas Área de trabajo

Al finalizar da clic en la vista Código fuente. Instalarás el programa Nvu en tú equipo, una vez hecho esto, utilizarás el área de trabajo para escribir lo siguiente: Nombre: Mac Rubén García Pérez Dirección: Edad: CURP: Al finalizar da clic en la vista Código fuente. Observa el código HTML, y en la libreta escribe el código.

Estructura básica y tu primer texto en una página Web HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. 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. Utiliza etiquetas (tags) que delimitan las áreas.

1. En Bloc de notas escribirás el siguiente código:

<DIV ALIGN=left>Texto e imágenes a la izquierda</DIV> Mueve a la izquierda los elementos contenidos dentro de sus marcas. <DIV ALIGN=right>Texto e imágenes a la derecha</DIV> Mueve los elementos a la derecha. <DIV ALIGN=center>Texto e imágenes centrados</DIV> Centra los elementos. <h1> Texto de prueba h1 </h1> <h2> Texto de prueba h2 </h2> <h3> Texto de prueba h3 </h3> <h4> Texto de prueba h4 </h4> <h5> Texto de prueba h5 </h5> <h6> Texto de prueba h6 </h6>

El producto de la actividad 3 serán los siguientes: El archivo en bloc de notas que contiene el código para la primera página que llevará como nombre: E: \INFORMATICA\BLOQUE 1\mac_garcia_act3.html En el cuaderno de apuntes anotarás el código que generó el programa Nvu, de preferencia utilizando colores para distinguir la estructura de la página.

ACTIVIDAD 4

Leerás el archivo “Diferencias entre Software Libre y Software Comercial” Inicia Nvu. Escribirás lo más relevante del documento que leíste. Aplica todos los formatos de texto para que el texto sea una muestra de las posibilidades de HTML Prueba las alineaciones y las familias de fuentes. Guarda tu página : E: \INFORMATICA\BLOQUE 1\mac_garcia_act4.html

Lista de cotejo: Estructura básica y tu primer texto en una página Web Hecho/Pendiente/No realizado Indicadores Autoevaluación Co-Evaluación Heteró-evaluación La página contiene lo más relevante del documento Están presentes todas las posibles formas de texto Se tomaron en cuenta también las alineaciones Se utilizan por lo menos dos diferentes fuentes Se guardo el trabajo en la ubicación correcta. Subtotales Nota: 2 puntos para tareas hechas; 1 punto para tareas pendientes y realizadas deficientemente; 0 puntos si la tarea no fue realizada. Al finalizar anota el promedio. Promedio