MI PAGINA WEB

mundoestrategias.esy.es

ACTIVIDAD INTEGRADORA 1

interfaz Dreamweaver

terminología básica del software para diseñar paginas web

Terminología basica del software para diseñar paginas web.

DREAMWEAVER CS5:  Es un software fácil de usar que permite crear páginas web profesionales. Las funciones de edición visual de Dreamweaver CS5 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.

CSS: CSS o Cascade Style Sheet (en español Hoja de Estilo en Cascada), es el lenguaje que se utiliza para escribir las hojas de estilo, las cuales definir el aspecto visual de un documento (documentos HTML y similares como XHTML, XML...).

El CSS es un estándar de la W3C que es ampliamente aceptado entre los navegadores web actuales.

PLANTILLAS DE DREAMWEAVER:

Las Plantillas Dreamweaver son plantillas profesionales prediseñadas para sitios Web que se pueden editar y personalizar fácilmente utilizando Adobe Dreamweaver. Nuestras plantillas Dreamweaver para sitios web le permitirán ahorrar tiempo y dinero ya que sólo cuestan una mínima parte de lo que una empresa de diseño web cobraría por esos servicios. El mejor software para editar y personalizar nuestras plantillas es Adobe Dreamweaver.

CONTENEDOR EN DREAMWEAVER:

Los contenedores están incluidos en la misma pagina pero cada contenedor puede albergar un elemento muy concreto tal como una imagen, una animación o un contexto.

SITIO LOCAL:

El sitio web local es un conjunto de páginas que solo pueden ser vistas en tu computadora, ya que no están montadas sobre un servidor ni sobre un DNS por el cual puedan ser accedidas

SITIO DINAMICO:

Los sitios Web dinámicos están compuestos por páginas HTML generadas a partir de lenguajes de programación (scripts) que son ejecutados en el propio servidor Web. A diferencia de otros scripts, como el JavaScript, el cual es una tecnología que se ejecuta al lado del cliente, los 'Server Side' scripts generan un código HTML desde el propio servidor Web.

SITIO INTERACTIVO:

Un sitio interactivo es básicamente un sitio dinámico al que se le han añadido prestaciones interactivas. Son interactivos los foros, los blogs, los comentarios de los usuarios, y todas aquellas aplicaciones en las que el usuario puede interactuar con otros usuarios o con los administradores del sitio

REGION EDITABLE.

En una plantilla, las regiones editables son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla. Las regiones bloqueadas (no editables) son las partes del diseño de la página que permanecen constantes de una página a otra.

Al crear una plantilla nueva, todas sus regiones están bloqueadas; por ello, para que la plantilla sea útil, es preciso hacer editables algunas regiones (desbloquearlas).

Al editar la plantilla en sí, podrá realizar cambios tanto en las regiones editables como en las bloqueadas. Sin embargo, en un documento basado en una plantilla, sólo podrá realizar cambios en las regiones editables del documento; no podrá modificar las regiones bloqueadas del documento

MAQUETACION:

Es un oficio del diseño “editorial” que se encarga de organizar en un espacio, contenidos escritos visuales y en algunos casos audiovisuales (multimedia) en medios impresos y eléctricos, como libros, diarios y revistas.

ETIQUETA DIV:

Se emplea para definir un bloque de contenido o sección de la página, para poder aplicarle diferentes estilos e incluso para realizar operaciones sobre ese bloque específico. Hemos empleado la etiqueta para crear un bloque, que hará las veces de índice de contenidos

TABLA:

Las tablas son una herramienta potente para presentar datos e imágenes en páginas HTML. Las tablas proporcionan a los diseñadores Web formas de añadir estructura vertical y horizontal a una página. Utilice las tablas para presentar datos tabulares, diseñar columnas o disponer texto o gráficos en una página Web. Podrá agregar contenido; añadir, eliminar, dividir y combinar filas y columnas; modificar las propiedades de tablas, de filas o de celdas para añadir color y alineaciones, así como copiar y pegar celdas

introduccion a html

INTRODUCCIÓN AL HTML

¿QUE  ENTIENDES POR UNA PAGINA HTML?

