Partida Rol por web

Elysium

Apuntes

Cargando editor
23/09/2010, 10:29
Director
Sólo para el director

AOFI:

Libro: "Aplicaciones ofimaticas" Editorial: Mc Graco hillm 2009 Autores: Fidel Oltra, Jesus Albert.

 

TEMA 9: Tecnicas de soporte

1 Formacion de usuarios

1.2 Documentación y guias de usuario.

a) Documentación tecnica.

b) Guias de usuario: Puntos a tener en cuenta

1. Portada, titulo

2. Indice

3. Introducción a la palicación

4. Como utilizar el manual

5. Conceptos generales de la aplicación

6. Requerimientos tecnicos de la aplicación

7. Procedimientos de intalacion configuracion y puesta en marcha

8. Diagrama gerarquico de la aplicacion

9. Introducción de datos para empezar a trabajar

10. Procedimientos de usuario: Explicacion de como funciona el programa, introduccion de datos etc...

11. Procedimientos en caso de error

12. Apendices: Glosario de terminos tecnicos, lista de preguntas frecuentes con sus respuestas (FAQ)

1.3 Formación de usuario.

a) Componentes: Ponentes (formador), Destinataios, contenidos

b) Cursos de formación

2. Manteniminto de una aplicación

a) Mantenimiento en el ciclo de vida de sw

-Analisis

-Diseño

-Codificacion

-Pruebas

-Mantenimiento

b) Funciones y objetivos

2.2 Tipos de mantenimeinto (importante)

a) Mantenimiento correctivo

b) Mantenimiento evolutivo

Ej 1: Cambio de forma de trabajar en la empresa--> hacer presupuesto

Ej 2: Cliente o proveedor fuerza algun cambio de aplicación---> pedidos por mail

c) Mantenimiento adaptativo

d) Mantenimiento preventivo

e) Contrato de mantenimiento

3) Asistencia al usuario y soporte Técnico

3.1) Ayuda

a) Ayudas online: Ayudas de contexto, automaticas, FAQ's, Visita guiada.

3.2) Soporte tecnico

a) Presencial

b) Telefónica

c) Internet

d) Remota

e) Dpto explotación

4. Revision y actualizacion.

4.1) Revision de aplicaciones

a) Tipos de revisiones

  • Revisiones tecnicas
  • Inspecciones
  • Auditorias

b) Inspecciones y auditorias

Clasificar audtorias: 1º) Atendiendo a la parte de sistema informatico que se trata: globales, pariales.

2º)Quien las realiza

Internas: Las realiza la propia emprea y son mas baratas y mas subjetivas.

Externas: Se contrata a un organismo externo

*Parciales:

  1. Inversion
  2. seguridad
  3. Explotacion
  4. Software

Se realizan auditorias por dos motivos, el primero es por obligacion, exigida esa obligacion por socios y actores externos. Y por el interes de mejorar o resolver problemas como: Descoordinacion entre los departamentos, fallos de seguridad y queja de usuarios.

Ejercicio:

Dadas unas situaciones realcionadas con a revision de aplicaciones informaticas se pide realcionar cada caso con un tipo especifico de revision:

1- Revision del funcionamiento de un modulo que acabamos de programar. Auditoria

2- Revisión de la seguridad de una red local y del control de contraseñas. Inspeccion tecnica

3- Revision de un progarama que segun el usuario presenta errores en situaciones muy concretas. Inspeccion tecnica

4.2) Actualizaciçon de aplicaciones

a) Pruebas de regresion y de impacto

b) Actualización

5) Prevencion, detección y solución de problemas

5.1) Prevención y seguridad

a) Seguridad de los datos

Sistema de copias de seguridad:

  • Frecuencia de copias
  • Metodo
  • Ubicación de archivos originales y copias.

b) Seguridad externa e interna

-Interna: usuarios

-Externa: antivirus, firewall, antiespam etc...

5.2 Detección y solución de problemas

a) Detección y actuación

b) Solución a problemas del sistema

-Reintalar S.O: Reparación, Reintalación, Formateo

-PC lento: Inicio/todos los programas/inicio, Win.ini , Regedit.

