Objetivos. El alumno conocerá los elementos indispensables para crear una página web. 1. Crear una página web básica utilizando html.
|
|
|
- Javier Martínez Piñeiro
- hace 8 años
- Vistas:
Transcripción
1 Objetivos El alumno conocerá los elementos indispensables para crear una página web. Al final de esta práctica el alumno podrá: 1. Crear una página web básica utilizando html. Introducción El lenguaje que se emplea para crear páginas web se denomina HTML (Lenguaje de Marcado de Hipertexto). Las páginas web las puede ver el usuario mediante un tipo de aplicación llamada navegador. Puede decirse que HTML es el lenguaje que los navegadores utilizan para mostrar las páginas web al usuario. Este lenguaje permite agrupar textos, sonidos e imágenes lo cual representa una ventaja con respecto a libros o revistas impresos, también permite la introducción de referencias a otras páginas por medio de los enlaces hipertexto. HTML consta de un conjunto de elementos denominados etiquetas o marcas las cuales se utilizan para incluir textos, dibujos, tablas, cabeceras. La mayoría de las etiquetas se componen de dos partes, el comienzo y el fin, entre ambas se encuentra el elemento al que caracterizan. Todas las etiquetas (tanto las de apertura como las de cierre) comienzan con el símbolo < y terminan con el símbolo >. Las etiquetas de cierre tienen el mismo nombre que las de apertura, pero van precedidas del símbolo /. De esta forma, si la etiqueta de apertura se llama <etiqueta>, la de cierre es </etiqueta>. Casi todas las etiquetas del lenguaje HTML disponen de atributos que permiten definir características del elemento al que califican. Los atributos se incluyen dentro de la etiqueta de apertura de la siguiente forma: <etiqueta atributo1= valor1 atributo2= valor2...>. Las marcas que se introducen en un documento HTML no son visibles cuando se muestran en un navegador (también conocido como browser o explorador). Cuando un usuario solicita la página HTML a un servidor web, éste envía la página tal cual (incluidas las etiquetas y los atributos). En el momento en que el explorador recibe la página, interpreta las etiquetas que ésta contiene junto con los atributos de las mismas, mostrando al usuario el resultado final (sin etiquetas). Es indispensable mencionar que existen varios exploradores en los cuales se pueden visualizar esas páginas web, algunos son: Mozilla firefox, mozilla, opera, k-meleon, netscape, amaya, internet explorer,browsex, off by one. 1
2 Además del navegador es necesario utilizar una herramienta que permita crear la página, ya que un archivo HTML no es más que un texto, es por esto que para programar en HTML se usa un editor de textos. Es recomendable usar cualquier editor de textos sencillo, sin embargo, debe tenerse cuidado con algunos editores más complejos por ejemplo wordpad o word, pues colocan un código especial propio al guardar las páginas y HTML es únicamente texto plano Es importante saber que una página es un archivo donde se encuentra contenido el código HTML en forma de texto y estos archivos tienen extensión.html o.htm (es indiferente cuál utilizar). Cuando se programe en HTML haciendo uso de un editor de textos debe guardarse el trabajo con extensión.html, por ejemplo, conclusiones.html Algunas etiquetas empleadas en la construcción de páginas web se observan en la tabla 1, éstas pueden escribirse en mayúsculas o minúsculas. Tabla 1. Etiquetas Etiqueta Descripción <! > Comentario (el navegador no lo muestra) <!DOCTYPE... > Tipo de documento <A>... </A> Enlace <ADDRESS>... </ADDRESS> Formato para información de contacto o dirección <APPLET>... </APPLET> Programa interpretado por el cliente <AREA> Mapa sensible <B>... </B> Texto en negrita <BASE> Directorio base de búsqueda de URL <BASEFONT> Tamaño de letra <BIG>... </BIG> Letra grande <BLOCKQUOTE>... </BLOCKQUOTE> Formato para citas largas <BODY>... </BODY> Cuerpo de la página <BR> Nueva línea <CAPTION>... </CAPTION> Título de tabla <CENTER>... </CENTER> Centra un elemento <CITE>... </CITE> Formato para referencias <CODE>... </CODE> Formato para código <COL> Columna de una tabla <DD>... </DD> Descripción de un término de una lista de definiciones <DFN>... </DFN> Formato para un término <DIR>... </DIR> Lista de un directorio <DIV>... </DIV> Estructura de un párrafo de texto <DL>... </DL> Crea una lista de definiciones <DT>... </DT> Término de una lista de definiciones <EM>... </EM> Texto enfatizado <FONT>... </FONT> Fuente de texto 2
3 <FORM>... </FORM> Crea un formulario <FRAME>... </FPAME> Define un marco <FRAMESET>...</FRAMESET> Define la ubicación de un conjunto <HI>... </HI> Cabecera de mayor tamaño <H2>... </H2> Cabecera de tamaño menor siguiente <H3>... </H3> Cabecera de tamaño menor siguiente <H4>... </H4> Cabecera de tamaño menor siguiente <H5>... </H5> Cabecera de tamaño menor siguiente <H6>... </H6> Cabecera de menor tamaño <HEAD>... </HEAD> Cabecera de la página <HR> Línea horizontal <HTML>... </HTML> Marca de comienzo y fin de la página <I>... </I> Texto en itálica <IMG> Añade una imagen <INPUT> Elemento de un formulario <ISINDEX> Formulario para solicitar información al usuario <KBD>... </KBD> Formato para datos de entrada <LABEL>... </LABEL> Etiqueta para un elemento de un formulario <LI>... </LI> Elemento de una lista <LINK> Barra de herramientas <MAP>... </MAP> Definición de mapa sensible <MENU>... </MENU> Lista de un menú <META> Información de documento para el navegador <OBJECT>... </OBJECT> Añade un objeto <OL>... </OL> Lista ordenada <P> Nuevo párrafo <PARAM> Parámetros de un objeto <PRE>... </PRE> Texto con preformato <Q>... </Q> Formato para cita <S> </S> Marca texto borrado <SAMP>... </SAMP> Formato para pregunta <SCRIPT>... </SCRIPT> Secuencia de comandos que son ejecutados por el navegador <SELECT>... </SELECT> Crea un menú desplegable <SMALL>... </SMALL> Texto pequeño <SPAN>... </SPAN> Estructura de un texto (línea) <STRIKE>... </STRIKE> Marca texto borrado <STRONG>... <ISTRONG> Texto con marca intensa <STYLE>... </STYLE> Permite determinar el estilo de la página <SUB>... </SUB> Subíndice <SUP>...</SUP> Superíndice <TABLE>... </TABLE> Tabla <TBODY>... </TBODY> Cuerpo de una tabla <TD>... </TD> Celda de datos de una tabla <TEXTAREA>... </TEXTAREA> Crea un área de texto <TFOOT>... </TFOOT> Pie de una tabla 3
4 <TH>... </TH> Celda cabecera de una tabla <THEAD>... </THEAD> Cabecera de una tabla <TITLE>... </TITLE> Nombre de la página. El navegador lo muestra en la barra de título <TR>... </TR> Nueva fila de una tabla <TT>... </TT> Texto tipo teletipo <U>... </U> Texto subrayado <UL>... </UL> Lista sin orden <VAR>... </VAR> Formato para variables Ejemplo A continuación se elabora una página web sumamente sencilla utilizando HTML. 1. Para realizar el siguiente ejemplo se utilizará como editor de textos el bloc de notas. 2. Abrir el bloc de notas, copiar y pegar el siguiente texto en un nuevo documento. <title> Página html </title> <body> Esta es la página principal o índice 2. Guardar ese archivo con extensión.html o.htm en el disco duro. Para ello acceder al menú Archivo y seleccionar la opción Guardar como. En la ventana elegir el directorio donde se desee guardar y colocar su nombre, indice.html 3. Ejecutar el navegador y abrir el archivo indice.html 4. Sustituir la etiqueta <body> por la etiqueta <body bgcolor= #nnnnnn >, donde nnnnnn se debe sustituir por FFFFFF (blanco), (negro), FF0000 (rojo), 0000FF (azul), FFFF00 (amarillo), 00FF00 (verde) o las combinaciones de F y ceros; para obtener un color de fondo. 5. Para aumentar el tamaño del texto, sustituir la línea Esta es la página principal o índice por <h3>esta es la página principal o índice</h3>, guardar el archivo. 6. Crear una liga al laboratorio de computadoras, para esto debe incluirse la línea <a href= Laboratorio de computadoras </a> antes de la etiqueta, guardar el archivo 7. Para insertar una imagen debe contar con ella primero y ésta debe encontrarse en la misma ruta donde se grabó el archivo html que la referencia (sólo pueden incluirse imágenes con extensión.jpg o.gif). Suponer que se tiene una imagen llamada title.jpg 4
5 ,escribir la siguiente línea después de lo escrito en el punto anterior: <img src="title.jpg">, guardar el archivo. 8. Para escribir una línea saltando un renglón es necesario anteponerle <br>, el archivo debe verse así: <title> Página html </title> <body bgcolor="#f00000"> <h3>esta es la página principal o índice</h3> <a href= Laboratorio de computadoras </a> <img src="title.jpg"> <br> Para ver una nueva página selecciona aquí 9. Es necesario cambiar de página, para eso tiene que crearse un nuevo archivo con el bloc de notas al que se le llamará pag2.html. 10. En el archivo indice.html es conveniente sustituir la línea <br> Para ver una nueva página selecciona aquí por <br> Para ver una nueva página selecciona <a href= pag2.html >aquí</a> Guardar el archivo. 11. En el archivo pag2.html escribir las siguientes líneas: <title> Página 2 html </title> <body> 12. Ahora se utilizará una imagen como fondo, para ello sustituir la línea <body> por <body background= nubes.gif >, donde nubes.gif es el nombre de la imagen que debe encontrarse en la misma ruta que el archivo pag2.html. Guardar el archivo 13. En esta página se incluirá el texto TABLA, el cual debe aparecer centrado, para esto, basta incluir la línea <center>tabla </center> antes de la etiqueta 14. Crear una tabla incluye la utilización de las etiquetas <table border> y </table>, <tr> y </tr> para insertar renglones, <td> y >/td> para crear columnas. En la página se creará una tabla con dos renglones y tres columnas. El código html queda de la siguiente manera: <title> Página 2 html </title> <body background= nubes.gif > <center>tabla</center> <table border> 5
6 <tr> <td> Columna 1</td> <td> Columna 2</td> <td> Columna 3</td> </tr> <tr> <td> A</td> <td> B</td> <td> C</td> </tr> </table> 15. Finalmente y tras guardar el archivo, se incluye la línea para enviar un correo electrónico <a href="mailto:prueba@yahoo.com">enviar comentario </a> Recomendaciones 1. Seleccionar colores de texto que no se pierdan con el color del fondo 2. No utilizar imágenes como fondo que puedan dificultar la lectura. 3. No saturar la página con demasiadas imágenes, pues tardan para desplegarse. Ejercicios propuestos 1. Realizar un tutorial del tema La computación en el profesional de la ingeniería de la materia Computación para ingenieros. 2. Realizar un tutorial del tema II Introducción a las tecnologías de la información 3. Realizar una página de un tema específico, utilizar, viñetas y tablas. 4. Realizar una página que incluya bibliografía sobre la asignatura Computación para ingenieros 5. Realizar una página desde donde se puedan descargar archivos referentes a la asignatura. 6. Realizar una página que contenga ligas hacia diferentes sitios, catalogar el tipo de éstos. 6
ETIQUETAS HTML 5 Diseño de Sitios Web TUW
Etiqueta Descripción Define un comentario nueva nueva nueva nueva
TEMA 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
Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción
Etiquetas Básicas (Estructura HTML) Inicio y final del documento html text link alink vlink topmargin (IE) leftmargin (IE) marginheight margin
HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto) Introducción Un lenguaje de marcas es una forma de codificar junto con el texto, incorporando etiquetas que contienen información adicional
NUEVAS ETIQUETAS HTML 5
NUEVAS S HTML 5 Se muestra a continuación el listado completo de las etiquetas indicando las nuevas HTML 5, las mismas se agrupan en base a su funcionalidad dentro del documento html. Establece
Listado de elementos o etiquetas HTML5
Listado de elementos o etiquetas HTML5 Etiqueta Función Define un comentario Define el tipo de docuemento Define
El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto:
Plantilla de texto plano El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto: Título: Es el título que aparecerá identificando
HTML El idioma de Internet (Parte 1)
HTML El idioma de Internet (Parte 1) El lenguaje HTML Lenguaje de marcas de hipertexto Sintaxis extremadamente sencilla Documentos en archivos de texto simples Texto sin formato Diferenciación de los distintos
Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta ADDRESS ADDRESS CITE CITE B: NEGRITA B: NEGRITA.
En la presente tabla se hace una comparación entre las etiquetas de formato de texto. Netscape no soporta : ni (tachado). Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta
UNIVERSIDAD DE MEDELLÍN NUEVO PORTAL WEB MANUAL DE USUARIO GESTOR DE CONTENIDOS
UNIVERSIDAD DE MEDELLÍN MANUAL DE USUARIO GESTOR DE CONTENIDOS NUEVO PORTAL WEB TABLA DE CONTENIDO Tabla de Contenido 2 Consideraciones Iniciales 3 Ingreso al Sistema 4 Opciones de Gestor de contenidos
Tutorial 1: Creación de páginas web con Editor HTML de OpenOffice
Tutorial 1: Creación de páginas web con Editor HTML de OpenOffice Nota: el propósito del curso no es aprender a elaborar páginas web complejas. Por eso, únicamente vamos a aprender a manejar ocho procedimientos:
Creando un Sitio Web personal.
Creando un Sitio Web personal. FrontPage Express FrontPage Express de Microsoft es un sencillo editor htm 1 l que venía instalado por defecto con Windows 98 o con el Internet Explorer 4 para Windows 95.
GUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL
GUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL Maneja herramientas informáticas vigentes que le permiten administrar y difundir información diversa en un contexto social, académico y laboral
Creación de páginas Web
Seminario Creación de páginas Web Santander, mayo 2006 Michael González Harbour (mgh@unican.es) GRUPO DE COMPUTADORES Y TIEMPO REAL Michael González Harbour 1 Creación de páginas Web 1. Introducción 2.
Plantilla de texto plano
Plantilla de texto plano Esta es la plantilla seleccionada por defecto al crear una nueva página. Título: Es el título que aparecerá identificando a la página, así como en la cabecera del documento en
Capítulo 1 Documentos HTML5
Capítulo 1 Documentos HTML5 1.1 Componentes básicos HTML5 provee básicamente tres características: estructura, estilo y funcionalidad. Nunca fue declarado oficialmente pero, incluso cuando algunas APIs
MANUAL JOOMLA. Antes de empezar a modificar la información debemos introducir una serie de datos para dejar la cuenta preconfigurada.
MANUAL JOOMLA Ingresar a : http://www.oceanperu.com CONFIGURACIÓN DE SU CUENTA Antes de empezar a modificar la información debemos introducir una serie de datos para dejar la cuenta preconfigurada. Para
Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos:
Conceptos básicos de la internet y la web Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Internet: Red mundial de computadoras
Sesió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,
5.- Crear páginas web con Nvu
5.- Crear páginas web con Nvu Nvu permite crear y publicar páginas web sin necesidad de tener conocimientos de HTML y de una forma tan sencilla como utilizar un procesador de textos. La barra de herramientas
Al descomprimir su archivo en una carpeta podrá observar los documentos:
Instructivo para el uso de la plantilla de tesis En este documento usted encontrará una guía para el uso de la plantilla de tesis. Esperamos responder la mayoría de las preguntas que puedan surgir. A lo
9. Composer: Bugs y consejos.
9. Composer: Bugs y consejos. Composer: bugs y consejos 9.1. Sobre la barra de herramientas de formato Elegir color para remarcar texto En la actualidad existe un lenguaje complementario a las etiquetas
Introducción a Word. 1. Microsoft Word. 2. Escribir y editar textos. 3. Dar formato al texto. 4. Insertar imágenes.
Microsof Word es un procesador de texto con el que puedes crear documentos con texto, imágenes, títulos, colores y distintas opciones de formato. Introducción a Word 1. Microsoft Word. 2. Escribir y editar
ESTRUCTURA DE LOS SITIOS DE CATEDRAS
ESTRUCTURA DE LOS SITIOS DE CATEDRAS El de la FCE le enviará el esqueleto vacío del sitio de la cátedra, al cual usted ingresara el contenido de acuerdo a sus necesidades. La tarea principal que tiene
Introducción a la plataforma Moodle Aníbal de la Torre 2006. Plataforma Moodle. Accediendo a los contenidos
Plataforma Moodle Accediendo a los contenidos Formatos ----------------------------------------------------------------------- 2 Glosarios -----------------------------------------------------------------------
GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII
GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUIA DISPONIBLE EN: http://preparadorivan.blogspot.com/ - http://preparadormssi.50webs.com/inicio.html La World Wide Web o la Web, es una de las múltiples
QUE ES HTML? Las siglas HTML se refieren a:
QUE ES HTML? Las siglas HTML se refieren a: HyperText Markup Language Es uno de los lenguajes más utilizados en el Web Wide Web. Las páginas de Internet están escritas en este lenguaje. Le brinda al autor
Curso PHP Módulo 1 R-Luis
Lenguaje PHP Introducción Archivos HTML y PHP: Crear un archivo php es tan sencillo como cambiarle la extensión a un archivo html, por ejemplo podemos pasar de index.html a index.php sin ningún inconveniente.
MANUAL DE PUBLICACIÓN EN PORTAL UNED
MANUAL DE PUBLICACIÓN EN PORTAL UNED Manual de Publicación en PORTAL-UNED Equipo WEB. Infoportal@csi.uned.es consultasnuevoweb@csi.uned.es ÍNDICE 1. INSERTAR TEXTO EN LA PÁGINA... 2 2. INSERTAR UN ARCHIVO
Laboratorio 6. Creación de sitios Web - Dreamweaver
UNIVERSIDAD CARLOS III DE MADRID. ESCUELA DE TURISMO. Informática aplicada al sector turístico Laboratorio 6. Creación de sitios Web - Dreamweaver El objetivo de este laboratorio es aprender a crear sitios
Editor 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
Catedra de Base de Datos
Catedra de Base de Datos Facultad de Ciencias Exactas y Tecnología Universidad Nacional de Tucumán Ciclo Lectivo 2017 Diseño en HTML y CSS Tipología de los sitios web. La estructura de las paginas. Etiquetas
1.- MENU DE CONTROL O MENU VENTANA: permite cerrar la ventana cambiarla de tamaño y pasar a otra ventana
EXCEL PRÓLOGO Microsoft Excel es una hoja de cálculo de gran capacidad y fácil uso. Excel no solo es una hoja de calculo, sino también tiene capacidad para diseñar bases de datos (listas) de forma totalmente
Nos identificamos con nuestro nombre de usuario y la contraseña y llegamos a esta página
ADMINISTRACIÓN DEL SITIO WEB Todos los jefes de Departamento, coordinadores de proyectos y directivos del Centro somos administradores de la página web. Cada uno tendrá la responsabilidad de administrar
Diseño de páginas web 2011
Diseño de páginas web 2011 Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero
CURSO PÁGINAS WEB HTML: CÓDIGO EN EL EDITOR GEDIT
CURSO PÁGINAS WEB HTML: CÓDIGO EN EL EDITOR GEDIT Colegio Concertado Valdecás 1. Estructura de una página web a) Etiquetas de comienzo y fin del documento (etiqueta de entrada)... (etiqueta
Luis José Sánchez González INTRODUCCIÓN
CURSO BÁSICO DE HTML INTRODUCCIÓN Para crear una página web podemos optar por una de los siguientes métodos: a) Utilizar una herramienta de diseño web como Screem, Blue Fish, Front Page o incluso un procesador
En primer lugar necesitamos indicar el tipo de documento que estamos creando. Esto en HTML5 es extremadamente sencillo:
1 Estructura global Los documentos HTML se encuentran estrictamente organizados. Cada parte del documento está diferenciada, declarada y determinada por etiquetas específicas. En esta parte del capítulo
CAPAS O CONTENEDORES EN HTML. ETIQUETAS DIV Y SPAN. EJEMPLOS. MAQUETAR O DAR ESTRUCTURA A LAS PÁGINAS WEB. (CU00726B)
APRENDERAPROGRAMAR.COM CAPAS O CONTENEDORES EN HTML. ETIQUETAS DIV Y SPAN. EJEMPLOS. MAQUETAR O DAR ESTRUCTURA A LAS PÁGINAS WEB. (CU00726B) Sección: Cursos Categoría: Tutorial básico del programador web:
CÓMO CREAR UNA WEBQUEST Paso a Paso
CÓMO CREAR UNA WEBQUEST Paso a Paso 1.- Lo primero que tenemos que hacer es acceder a la página del instituto usando Mozilla (no usar el navegador Firefox que puede dar problemas) URL: www.ieseltablero.org
ENTORNO DE DESARROLLO MICROSOFT.NET 2010
ENTORNO DE DESARROLLO MICROSOFT.NET 2010 UNIDAD 2 Estructura de contenidos: 1. Conociendo ASP 2. Sitio Web y Proyecto Web 3. WebForm 4. Características de los webforms 5. Entorno del.net 6. Controles básicos
SPIP (v.1.8) Manual para redactores Alfredo Sánchez Alberca (asalber@ceu.es)
SPIP (v.1.8) Manual para redactores Alfredo Sánchez Alberca (asalber@ceu.es) 1. Arquitectura de SPIP SPIP es un sistema para la publicación digital de documentos en un sitio web. Tanto la creación de nuevos
agenciaisbn.es Manual de uso Herramienta de gestión Enero 2011
agenciaisbn.es Manual de uso Herramienta de gestión Enero 20 Web pública Mapa web 3 Secciones editables 3 Inicio 3 Noticias 4 Formularios 4 Herramienta de gestión Acceso 5 Inicio Barra de herramientas
TEMA 2. CREAR SITIOS WEB USANDO. Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz)
TEMA 2. CREAR SITIOS WEB USANDO CÓDIGO HTML Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz) Sesión 10 Tablas Introducción Las tablas son posiblemente la manera más clara de organizar
Manual de Administración Solución ADSL Profesional
Manual de Administración Solución ADSL Índice 1 Introducción... 2 2 Dominios... 3 3 Página web de Empresa... 5 3.1 Creación de Página Web de Empresa con plantilla... 6 3.1.1 Cabecera de la página... 7
Profesor: Víctor Cárdenas Schweiger
Profesor: Víctor Cárdenas Schweiger 2014 En primer lugar se debe especificar que el archivo de texto que se esta escribiendo es un documento HTML, para ello usamos las instrucciones de inicio y fin de
Práctica 3: Introducción a Word
Departament d Enginyeria i Ciència dels Computadors Práctica 3: Introducción a Word B12. Informática I. Curso 2001/2002 Profesores: Julio Pacheco Juanjo Murgui Raul Montoliu Mª Carmen Ortiz Octubre 2001
MOODLE 1.9 EDITOR DE TEXTO HTML
MOODLE 1.9 EDITOR DE TEXTO HTML Unitat de Suport Tecnicopedagògic - CAMPUS EXTENS Universitat de les Illes Balears. Edifici Aulari. Ctra. de Valldemossa Km. 7.5. 07122 Palma (Illes Balears) Primera edición:
Crear una página Html con el Editor.
Crear una página Html con el Editor. El Editor de Páginas HTML de RODAS permite a los usuarios crear, cargar y editar una serie de páginas web HTML que se almacenará en Mis Objetos o en una colección durante
La 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
UNIDAD 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
Manual de uso: Editor Web del CMS
Manual de uso: Editor Web del CMS Este manual sirve de apoyo para aquellas personas que usen el CMS y requieran editar textos dentro del mismo. Índice: 1. Cómo copiar texto desde Word? 2. Cómo resaltar
Guia para el principiante
Guia para el principiante Este documento asume que usted sabe como publicar en WWW. Lenguaje HTML El lenguaje HTML es el usuado actualmente para escribir textos hypermediales en el Web. El siguiente texto,
INDICE Capitulo 1. Internet y la Web Capitulo 2. Páginas Web Capitulo 3. Introducción al Lenguaje HTML Capitulo 4. Imágenes
INDICE Antes de comenzar XIII Capitulo 1. Internet y la Web 1 Internet 3 Protocolos de Internet 4 El hipertexto y la Web 4 Funcionamiento de la Web 8 Cliente Web 8 Servidor Web 8 Transferencia de la pagina
Tutorial 2: Creación de páginas web con Compozer
Tutorial 2: Creación de páginas web con Compozer Nota: el propósito del curso no es aprender a elaborar páginas web complejas. Por eso, únicamente vamos a aprender a manejar siete procedimientos: Crear
Guía N 1: Fundamentos básicos(i)
1 Guía N 1: Fundamentos básicos(i) Objetivos Generales: Ver una breve descripción de las capacidades más comunes de Excel Objetivos específicos: Descripción de los elementos de un libro: Hojas, iconos,
Manual De Intranet Docentes (versión 1.0)
Manual De Intranet Docentes (versión 1.0) Contenido: 1. Acceso 2. Descripción de opciones del modulo. 3. Consultas de notas alumno. 4. Cursos a Dictar 5. Horario de Cursos 6. Listado para Evaluación 7.
1 Itinerario. 2 Descripción y funcionalidades principales. Google Docs. 1.1 Qué vamos a hacer? 1.2 Qué pasos vamos a seguir?
Google Docs 1 Itinerario 1.1 Qué vamos a hacer? En este tutorial aprendemos a manejar la herramienta Google Docs, de esta forma nos introduciremos en el llamado cloud computing, que podemos traducir como,
ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ
CECYTEM PLANTEL NICOLAS ROMERO II Manual para crear páginas web en HTML GRUPO: 301 ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ HTML (HyperText Markup Language - Lenguaje de Marca de Hipertextos)
Lectura No. 3. Contextualización. Nombre: Página web DISEÑO DIGITAL 1. Para qué te sirve saber elaborar una página web?
Diseño Digital DISEÑO DIGITAL 1 Lectura No. 3 Nombre: Página web Contextualización Para qué te sirve saber elaborar una página web? A través de una página web puedes atraer a una mayor cantidad de clientes
Manual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00
Manual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00 ÍNDICE DE CONTENIDOS INTRODUCCIÓN...3 ÁREAS DEL SITIO WEB...4 1. ENCABEZADO...5 2. SECCIONES Y PÁGINAS DEFINIDAS...5 3. CONTENIDO...5 4. NOVEDADES
Guía para crear, editar y eliminar páginas. WordPress Grupo Mutual
Guía para crear, editar y eliminar páginas WordPress Grupo Mutual Crear una nueva Página (1) 1. Ingresar a WordPress y acceder al panel de "Páginas": Crear una nueva Página (2) 2. Seleccionar uno de los
RESUMEN HTML. Elementos de estructura
RESUMEN HTML Elementos de estructura primer elemento que enmarca todo el fichero HTML (obligatorio) zona de cabecera (obligatorio) definición de un título (obligatorio) cuerpo
MANUAL DE USO DE LA APLICACIÓN
MANUAL DE USO DE LA APLICACIÓN ÍNDICE 1. Acceso a la aplicación 2. Definición de funciones 3. Plantillas 4. Cómo crear una nueva encuesta 5. Cómo enviar una encuesta 6. Cómo copiar una encuesta 7. Cómo
Aplicaciones didácticas en Internet: DREAMWEAVER Bloque 2
Aplicaciones didácticas en Internet: DREAMWEAVER Bloque 2 1. Celdas y tablas, propiedades Dibujando celdas y tablas de disposición, podemos verificar las propiedades cambiando los datos en el panel que
Plataforma Educativa Manual del Docente Nivel II Módulo 3 Wiki
2014 Plataforma Educativa Manual del Docente Nivel II Módulo 3 Wiki Dirección Provincial de Tecnologías Educativas Dirección Provincial de Tecnologías Educativas Ministerio de Educación Ministerio de Educación
MANUAL DE USUARIO. SISTEMA DE INVENTARIO DE OPERACIONES ESTADÍSTICAS.
MANUAL DE USUARIO. SISTEMA DE INVENTARIO DE OPERACIONES ESTADÍSTICAS. INDICE Cómo Ingresar al Sistema?... 1 Autenticación de Usuario... 2 Pantalla Principal del Sistema de Operaciones Estadisticas... 3
MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn
MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn Tegucigalpa M. D. C., Junio de 2009 Que es un CMS Un sistema de administración de contenido (CMS por sus siglas en ingles) es un programa para organizar
Operación de Microsoft Word
Generalidades y conceptos Combinar correspondencia Word, a través de la herramienta combinar correspondencia, permite combinar un documento el que puede ser una carta con el texto que se pretende hacer
Te explicamos cómo poner la firma de correo con tu imagen, en los clientes de correo más utilizados:
Firmas de correo Te explicamos cómo poner la firma de correo con tu imagen, en los clientes de correo más utilizados: Correo web/webmail(roundcube), Outlook y Thunderbird. También te explicamos, como crear
Práctica 6 - Página Web
Práctica 6 - Página Web Teoría. Una Página Web es un recurso de información que esta diseñada para la Word Wide Web (Red Mundial) y puede ser vista por medio un Navegador Web. Esta información se encuentra
CREAR UN BLOG CON BLOGGER
CURSO CREAR UN BLOG CON BLOGGER MATERIAL REALIZADO POR EL EQUIPO TIC DEL COLEGIO LA MILAGROSA DE SALAMANCA Curso Crear un blog con Blogger. Equipo TIC del Colegio La Milagrosa de Salamanca (p. 2) Para
Prácticas H T M L U.A.C.M COMPUTACIÓN II
Prácticas H T M L U.A.C.M COMPUTACIÓN II M a r c o s Práctica VI HTML Básico El primer objetivo de esta práctica es familiarizarse con el uso de los marcos y posteriormente ubicar la forma de como podemos
Plantilla de texto plano
Plantilla de texto plano Esta es la plantilla seleccionada por defecto al crear una nueva página. Título: Es el título que aparecerá identificando a la página, así como en la cabecera del documento en
Taller de Paginas Web
Taller de Paginas Web Las páginas web son documentos de texto que se comparten en la red. La mecánica es la siguiente : Un ordenador de usuario, que llamarermos cliente, hace una petición a una direccion
2_trabajar con calc I
Al igual que en las Tablas vistas en el procesador de texto, la interseccción de una columna y una fila se denomina Celda. Dentro de una celda, podemos encontrar diferentes tipos de datos: textos, números,
Instructivo Outlook 2010 - Mesa de ayuda Sistemas. Introducción
Introducción Outlook 2010 es una herramienta muy completa, ayuda a tener en un mismo lugar lo que requiere para organizarse y trabajar de una mejor manera. Se pueden administrar los mensajes de correo
Curso de Microsoft Word Nivel 2
Curso de Microsoft Word Nivel 2 Objetivo La aplicación Microsoft Word es el procesador de textos de uso más extendido, siendo el tratamiento de textos una de las aplicaciones más usuales de los equipos
Publicando información en Internet.
Publicando información en Internet. Que es un sitio Web? Es un conjunto de archivos computacionales (imágenes, animaciones, etc) y páginas Web referentes a un tema en particular, incluye una página inicial
UNIDAD I HOJA ELECTRÓNICA DE CÁLCULO
UNIDAD I HOJA ELECTRÓNICA DE CÁLCULO COMPETENCIA PARTICULAR: Utiliza herramientas de la hoja electrónica de cálculo para el procesamiento de la información en su ámbito académico, social y laboral. PRACTICA
Para 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
2.- Utilizar el administrador de contenidos, para modificar el contenido de cualquier página o producto.
Manual básico de administración de CMS Para poder utilizar este manual básico, es necesario estar ingresados al sistema como miembro administrador, utilizando un nombre de usuario y contraseña validos.
Formularios. Formularios Diapositiva 1
Formularios Crear un formulario utilizando el Asistente para formularios Modificación en vista Diseño Adición de Controles a un Formulario Adición de un Subformulario a un formulario Formularios Diapositiva
TUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER
TUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER Existen muchos proveedores de servicios para crear un blog. En nuestro caso se ha decidido crear uno en Blogger, que es, a su vez, donde muchas
UNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE
PROGRAMA: TUTORÍA VIRTUAL EN AMBIENTES DE APRENDIZAJE UNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE 1 USO DE LOS RECURSOS EN MOODLE 1. Tipos de Recursos 2. Editar Páginas de Texto o Web 3. Enlazar
Manual Básico de PHPCC By Agm Vers. 1.0. ATENCIÓN : Desde el Acrobat Reader para copiar y pegar use la herramienta :
Manual Básico de PHPCC By Agm Vers. 1.0 ATENCIÓN : Desde el Acrobat Reader para copiar y pegar use la herramienta : INDICE 01- Modo edición / usuarios... ( páginas 1 2 ) 02- Páginas estáticas... ( páginas
Elaborando WebQuest usando Power Point
Módulo WebQuest Elaborando WebQuest usando Power Point 2.1.- Creación de WebQuest usando el Miscrosoft Power Point En el Power Point le colocamos un Estilo a nuestra Diapositiva para iniciar nuestra Creación
Campus Virtual Global FRR-UTN. Manual del Alumno
Manual de Usuario Alumno Campus Virtual FRRe 1 Contenido ACCESO AL CAMPUS VIRTUAL...3 INGRESO A UN AULA VIRTUAL:...5 PERSONAS - PARTICIPANTES...6 2 Acceso al Campus Virtual Se accede por medio de un navegador
Word XP (Continuación) Salto de página vs. Salto de Sección
Word XP (Continuación) Salto de página vs. Salto de Sección 1 Salto. Salto de página Cuando se llena una página con texto o gráficos, Microsoft Word inserta un salto de página automático y comienza una
Unidad II: Lenguaje de marcado
Unidad II: Lenguaje de marcado 2.1 Introducción Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información
PROPÓSITOS. Tecnicatura en Informática Profesional y Personal [ 1 ]
![PROPÓSITOS. Tecnicatura en Informática Profesional y Personal [ 1 ]](/thumbs/87/95199557.jpg "PROPÓSITOS. Tecnicatura en Informática Profesional y Personal [ 1 ]")
PROPÓSITOS Unidad 1 Reconocer el funcionamiento de internet y sus características. Interpretar el concepto de ISP, HTTP y MySQL Reconocer y aplicar criterios de adaptación del ambiente de trabajo a las
NOTAS TÉCNICAS SOBRE EL SIT: Comunicados (II)
NOTAS TÉCNICAS SOBRE EL SIT: Comunicados (II)... 2 Qué son y para qué sirven los modelos HTML... 2 Creación de un modelo HTML... 3 por defecto... 6 Enviar documentos basados en modelos HTML... 7 Envíos
Índice general. Pág. N. 1. Capítulo 1. Capítulo 2
Pág. N. 1 Índice general Capítulo 1 Introducción al diseño web con HTML 5 y CSS3 1.1 Las versiones del HTML 1.2 Los navegadores y sus diferencias 1.2.1 Tiempo de carga 1.2.2 Entorno de trabajo 1.2.3 Ventanas
Herramientas Tecnológicas de Productividad
Herramientas Tecnológicas de Productividad 1 Sesión No. 4 Procesador de texto WORD WEB APP (Identificación de entorno, operaciones básicas, configuración y edición de texto) Contextualización Has visto
Entorno Virtual Uso educativo de TIC en la UR Tutorial de uso de:
Entorno Virtual Uso educativo de TIC en la UR Tutorial de uso de: Desarrollado por el DATA (Proyecto TIC UR) basado en doumentación de la comunidad moodle http://moodle.org, del curso Moodle en Español
PRÁCTICA 2. AMPLIAR LA WEB
PRÁCTICA 2. AMPLIAR LA WEB Ejercicio 1. Amplia la página Web que diseñaste en la práctica 1 con los siguientes elementos: fondos, marquesinas, tablas, hipervínculos y vídeos youtube. PASOS A SEGUIR 1.
Wikis Trabajando en una Wiki
Wikis Trabajando en una Wiki Contenido CONTENIDO... 1 VENTANA PRINCIPAL DEL WIKI... 2 AGREGAR UNA NUEVA PÁGINA... 4 EDICIÓN DE UNA PÁGINA... 5 DAR FORMATO A LA PÁGINA... 7 DESHACER Y REHACER ACCIONES...
Tarea # 5 Valor 10 Puntos. Mapa conceptual Aprendo a pensar
Tarea # 5 Valor 10 Puntos. Mapa conceptual Aprendo a pensar Cómo estructuramos un mapa conceptual? 1) Identificar los conceptos clave del contenido que se quiere ordenar en el mapa. Estos conceptos se
RELACIÓN DE PRÁCTICAS DEL TEMA 2
RELACIÓN DE PRÁCTICAS DEL TEMA 2 PRÁCTICA S.O. (I): Crear un fichero con Wordpad con tus datos personales y guardarlo en c:/temp Crear una carpeta con tu nombre en c:/temp (ej. C:/temp/pepita) Copiar el