ES UN LUGAR EN EL CUAL PUEDES COMPARTIR INFORMACIÓN Y VICEVERSA

DEFINE CADA UNA DE LAS LETRAS QUE CONFORMAN HTML:

HYPER TEXT MARKUP LANGUAGE: lenguaje de formato de documentos para hipertexto.

¿QUÌEN INVENTO HTML? 

TIM BERNERS-LEE

¿CUAL ERA EL OBJETIVO DE CREAR HTML?

Tenia  como fin, al igual que todo , poder facilitarle enviar los documentos a científicos  de diferentes universidades. 

MENCIONA 7 REGLAS BÁSICAS QUE DEBES DE SEGUIR PARA EL DISEÑO DE UN PAGINA WEB.

1.- Reunir información: Investigar el historial de la marca, su giro, su servicio y la competencia.

2.- Plantear un objetivo: El objetivo debe plantearse de acuerdo a la función que hará el sitio en la red.

3.- Conocer los objetivos del cliente: Nunca se debe de olvidar la opinión del cliente, aunque tu como diseñador o creativo presentes una idea, ésta debe de ir acorde a los objetivos deseados del cliente, sin tu perder estilo.

4.- Conocer el público objetivo: Se tiene que tomar en cuenta todo tipo de datos demográficos sobre las personas que estarán frente a un monitor visitando la página. La edad, el sexo, gustos, estilo de vida, cultura y hasta lugar de residencia.

5.- Crear un mapa del sitio: Es importante antes de ponerse a diseñar y programar, bocetar las ideas y hacer distintas pruebas.

6.- Crea o reúne un contenido atractivo: El contenido tanto tipográfico como visual, debe llamar la atención de la audiencia.

7.- Planifica: Empezar con las ideas básicas y crear un calendario de avances y metas.

sitios que venden su alojamiento

SITIOS GRATIS

PROYECTO FINAL

terminología básica del software para editar imagenes

TERMINOLOGIA BASICA DEL SOFTWARE PARA EDITAR IMAGENES

1-       EXPLICA PARA QUE SE UTILIZA UN EDITOR DE IMAGENES. Se utiliza para modificar  imágenes  con algún deforme por resolver , o modificarlo al gusto propio.

2-       QUE ES UNA IMAGEN DIGITAL? La imagen digital es la representación bidimensional de una imagen empleando bits, unidad mínima de información compuesta por dígitos binarios (1 y 0), que se emplea a instancias de la informática y cualquier dispositivo de tipo digital

3-       CUALES SON LOS TIPOS DE IMAGENS DIGITALES QUE EXISTEN YCUALES SON SUS FORMATOS O EXTENCION DEL ARCHIVO DE CADA UNO?

4-       EXPLICA CADA UNO DE LOS FORMATOS DE ARCHIVOS PSD: El PSD es un formato nativo de photoshop y permite guardar todas las presentaciones, retoques, nuevas creaciones realizadas con este programa. Guarda los archivos con 48 bits de color y permite almacenar todas las capas, canales etc. que exista en el archivo de image

JPG: jpg son las siglas de Joint Photographic Experts Group, el nombre del grupo que creó este formato. jpg es un formato de compresión de imágenes, tanto en color como en escala de grises, con alta calidad (a todo color)

PNG:  El formato PNG (Portable Network Graphics, Gráficos de red portátiles o formato Ping) es un formato de archivos de gráficos de mapa de bits (una trama). Fue desarrollado en 1995 como una alternativa gratuita al formato GIF, que es un formato patentado cuyos derechos pertenecen a Unisys (propietario del algoritmo de compresión LZW), a quien todos los editores de software que usan este tipo de formato deben pagar regalías. Por lo tanto, PGN es un acrónimo recursivo de PNG No es GIF.

EPS:      Los archivos EPS o Encapsulated PostScript, son el formato estándar para almacenar ilustraciones PostScript de alta resolución.El formato EPS, el cual fue introducido en la mitad de los 80, permite que tanto usuarios Mac como usuarios Windows graben representaciones de pantalla en mapa de bits de las imágenes. Estas previsualizaciones, sin embargo, no viajan bien de una plataforma a otra.