-No se encuentra fichero de arranque: papelera, restaurar sistema, reinstalar aplicación.

-PC se bloquea: Ctrl+Alt+Supr, Arrancar el SO en modo a prueba de fallos.

-Herramientas de diagnostico y comprobación: Herramientas del sistema (Defragmentador de disco. liberador de disco)

Mi PC/propiedades/herramientas (defrag, copias seg, chequeo disco)

-Panel de control-herramientas administrativas (rendimiento, servicios, visor de sucesos)

c) Solución a problemas tipicos de las aplicaciones

-Aplicaciones corporativas: Bloqueo de ficheros, Fallo de indices

-Aplicaciones ofimaticas:

  • Problema de configuracion
  • Problema de acceso
  • Problema de presentación
  • Errores y aviso de perdida de información
  • Formulas Excel no funcionan o con errores
  • No apertura/manipulacion de archivos
  • Problemas de navegador.

D)Desintalación de aplicaciones

-Desinstalador de aplicación

-Desintalador de windows

Comprobación: Borrado de carpeta de aplicación, ficheros adicionales, accesos directos, entradas de registro de windows.

Otros ficheros pueden quedar despues de desintalación: Fuentes no usadas, ficheros descargados de internet, ficheros temp, cookies etc...

e) Problemas en entornos cliente/servidor


TEMA 2:Procesador de textos

1.Primeros pasos

1.1 Introducción a P.T