TIF:  El formato TIFF es un formato de gráficos antiguo, que permite almacenar imágenes de mapas de bits (trama) muy grandes (más de 4 GB comprimidos) pero perdiendo calidad y sin considerar las plataformas o periféricos utilizados (Mapa de bits independiente del dispositivo, reconocido como DIB).El formato TIFF permite almacenar imágenes en blanco y negro, en colores verdaderos (hasta 32 bits por píxel) y también indexar imágenes utilizando una paleta

BMP:    El formato BMP es uno de los más simples. Fue desarrollado por Microsoft e IBM en forma conjunta, lo que explica su uso particularmente amplio en plataformas Windows y OS/2. Un archivo BMP es un archivo de mapa de bits, es decir, un archivo de imagen de gráficos, con píxeles almacenados en forma de tabla de puntos que administra los colores como colores reales o usando una paleta indexada. El formato BMP ha sido estudiado de manera tal que permite obtener un mapa de bits independiente del dispositivo de visualización periférico (DIB, Mapa de bits independiente del dispositivo).

GIF: Es uno de los formatos más extendidos en Internet. Los gráficos e imágenes se guardan con un esquema de color indexado con un máximo de 256 colores. Incorpora transparencia (partes de la imagen que dejan ver lo que hay debajo) que se considera un color más, en lugar de como un canal alfa. Utiliza compresión sin pérdidas y puede generar archivos muy pequeños. Su pega es la cantidad limitada de colores.

5-       QUE ES UN MAPA DE BITS? Un mapa de bits, bitmap, pixmap, imagen matricial o imagen rasterizada  es una estructura de datos que representa una rejilla rectangular de píxeles o puntos de color, conocida como raster, que puede ser visualizada en un monitor de computadora, en un papel o en otros dispositivos de representación.

6-       QUE ESUN GRAFICO BECTORIAL? Los gráficos vectoriales, también conocidos como gráficos orientados a objetos, son el segundo gran grupo de imágenes digitales. Son más simples que los gráficos de mapas de bits, ya que en ellos las imágenes se almacenan y representan por medio de trazos geométricos controlados por cálculos y fórmulas matemáticas, tomando algunos puntos de la imagen como referencia para construir el resto.

7-       QUE ES UN PIXEL? El píxel, por lo tanto, puede definirse como la más pequeña de las unidades homogéneas en color que componen una imagen de tipo digital. Al ampliar una de estas imágenes a través de un zoom, es posible observar los píxeles que permiten la creación de la imagen. Ante la vista se presentan como pequeños cuadrados o rectángulos en blanco, negro o matices de gris

8-       QUE ES UN VOXEL? El vóxel (del inglés volumetric pixel) es la unidad cúbica que compone un objeto tridimensional. Constituye la unidad mínima procesable de una matriz tridimensional y es, por tanto, el equivalente del píxel en un objeto 2D

9-       QUE ES UN TEXEL? Un texel (contracción del inglés texture element, o también texture pixel) es la unidad mínima de una textura aplicada a una superficie, usada en gráficos por computador. De la misma forma que una imagen digital se representa mediante una matriz de píxeles, una textura se puede representar mediante un matriz de texels.

10-   QUE ES RASTERIZACION? La rasterización es el proceso por el cual una imagen descrita en un formato gráfico vectorial se convierte en un conjunto de píxeles o puntos para ser desplegados en un medio de salida digital, como una pantalla de computadora, una impresora electrónica o una Imagen de mapa de bits (bitmap)

11-   QUE ES VECTORIZACION? La vectorización consiste en representar los contornos obtenidos mediante un conjunto de curvas Bezier. Las curvas Bezier son ampliamente utilizadas en computación gráfica debido a que requieren poco espacio de almacenamiento y son independientes de la resolución de salida que se utilice. Su uso actual se extiende desde la representación de tipografías hasta el modelado de objetos tridimensionales

12-   QUE ES UNA RESOLUCION DE IMAGEN?  Es el grado de detalle o calidad de una imagen digital ya sea escaneada, fotografiada o impresa. Este valor se expresa en ppp (píxeles por pulgada) o en inglés dpi (dots per inch). Cuantos más píxeles contenga una imagen por pulgada lineal, mayor calidad tendrá

13-   EXPLICA LOS SISTEMAS PARA EL COLOR A LAS IMAGENES DISGITALES DE ACUERDO A SU FINALIDADY CUANTO OCUPO EN PIXELES.(ESCALA DE GRISES,RGB,CMYK)

Escalas de grises: funciona en imágenes digitales con el valor x cada pixel equivale a una graduación de gris, el cual permite, poder modificar la imagen de la manera en que quieras verla.

RGB: funciona con los tres colores primarios rojo, verde y azul,  pidiéndolos combinar  para así utilizarlos en la imagen que desees

CMYK: funciona con los colores, cian, magenta, amarillo y negro se utiliza en pintura y artes plásticas permite expresar una gama mas amplia de colores .

14-   CUALES SON LOS MEJORES PROGRAMAS PARA LA EDICION DE IMAGENES?

Adobe Photoshop, the GIMP, adobe Photoshop lightroom

video cableado

CABLEADO - Kizoa Editar Videos - Movie Maker

Reporte de configuración de red

Con este vídeo pude observar como se instala y configura una red de área local y pude saber cómo poder pinchar el cable uttp así con el rj45 con dos normas . A y B primero se ocupa acomodar los cables de color Conforme a las normas de aplicación para poder ponerlo en el rj45 lo que pude observar fue la técnica de cómo poder hacerlo como un técnico en informática gracias al vídeo ,se me facilitó hacer el cableado y  pincharlo y pude obtener una buena calificación

mantenimiento preventivo (video)

video desfrag - Kizoa Editar Videos - Movie Maker

conceptos basicos de red informaticos

HERRAMIENTAS Y MATERIALES PARA CREAR UNA RED

boot & format (VIDEO)

hector booty - Kizoa Editar Videos - Movie Maker

mantenimiento preventivo de software

MANTENIMIENTO PREVENTIVO SOFTWARE

¿Qué es desfragmentar un disco duro y para que se utiliza?

El desfragmentar un disco se usa generalmente para agilizar el acceso a los datos.

Sirve para reunir los archivos y las carpetas que se encuentran fragmentados en el disco duro del equipo, de este modo cada uno de ellos ocupa un sólo espacio en el disco. Con los archivos cuidadosamente almacenados, sin fragmentación, las operaciones de lectura y escritura en el disco resultan mucho más ágiles.

Pasos:

1. Haga clic en Inicio, seleccione Todos los programas, Accesorios, Herramientas del sistema y, a continuación, haga clic en Desfragmentar de disco para realizarlo:
2. En el cuadro de diálogo Desfragmentar disco, haga clic en las unidades que desee desfragmentar y después clic en el botón Analizar disco. Después de que se analice el disco aparece un cuadro de diálogo en el que se indica si deben desfragmentarse las unidades analizadas
3. Para desfragmentar las unidades seleccionadas, haga clic en el botón Desfragmentar Disco. Una vez concluido el proceso aparece un cuadro con los resultados del mismo

       4. Para que se muestre información detallada acerca del disco o de la partición que     se ha desfragmentado, haga clic en Presentar informe.

       5. Para cerrar el cuadro de diálogo Presentar informe, haga clic en Cerrar.

        6. Para cerrar la utilidad Desfragmentador de Disco, haga clic en el botón Cerrar situado en la parte de abajo de la ventana.

Como se establece un punto de recuperación:

1. Haga clic en Inicio, seleccione Todos los programas, Accesorios, Herramientas del sistema y, a continuación, haga clic en Restaurar sistema. Asistente para restaurar sistema se abre
2. clic en Crear punto de restauración y, a continuación, haga clic en siguiente.
3. En el cuadro Descripción de punto de restauración, escriba una descripción para el punto de restauración. Utilice una descripción que es fácil de entender. Si está creando un punto de restauración antes de instalar hardware o de software específico, podría utilizar esa información en la descripción.
   
   Nota La fecha y hora se agregan automáticamente a su punto de restauración. Por lo tanto, no es necesario utilizar en su descripción.