1.2 Microsoft Word:

  • Word 1 (office 3.0) 1983 MSDOS
  • Word 6.0 (office 4.0) 1193
  • Word 6.0 para Win NT y 4.3 1994
  • Word 95 (office 95) 1995
  • Word 97 (office 97) 1997
  • Version 200
  • Version 2002
  • Version 2002 (office xp)
  • Word 2003 (office 2003)
  • Word 2007 (office 2007
  • Word 2010 (office 2010)

1.3 Open office.org

Sun microsystem 1998 compra start office- 2000 crea openoffice.org version libre

2. Entorno de trabajo

-Acceso

-Elementos: barras: Titulo,Menu, Herramienta Reglas Desplazamineto Estado

3. Escribir un documento y dar formato

3.1 Formato caracter

3.2 Formato de parrafo

  • Alineacion
  • Sangria
  • Espaciado

3.3 Tabulaciones, numeraciones y viñetas.

---------------------------------------------

10. Saltos de paginas, subindices y superindices

11.Configuracion de una pagina

12. Visualización de documentos

13.Buscar y reemplazar

14. Imprimir un documento.

20.Operaciones avanzadas con tablas

  a b c
1      
2      
3      

 

Tema 4: Bases de Datos

Relaciones

Uno uno: un unico registro de la tabla principal A se relaciona con uno solo de la tabla relacionada B y viceversa. No es una relacion muy comun, lo normal es que esta información asi relacionada se encuentre en una sola tabla. Se relacionan siempre con una clave primaria.

Uno a muchos: Un unico registro de la tabla principal A se puede relacionar con varios registros de la tala relacionada B, pero un registro de la tabla B solo tiene un registro coincidente en la tabla A. El tipo de dato que almacenan debe ser el mismo.

De muchos a muchos: Un registro de la tabla principal A puede tener mas de un registro dependiente en la tabla relacionada B, y cada registro de la tabla B puede estar relacionado con varios de la tabla A. En dealidad esta relación no se dá como tal sino que es la union de dos relaciones uno a muchos mediante una tabla que actua de enlace entre ellas.

Integridad referencial:

Reglas para garantizar que las relciones entre los registros de las tablas relacionadas son válidas y que no se modifican ni eliminan accidentalmente los datos relacionados. Estas reglas son:

1- No se puede añadir un registro en la tabla relacionada a no ser que haya un registro con ese numero en la principal.

2- No se puede cambiar el valor de la clave principal si ese registro tiene registros relacionados en la tabla secundaria o B

3- No se puede borrar un registro de la tabla A o principal si existem registros relacionados en la tabla secundaria o B.

Cuando se exige esta integridad se puede:

1- Actualizar en cascada registros relacionados.---> SI se cambia en la tabla A el valor de la clave, Acces, actualiza el valor del campo en todas las tablas relacionadas.

2- Eliminar en cascada registros relacionados---> Si se borra un registro en la tabla A se borran todos los registros relacionados en las tablas relacionadas.

Propiedades de los campos.

-Tamaño

-Formato:

Numerico:

  1. Fijo: Numero sin separador de miles, ej: 1234,56
  2. Estandar: Nº con """ ej: 1.234,56
  3. Porcentaje: % ej: 12%
  4. Cientifico: ej: 1,23E+03

Moneda ej: €

Fecha/hora: Largo, Corto

Texto/Memo:

  • <=minusculas
  • >=mayusculas
  • @=necesario un caracter

-Lugares decimales

-Mascara de entrada

  • 0--->obligatorio digito (0-9)
  • #--->opcional digito (0-9) o espacio Uso de + y -
  • 9--->obligatorio digito (0-9)
  • L--->oblgatorio letra (a-z)
  • ?--->opconal letra (a-z)
  • A--->obligatorio letra o digito
  • a--->opcional letra o digito
  • .--->punto decimal
  • ,--->separador miles
  • :---> fecha/hora

-Titulo: Nombre que va a aparecer para referenciar el campo en los formularios y los informes

-Valor Predeterminado

-Regla de validacion ej: edad>20

-Texto de validacion ej "no metas valores negativos"

-Indexado: Facilita los procesos de busqueda, consultas u ordenaciones en las tablas.

4.consultas

4.1 Selección.

4.2 Creación

-Asistente

-Diseño

4.2.1 Expresiones en las consultas: Criterios

-Operadores

Aritmeticos: + - * / \ (dicision enteraa) ^ (exponente) MOD (resto de la division) ()

Comparación: > < >= <= = <> (distinto)

Concatenación: &

Comparación de caracteres: texto como patron (COMODINES)----> *(conj. caracteres) ? (1 solo caracter) # (1 solo numero)

-Operados

-Literales:

  • Texto: ""
  • Fecha: #2/10/1998#
  • []:Nombre del campo, tabla, consulta, formulario o informe.

-Consultas con varios criterios (operadores logicos)

y--> obliga a los registros a cumplir todos los criterios a la vez

o---> obliga a los registros a cumplir almenos uno de los criterios

Negado

-Otros operadores:

  • expresión Es [Negado] nulo ej: [Telefono] es nulo
  • expresión [negado] entre valor1 y valor 2 ej: [Edad] entre 10 y 20
  • expresio [negado] en (valor 1;valor 2) ej: [provincia] en ("madrid", "leon")

4.2.2 Crear consulta a partir de una tabla

-Fecha:

Año ([Fecha]) ---> extraer el año

Mes ([Fecha]) ---> extraer el mes

-Texto (extraer caracteres):

Izquierda ([campo];n)

Derecha ([campo];n) ej: derecha ([telefono];3)= 321

Medio ([campo];n)  partir del caracter m me coje n caracteres

n sería el numero a extraer de caracteres.

 

 

4.2.3 Operaciones y 

modificaciones en las consultas.

-Copiar consulta

-Ordenar registros de los nombres: Campo orden

-Propiedades de las consultas

-Cambiar nombre al campo: Poner nombre: eje pot:potencia

-Campo Calculados: Es un campo definido en una consulta que opera con campos de la tabla y visualiza un resultado.

-Consultas de totales: Se usan para aplicar funciones agregadas sobre todos los registros de la tabla o sobre un grupo.

Ejemplo: N º coches de un precio

1º visualiza fila total Σ

2º Agrupar por precio

3º Aplicar al grupo la función agregada.

 

4.2.4 Consultas avanzadas

Consultas de parámetros:

Las consultas de relación vistas se caracterizan por tener el criterio de relación incrustado en el diseño de la consulta es decir no se podía modificar las condiciones de búsqueda mientras se ejecutaba la consulta.

Una consulta de parámetros es aquella que permite modificar las condiciones de búsqueda en tiempo de ejecución por medio de una ventana.

-Criterios.

Operador relacional [texto]

 

4.2.4 Consultas de acción

SOn aquellas que permitan cambiar los valores de un campo o campos de todos los registros que cumplan las condiciones especificadas en una sola operación. Estas consultas se usan para:

  1. Crear nuevas tablas
  2. Copiar registros de una tabla a otra (consultas de datos anexados)
  3. Modificar valores en registros (actualización)
  4. Eliminar registros (de eliminación).

1Creacion: Permite grabar en forma de tabla el resultado de una consulta. Los datos de esa nueva tabla no heredan las propiedades de los campos ni la clave principal de la tabla original

2 Se usan para añadir un grupo de registros de una o mas tablas al final de una o mas tablas sin modificar los que ya hubiera. La consulta solo anexa los datosde los campos coincidentes e ignora el resto. EJ si una tabla origen tiene 8 campos y la tabla destino solo coinciden 5 campos la consulta solo anexa esos 5 campos.

3 Actualizacion pag 141

4 Eliminación

-Consultas con varias tablas: Permiten extraer información de mas de una tabla al mismo tiempo y visualizarla en una hoja de datos. Al agragar mas de una tabla o consulta a una consulta es necesario asegurarse de que sus listas de camposestan relacinadas entre si, para que acces sepa como vincular la información.

Si acces encuentraregistros coincidentes en las tablas o consultas, los combina y los visualiza como uno solo en l resultado de la consulta. Si no hay ningun registro coincidente el resultado de la consulta aparece en blanco.

-Consultas  de tablas de referencias curzadas: Aquellas consultas que permiten agrupar los datos de una tabla segun un conjunto de echos especificados. Este tipo de consultas incluye celdas para todos los valores cunque no haya entradas para ellos en la tabla.

 

5 Formularios

5.1 Creación con asistente

5.2 Autoformularios

5.3 Diseño y modificacion de formaularios

Tipos de controles

-Control dependiente: depende de los datos de un atabla o consulta. Se usan oara introducir, modificar y visualizar los contenidos de los campos. Al ejecutar el formulario, este control visualiza el valor de un campo para el registro activo.

-Control independiente: Visualiza informacion que no cambia, ejemplos: titulo del formulario

-COntrol calculado: Permite realizar calculos segun los valores de uno o mas campos. Las expresiones de los controles calcualdos deben empezar con =

-Controles:

  • Etiquetas
  • Cuadro de texto
  • Grupo de opciones
  • Boton alternar
  • Botones de opcion
  • Casillas de verificacion
  • Cuadro combinado
  • Cuadro lista
  • Boton
  • Imagen
  • Ficha
  • Subformularios

5.3.2 Operaciones con controles

  • Seleccionar secciona
  • Seleccionar control
  • Mover control + etiqueta
  • Mover control +etiqueta independientemente
  • Cambiar tamaño
  • Alinear formato
  • Copiar/ Pegar

5.3.4 Añadir un control independiente

5.3.5 Añadir control dependiente

5.3.6 Añadir control calculado

5.3.7 Cuadros de lista y combinados

Aquellos que presentan valores en una lista para elegir uno, la lista siempre está visivle en el formulario

Los cuadros combinados presentan en una lista desplegable los elementos entre los que se puede elegir uno. La lista siempre esta visible en el formulario

5.3.8 Grupo de opciones

Es un grupo de controles para seleccionar una opcion en el conjunto de opciones presentadas al hacer click en él. SOlo una opcion del grupo puede ser seleccionada a la vez. Segun el boton seleccionado, acces asigna un numero al campo vinculadoal grupo de opciones. La propiedad "valor de la opción" de cada uno de los controles del grupo de opciones es la que tomará ese numero: Botones, casillas de verificacion y botones de radio.

5.3.9

-Control ficha: Permite presentar varias paginas de informacion como un conjunto.es util cuando se trabaja con dos o mas controles que pueden ordenarse en mas categorias

5.3.10 Establecer orden de tabulación.

Se refiere al orden con que acces enfoca un control dependiente al pulsar la tecla TAB. Por defecto el orden que se establecees el orden en que se van diseñando los controles.

5.3.11 Cambiar el origen de registros en un formulario

5.3.12 Crear formularios basandose en varias tablas.

En los formularios muchas veces es necesario referirse a datos procedentes de varias tablas o consultas. En este caso la forma de indicarlo es por medio de sub-formularios. Un sub-formulario es un formulario dentro de otro. Los subformularios se usan para mostrar datos de tablas o consultas cuando la relación es uno a muchos.

El formulario contenedor o principal se usa para representar la relación 1 uno y el subformulario para representar la de muchos. El formulario principal y el subformulario deben estar relacionados.

6.Informes

6.1 Crear informes con el asistente

6.2 Crear informe con autoinforme

6.3 Elementos de la ventana de diseño del informe.

Encabezado de pagina, se incluyen las etiquetas de los campos

Pie de pagina, numero o la hora.

Pie de grupo, podemos incluir subtotales

6.4 Crear informe con grupos

-Agrupar registros: CUando son campos fecha se ordenan del mas pequeño al mas grande (dia, mes, año)

-Mantener juntos los datos de un grupo

6.5 Agregar un control para hacer calculos horizontales

En un informe se puede añadir un control independiente para realizar alguna operación calculada con los campos del registro.

6.6 Agregar un control para hacer un calculo vertical.

En un informe puedes añadir un control independiente para realizar alguna operación calculada para algun campo de todos los registros o los registros agrupados por algun campo. El control que realiza el calculo vertical para algun grupo debe estar situado en la sección Pie de grupo. Y el que calcula el total general en la sección Pie de informe

6.7 Subinformes

Un subinforme es un informe dentro de otro. EL primer informe se llama informe principal y el informe contenido en el, subinformeç

7 Macros.

 

TEMA 5: IMAGEN DIGITAL

1.Formatos y evolucion de imagnes

1.1 Definición imagenes.

Clasificación (creación)

  • Imagenes vectoriales
  • Mapa de bits

-Diferencias

  • Vectorial: (Ventaja) redimensión, calidad inalterable, (inconveniente)falta eficacia para representar imagenes fotograficas, (ventaja) aumentar el tamaño de la imagen no implica incrementar el tamaño del archivo.
  • Mapa de bits: (inconvenientes) redimensión depende de la resolución, calidad alterable.

1.2. Resolución de una imagen.

  • Pixel
  • Reolución: numero de pixeles por unidad de longitud (pixel por pulgada)
  • Tamaño: ancho por alto

1.2.1 Color de la imagen

Profundidad de color: numero de colores asociados a cada pixel Nºcolores=2 bits

Modelo/Modo de color: La forma de representar de manera numerica el color asociado a cada pixel.

  • RGB 8 bits por canal (0-255)
  • Mapa de bits: (1 canal para negro) 1 bit
  • escala de grises: (1 canal para negro) 8 bits 256
  • Color indexado: (1 canal para color) 8 bits 256 colores
  • CMYK: (4 canales de color) 8 bits

1.2.2 Resolución de impresion

Resolucion ppp (puntos por pulgada)

Tamaño foto (cm): Tamaño foto (pixeles)/Resolución impresion x 2,54

1.3 Formatos de fichero de imagenes

1.3.1 formatos de imagenes vectoriales

  • COMF: usan funciones GDI
  • CDR: Corel Draw
  • EPS: Lenguaje Post script Encapsulado para impresion grafica profesional con impresora PostScript
  • SVG: Inkscape (libre, GPL)
  • AI Adobe Illustrator
  • DXF: Uso en programa de diseño asistido por ordenador ej: autocad
  • ODG: Draw de Oppen office
  • SWF: Uso en internet, Plugin de flash en navegador

1.3.2 Formatos imagenes bitmap

BMP:

  • Tamaño del archivo alto (sin compresión)
  • Modo de color: RGB, Escala de grises, indexado, mapa de bits
  • Profundidad de color= 24 bits
  • Extension: bmp, dib
  • Uso en windows

XCF:

  • Uso en ginp
  • Imagenes a capas
  • COmpresiçon si
  • Ext .xcf

GIF:

  • PC = 8 bits
  • MC: Escala de grises, mapa de bits, indexado RGB
  • Uso de internet
  • Graficos transparentes y animados
  • Tamaño del archivo adecuado.
  • Ext .gif

PNG:

  • PC = 3 bytes (24 bits)
  • MC Mapa de bits, escala de grises, indexado, RGB
  • Uso internet
  • Compresion sin perdidas
  • Ext .png

TIFF:

  • PC= 32 Bits
  • Tamaño archivo (no compresion)
  • Uso en fotos de camaras digitles
  • MC: Escala de grises, mapa de bits, RGB, Indexado
  • Ext: .tif, .tiff

JPEG:

  • PC= 24 bits
  • COmpresion si (pierde calidad)
  • MC: Escala de grises, RGB CMYK
  • Ext jpg, jpeg, jpe, jfif

PSD:

  • PC= 32 bits
  • Modos color TODOS
  • Uso en photoshop

 

2.Perifericos Adquisicion de imagenes

 

Tema: video digital

1 Video

-Puertos: USB, FireWire: AN digital- velocidad transferencia 400Mbit/s 800Mbits/s

  • Dipositivos de captura de video: Camara video A oD
  • Tarjeta capturadora de A/V
  • Móviles
  • Camara de fotos

 2 formatos y codecs

2.1 formatos y contenedores

-MPEG o MPG

  • Formato contenedor
  • Codecs MPEG
  • Mas calidad de video y menos tamaño
  • Ext: .mpg

-AVI

  • Formato contenedor
  • Microsoft
  • Flijos 1 o 2 audio 1 video (distintos codecs)
  • Ext: AVI

-MOV

  • Formato contenedor
  • Apple y PC
  • Interactuar con peli 3D
  • Ext .mov y .qt

-ASF

  • Formato contenedor
  • Microsoft
  • Ver y oir multimedia en internet sin descarga
  • Cualquier codec.

- WMV

  • Formato videos
  • microsoft
  • Empaqueta en contenedor AVI WMV ASF

-MKV(Matroska)

  • Formato contenedor
  • Código libre y gratuito
  • Basado en lenguaje EBML, permite : Crear menus, elegir fuente de sonido, subtitulos
  • Ext: mkv

-OGG

  • Formato Contenedor
  • Xiphorg
  • Uso en internet
  • Ext: .ogg

-AVCHD

  • Formato grabación
  • Sony/panasonic
  • Grabar full HD
  • Codec .mpeg y avc
  • Ext: .m2ts

-3GP

  • COntenedor
  • Móviles
  • Codecs: mpeg-4
  • EXT: .3gp

2.2 Codecs

-DivX: Divx, Gratuito

-MPEG:

  • MPEG-1  (video no entrelazado)
  • MPEG- 2: (video entrelazado, TV digital (terrestre, satélite))
  • MPEG -4 ( distribución CD, tx de videoconferencia) Distribuion de pelis en DOD

-DV:

  • Uso en camaras digitales
  • Grabar peli con calidad digital en cinta DVD

Xvid:

  • Usa MPEG-4 ASP
  • Video mas calidad
  • Tamaño menor

-H264 MPEG-4 AVC

  • Video mas compresion
  • Mas calidad
  • Usado por Madroska

3 Elementos de secuencia de video

*Fotograma (frame): Frame rate- fps (18)

*Relación aspecto: 4:3 (tv normal) 16:9 (TV panorámica)

*Formatos de alta definición: 720p 1080i 1080p

*Elementos secuencia video:

  • Audio/Video grabado
  • Efectos audio
  • Musica
  • Efectos video
  • Transiciones video
  • Titulos
  • Cromakey

 

Notas de juego

LBARRAM24@YAHOO.ES

84 3 ; 86 4

113; 6 8 9 10 12 14

114; 27 28 29

Cargando editor
23/09/2010, 11:56
Director
Sólo para el director
Hora Lunes
Martes Miercoles Jueves Viernes
FOL AWEB RLOC AOFI AWEB
SOMO AOFI RLOC AOFI AOFI
SOMO AOFI SOMO SOMO SOMO
Recreo
AOFI SOMO AWEB RLOC RLOC
RLOC SOMO AOFI RLOC RLOC
RLOC FOL AOFI AWEB FOL

 

Subir musica

Cargando editor
24/09/2010, 08:41
Director
Sólo para el director

AWEB

XHTML

Etiquetas: "<>" "</>"van escritas siempre en minusculas.

El conjunto formado por la etiqueta inicial, el contenido y la etiqueta final se llama elemento.

Se dice que un objeto esta anidado en otro cuando forma parte de él.

Listas no numeradas

-Viñetas

  • Sphere
  • Circle
  • Square
  • None

<ul>

<li>___________</li>

<li>___________</li>

</ul>

<ul style="list-style-type:circle/square/none">

<ul style="list-style-position:inside/outside">

Ejemplo:

    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />

    <title>Ponga aquí su título</title>
    </head>
    <body>
        <p>Existen tres tipos de primates
        <ul style="list-style-type:circle">
        <li>Chimpances</li>
        <li>Oraguntanes</li>
        <li>Monos</li>
        </ul>
        </p>
    </body>
</html>
 

Inside outside e imagenes.

  <body>
        Existen tres tipos de primates
        <ul style="list-style-image: url(topo.jpg)">
        <li>Chimpances</li>
        <li>Oraguntanes</li>
        <li>Monos</li>
        </ul>
    </body>
</html>

SAN JUAN DE LA CRUZ El pajaro solitario Las condiciones del pajaro solitario son cinco: que no sufre compañia Que pone el pico al aire Que no tiene determinado color Que canta suavemente Y se va a lo mas alto

    <title>Ponga aquí su título</title>
    </head>
    <body>
        <h1>SAN JUAN DE LA CRUZ</h1>
                <h4>El pajaro solitario</h4>
                <p>Las condiciones del pajaro solitario son cinco:</p>
        <ul style="list-style-image: url(pajaro.jpg)">
        <li>Que no sufre compania</li>
        <li>Que pone el pico al aire</li>
        <li>Que no tiene determinado color</li>
                <li>Que canta suavemente</li>
                <li>Y se va a lo mas alto</li>
        </ul>
    </body>
</html>

Elementos:

Block-level:

  • h
  • <p>
  • <l>

Inline-level: énfasis (ej: <cite> </cite>)

  <body>
        <h1>Monos famosos</h1>
                <p>¿Quien hubiera adivinado que en realidad hay páginas web sobre famosos monos. Tal vez la mejor, sin duda es el numero uno en Google, <cite>Monos famosos a través de la historia</cite>, un sitio un tanto extraño que narra las aventuras de la vida real monesca. Mi favorito es el Alberto, el primer mono en el espacio que por desgracia murió en circunstancias un tanto polémicas. </p>
        <h2>Extranas historias moneriles</h2>
                <ul style="list-style-image: url(punto.gif)">
        <li>El chimpance Washoe fue posiblemente el primer mono en dominar el arte de la lengua de signos. Al encontrar un mono no le gustaba se mezclara "sucio" con "mono" para expresar su desaprobación de otro primate.</li>
        <li>El inteligente  'Robomonkey fue el primate robótico.</li>
        <li>El educadisimo gorila KOKO, que habla asistido por ordenador y es un consumado fotógrafo.</li>
        </ul>
    </body>
</html>

LISTAS NUMERADAS

<ol style="list-style-type: lower-roman/upper-roman/lower-alpha/upper-alpha/none">

<ol>

 <li>....</li>

 <li>...</li>

 <li>...</li>

</ol>

<ol style= "list-style:upper-roman">
<li>Bedtime para Bonzo </li>
<li>King Kong</li>
<li>Duro de pelar</li>
<li>Kongo </li>
<li>El planeta de los Simios </li>
<li>Retorno al planeta de los Simios </li>
<li>Huída del planeta de los simios </li>
<li>2001: Una odisea del espacio </li>
<li>La conquista del planeta de los Simios </li>
<li>Bonzo va a la escuela </li>
</ol>

Listas de definicion <DL>

Es posible anidar blocklevels (parrafos, listas etc...) dentro de una dd pero no de un dt

<dl>
<dt>Chimpancé</dt>
<dd>Es un mono bastante listo</dd>
<dt>Orangutan</dt>
<dd>Es un mono bastante grande</dd>
<dt>Mono araña</dt>
<dd>Es un mono pequeño</dd>
</dl>
<h4>Varios significados</h4>
<dl>
<dt>Mono</dt>
<dd>Bichejo primate</dd>
<dd>Persona maliciosa</dd>
<h4>Sinonimos</h4>
<dl>
<dt>Mono</dt>
<dt>Simio</dt>
<dt>Bichejo primate</dt>
</dl>
<ha>Listas</h4>
<dl>
<dt>Pajaro solitario</dt>
<dd>Las cualidades del pajaro solitario son cinco:
<ul>
<li>No sufre de compañia</li>
<li>Pone el pico al aire</li>
</ul
</dd>
</dl>
 

 TABLAS

<table border="1">

<caption>Donde estan los monos famosos</caption>

<tr><th>Nombre</th><th>Especie</th><th>Ubicación actual</th>

<tr><td>Cheeta</td><td>Chimpancé</td><td>Palm Spring</td></tr>

<tr><td>Clyde</td><td>Orangután</td><td>Valle de San Fernando</td></tr>

<tr><td>Gordo</td><td>Mono ardilla</td><td>Desconocida</td></tr>

</table>

ABREBIATURAS

<p><abbr title="Capitan">Capt.</abbr></p>
<p><abbr title="Capitan">Capt.</abbr> trueno es un heroe del siglo 13<p>
 

ACRONIMOS

<p><acronym title="Detección y medición por radio">RADAR</acronym></p>

SEPARDORES

<p>qwertyuiop<br/>
qwertyuiop<br/>
qwertyuiop<br/>
qwertyuiop</p>

<hr/>

<p>qwertyuiop<br/>
qwertyuiop<br/>
qwertyuiop<br/>
qwertyuiop</p>

<hr align="left"vdth="20%"/>

<p>qwertyuiop<br/>
qwertyuiop<br/>
qwertyuiop<br/>
qwertyuiop</p>

IMAGENES

<p><img src="pinocho.jpg" alt="pinocho con grillo"/></p>

Tablas raras

Primera fila unida

e1
1 2 3
4 5 6

<table summary="" border="1">
<caption>tabla rara 1</caption>
<tr>
<th colspan="3">Ejemplo 1</th>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>4</td><td>5</td><td>6</td>
</tr>
</table>
</body>
</html>

e1 e2 e3
1 2 3
1 5

<table summary="" border="1">
<caption>tabla rara 1</caption>
<tr>
<th>E1</th>
<th>E2</th>
<th>E3</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td rowspan="2">3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
</tr>
</table>

e1 e2 e3
1 2 3
4

<table summary="" border="1">
<caption>tabla rara 1</caption>
<tr>
<th>E1</th>
<th>E2</th>
<th>E3</th>
</tr>
<tr>
<td rowspan="2">1</td>
<td rowspan="2">2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>

e1 e2 e3
1 2
3

<table summary="" border="1">
<caption>tabla rara 1</caption>
<tr>
<th>E1</th>
<th>E2</th>
<th>E3</th>
</tr>
<tr>
<td rowspan="2" colspan="2">1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
</tr>
</table>

VINCULOS (ancla)

  • Dentro de la misma pagina
  • a otra pagina
  • a otro sitio
  • a un recurso

<p>El chimpance de tarzan <a href="html://www.famousprimates.com/cheeta_75-html">Cheeta</a> Celebra
su 75 aniversario y anuncia su retiro del negocio del cine</p>

CSS

<style type="text/css">
p{color:red;} aqua, black, blue, fuchsia, grey, lime, maroon, navy, olive, purple, red, teal, white, yellow
<font-family: arial>, times new roman
<font-style: Italic>, black
<font-weight: extra-light> demi-light, light, medium, bold, extra-bold, demi-bold
<font-size: 10pt/px>
background{color:black;}
</style>
 

Bordes

  • none
  • dotted .....
  • dashed - - - - -
  • solid ______
  • double (doble linea)
  • grove (bajo relieve)
  • ridge (relieve)
  • inset (bajo relieve)
  • outset (relieve)

.relieve{border: blue outset 3px;

bakground: #fff000;}

Cargando editor
06/08/2011, 01:55
Director
Sólo para el director

1