4. Siga uno de los siguientes:
• Para terminar de crear este punto de restauración, haga clic en el botón crear. El Asistente para restaurar sistema le notifica cuándo se crea el punto de restauración.
• Para detener la creación de un punto de restauración y volver a la página de Restaurar sistema de bienvenida, haga clic en el botón Atrás.
• Para detener la creación de un punto de restauración y salir del Asistente para restaurar sistema, haga clic en el botón Cancelar.
5. Cuando haya terminado, haga clic en el botón Cerrar 

Como se libera el espacio en un disco duro:

1. Vamos a Mi Pc, o al explorador de Windows, y allí pinchamos con el secundario en el disco duro que queremos liberar. De las opciones que salen damos a “Propiedades”
2. Pinchamos en Liberar Espacio, y nos comenzará a cargar una ventanita recopilando información
3. Seleccionamos los archivos que queremos liberar y le damos a aceptar. Nos pedirá que confirmemos. Lo hacemos y listo, saldrá otra barra como que lo está haciendo, y al finalizar se cerrará

Pasos para depurar archivos:

1.      Eliminar archivos temporales

·         Ir al comando ejecutar y escribir “%TEMP%”.

·         Seleccionar todos los archivos, para más rápido Ctrl+E

·         Presionamos SUPR, o DEL, para borrarlos

·         Si ni siquiera queremos que los envíe a la papelera presionamos SHIFT+SUPR o DEL

2.      Vaciar la Papelera de reciclaje

  Entrar a la papelera de reciclaje

 Ir a Archivo y después a vaciar papelera

3.      Limpiar archivos temporales de internet

  Ir a nuestro buscador

  Herramientas y en opciones de internet

  Eliminar el historial de explorador y eliminar todo 

4.      Agregar o quitar programas

  Ir al Panel de control y dar clic en Agregar o quitar programas

  Y aquí seleccionamos los programas que deseamos quitar

Menciona 10 herramientas de software y su aplicación:

1. Bluefish
   Es un editor HTML, diseñado para ahorrar algunas tareas a los webmasters con experiencia. Además es uno de los IDEs más populares disponibles para el desarrollo web.. Incluye un editor de múltiples archivos, múltiples barras de herramientas, menús configurables, ventanas de pre visualización, soporte para SSI, PHP y validación HTML entre otros. Es ligero y puede abrir hasta 3.500 documentos a la vez.
2. Anjunta
   Usa GTK+/GNOME, con lo que se integra perfectamente en este entorno. Es fácil de instalar y ofrece características tales como la gestión de proyectos, un depurador interactivo y un poderoso editor de código fuente (con fuente de la navegación, de código, y el resaltado de sintaxis).
   
   
    El equipo de Anjuta desarrolló este potente IDE de fácil utilización, para satisfacer todas las necesidades de programación en C y C + +. Tiene una interfaz de usuario potente y flexible.
3. Glade
   
   Glade es un RAD (desarrollo rápido de aplicaciones), creador de interfaces gráficas que usa GTK+ para el escritorio GNOME. Guarda los proyectos en XML y puede generar código C para este meta-formato. Adicionalmente. el meta-formato puede ser convertido a otros lenguajes gracias a módulos. Por ejemplo glade-- puede generar código C++. Indispensable para desarrolladores de aplicaciones GTK. Incluye una serie de módulos de interfaz, tales como cuadros de texto, etiquetas de diálogo, entradas numéricas, casillas de verificación y menús para el desarrollo de interfaces más rápida
4.  GCC es un compilador GNU que funcione para C, C + +, Objective C, Fortran, Java, y Ada. Es una herramienta de línea de comandos pero es muy potente. Muchos han IDEs no son más que herramientas de interfaces para GCC. GCC es en realidad un conjunto de herramientas.
5. 
   

MANTENIMIENTO CORRECTIVO DE SOFTWARE.

QUE ES BOOTEAR?

(Boot o booting en inglés) es el proceso que inicia el sistema operativo cuando el usuario enciende una computadora. Se encarga de la inicialización del sistema y de los dispositivos. Un cargador de arranque (boot loader en inglés) es un programa sencillo (que no tiene la totalidad de las funcionalidades de un sistema operativo) diseñado exclusivamente para preparar todo lo que necesita el sistema operativo para funcionar.

Se encarga principalmente de la configuración (BIOS), los dispositivos de hardware y busca el sistema operativo en la secuencia de boteo.

COMO SE REALIZA UN BOOTEO?

Si esta prendida tu computadora apágala.

1-al prenderla en tu computadora aparecerá una pantalla en negro, con unas letras abajo donde te indicara las teclas que debes de oprimir, para iniciar el boteo. (En cada computadora son distintas las teclas)

2-Despues de oprimir la tecla te vas a donde dice advanced BIOS features

3-despues  LE DAS ENTER donde dice BOOTSEQ& FLOPPYSETUP.

4-Y a que hallas entrado podrás cambiar el orden de donde quieras que el sistema operativo quieras que se habrá

5-

¿QUE ES FORMATEO DE DISCO DURO?

Es una eliminación de archivos que no funcionan que hacen que el aparto este lento y no funcione normalmente.

¿QUE ES UNA PARTICION DE DISCO DURO?

Es la creación de espacios en un disco duro, para aguardar información diferente en cada uno de ellas, así  los archivos que se aguarden en cada uno de ellos no afectan  los demás, y se evita problemas.

¿Cuantas particiones primarias pueden tener un disco duro?

4 particiones primarias como máximo.

COMPONENTES EXTERNOS DE UNA COMPUTADORA

COMPONENTES INTERNOS DE UNA COMPUTADORA

MEDIDAS DE SEGURIDAD DEL LABORATORIO DE CIMPUTO

   1.No introducir alimentos ni bebidas. 

  2. No entrar al laboratorio con objetos ajenos; solo con el material a utilizar.

  3. No fumar dentro del laboratorio
.
  4. Hacer uso adecuado de las instalaciones, mobiliario y equipo de laboratorio
.
  5. No realizar actividades distintas a las que se requieran para la práctica, así como aquellas que pongan en peligro la seguridad de personas o equipo dentro del laboratorio.

 6. Evitar tirar cualquier tipo de basura en el área del laboratorio.

  7. Está prohibido la extracción y/o alteración de cualquier parte de los equipos de cómputo.

  8. Ningún estudiante de otro curso o particular tendrá acceso, al Laboratorio de cómputo en dicho momento, a menos que el profesor de turno así lo conceda.

  9. No se permite el uso de teléfonos celulares dentro del laboratorio, pues interfieren con el funcionamiento del equipo, estos deben ser apagados al momento de entrar.

  10. El usuario que se le asigne un equipo es responsable del cuidado del mismo, por lo que cualquier acción que afecte el adecuado funcionamiento o el estado general del mismo, será sometido a una serie de sanciones de acuerdo a la gravedad del hecho, que pueden ir desde un llamado de atención, hasta el pago de los daños ocasionados y la suspensión temporal o definitiva del servicio al trasgresor.

  11. Todo usuario que muestre conductas inapropiadas dentro de las instalaciones del laboratorio que altere el normal funcionamiento de los laboratorios se expone a que la sanción correspondiente le sea aplicada.
  12. No se permite la utilización del equipo, del laboratorio para ver, distribuir, grabar y / o modificar material indecente en cualquiera de sus formas. Si un usuario es sorprendido en esta situación, se le aplicarán las sanciones que el caso amerite.
  13. Cualquier estudiante que maltrate el equipo, será sancionado de acuerdo a las disposiciones correspondientes.
  14. Esperar en su lugar las indicaciones del profesor.
  15. Utilizar correctamente y responsable las computadoras, dedicando su
tiempo exclusivamente a realizarse su trabajo y/o temas educativos.
  16. Concluido su turno salir del aula ordenadamente dejando ordenado y limpio la computadora y su mueble.
  17. Debe de contar con un botiquín de primeros auxilios (gasas, jabón desinfectante, alcohol, etc.)

CONOCIENDO SOFWARE