"ALGUNOS" DETALLES DE LAS PÁGINAS WEB.

¿Qué es HTML?


El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.
Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia.
Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web).
Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.


Versiones de HTML


En noviembre de 1995 se aprobó el estándar HTML 2.0. para la creación de páginas web. Se creó con objetivos divulgativos, orientado a la actividad académica, en el que el contenido de las páginas era más importante que el diseño.
Pero esta versión del HTML carecía de muchas herramientas que permitieran controlar el diseño de las páginas y añadir contenido multimedia, por lo que Netscape (cuyos navegadores eran los más utilizados por aquellos años) comenzó a incluir nuevas etiquetas que no existían en el estándar.
El comité encargado de establecer los estándares dentro de Internet, comenzó a trabajar en el borrador de una nueva versión de HTML, el borrador de HTML 3.0.
Pero este borrador resultó demasiado extenso, al intentar incluir numerosos nuevos atributos para etiquetas ya existentes, y la creación de otras muchas etiquetas nuevas. Por ello, no fue bien aceptado por el mercado y varias compañías se unieron para formar un nuevo comité encargado de establecer los estándares del HTML. Este comité pasó a llamarse W3C.
En enero de 1997 se aprobó el estándar HTML 3.2. Este nuevo estándar incluía las mejoras proporcionadas por los navegadores Internet Explorer y Netscape Navigator, que ya habían realizado estensiones sobre el estándar HTML 2.0.
En diciembre de 1997 se aprobó el estándar HTML 4.0, creado para estandarizar los marcos (frames), las hojas de estilo y los scripts.
En septiembre de 2001 se aprobó el estándar HTML 4.01.



Los navegadores. Compatibilidad


Como hemos dicho, el navegador instalado en el ordenador del usuario es el que interpreta el código HTML de la página que visita por lo que a veces puede ocurrir que dos usuarios visualicen la misma página de forma distinta porque tienen instalados navegadores distintos o incluso versiones distintas del mismo navegador.
Los navegadores de hoy en día pretenden ser compatibles con la última versión de HTML. Es necesario realizar extensiones de los navegadores para que puedan ser compatibles con esta última versión.
Dos de los navegadores que continuamente están realizando extensiones son Internet Explorer y Netscape Navigator, que realizan extensiones incluso antes de que se establezcan los estándares, intentando incluir las nuevas funciones incluidas en los borradores.
Los navegadores tienen que ser compatibles con la última versión HTML para poder interpretar el mayor número posible de etiquetas. Si un navegador no reconoce una etiqueta, la ignora y el efecto que pretendía la etiqueta no queda reflejado en la página.
Para realizar las extensiones de estos navegadores se añaden nuevos atributos a las etiquetas ya existentes, o se añaden nuevas etiquetas.


Como resultado a estas extensiones, habrán páginas cuyo código podrá ser interpretado completamente por todos los navegadores, mientras que otras, al incluir nuevos atributos o etiquetas del borrador de la última versión de HTML, solo podrán ser interpretadas en su totalidad en los navegadores más actualizados.
En este último caso también puede ocurrir que alguna etiqueta de la página solamente pueda ser interpretada por un navegador concreto, y otra etiqueta por un navegador diferente al anterior, por lo que nunca sería visualizada en su totalidad por ningún navegador.
Uno de los retos de los diseñadores de páginas web es hacer las páginas más atractivas utilizando toda la potencia del lenguaje HTML pero teniendo en cuentas estos problemas de compatibilidades para que el mayor número de internautas vean sus páginas tal como las ha diseñado.

CREACIÓN DE PÁGINA WEB.

CREACIÓN DE PÁGINA WEB.


Para empezar la página web, se tiene que abrir un documento nuevo documento de texto y ahí es donde se pondrán todas las características de la página web.
Para empezar una página web y para terminarla siempre tiene que empezar, con:  <html>, así para empezar y así  </html> para terminar.
Y así tendrás que ir poniendo la estructura de la página, como títulos, vídeos, marquesinas.
Cuando abrimos el documento para empezar podríamos poner esto:

<html> 
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<body bgcolor="#FFCC99">
<font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font>
</body>
</html>

Copias y pegas en el documento de texto, guardas como os pongo aquí sucesivamente y ya esta, la 1ª característica o estructura de la página, como es el fondo, color título, etc...

Y luego, lo guardas, poniendo al final .HTM, y luego en todos los archivos, y cuando lo tengas guardas y te saldrá una cosa así:

Y así sucesivamente, pero lo malo es que tienes que estar guardando todo el rato ( ya he dicho antes como tienes que guardarlo y demás) para ver el proceso que llevas. Y como he dicho, puedes poner mas estructuras y os dejaré esta página para que la veáis y poder hacerlo todo bien y así poder crear una página web en condiciones y diferentes estructuras: http://www.aulaclic.es/html/index.htm
1 saludo y espero, que os haya servido de ayuda.

Movie Maker.

Como ya os he explicado la función y demás que tiene el Pivot, os comentaré un poco sobre la del Movie Maker, que lo hemos estado utilizando la mayoría de la evaluación, para compactar o unir, nuestro fotograma del pivot con una grabación nuestra haciendo a la vez lo mismo que los fotogramas, con sus mismo movimientos, gestos, etc (Ej. Mi vida en un minuto). De todas formas, aunque si no os enteráis muy bien os dejaré al final de la explicación un video.


Movie Maker es un programa aplicativo para producir videos digitales, y es gratuito.

Trabajo del PIVOT.

Pivot Stickfigure Animator

Este programa trata de crear con figuras de palo diversas y varias secuencias.

Imagen del inicio de pivot:
 El personaje de Pivot es una figura de palo que representa a una figura. Los puntos marcados en rojo, se usan para mover o reflexionar las partes del cuerpo de la figura; solo con mover cada puntito rojo al área que quieras situar, basta.

Puedes clickear en Next Frame y añade un nuevo fotograma. Cuando cambies la posición de las figuras, se verá una sombra gris, que muestra la posición anterior de la figura de palo.

Además de los controles de reproducción (reproducir, stop y una barra de velocidad), Pivot Animator, incluye atajos rápidos para la figura y un editor de personajes, que podrás guardas o cargar en todo momento.

También hay una serie de botones, por el cual subiré una imagen para mostraros su situación y una pequeña definición detallada de cada una.

Play: Este botón se utiliza, cuando termines de hacer tu corto, le pulsas para verle.

Stop: Cuando le estás viendo y quieres pararlo y te quedas en el momento del corto para modificar lo que quieras cambiar.

Repeat: Significa, que si quieres repetir el corto cuando una vez ya haya terminado.

Add figure: Por si acaso necesitas alguna figura mas de palo le pulsas y te saldrás una serie de los que podrás utilizar.

Delete: Por si necesitaras en un momento concreto borrar algo que has hecho mal.

Edit: Este botón se refiere a si quieres modificar el personaje.

Center: Se refiere a que si quieres poner la figura en medio de la pantalla del progama.

Flip: Por si en un momento quieres dar la vuelta a alguna figuera.

Colour: Por si quieres cambiar de color la figura al que quieras y el número que hay al lado, que empezará en el 100, si se sube es para darle mas grosor y aumentar la figura, pero en cambio si lo bajas es para volverla mas estrecha y pequeña.

Front: Para tener la figura de frente, o lo que  necesites

Back: Para volver atrás.

CARICATURA

CARICATURA


Esta es mi caricatura:

La he hecho, con la herramienta licuar, en la selección filtros, aquí os dejo la imagen de donde está situado esto, en el photoshop.

Tutorial Photoshop, "Cómic".

Tutorial Photoshop, "Cómic".

 Para empezar, tienes que empezar abriendo, el photoshop y luego dar a abrir para buscar la imagen y que salga dentro del programa, pero antes debéis buscarlas y demás, se explicará paso a paso ahora:


- A continuación, además de explicaros, un poco en general como utilizar el photoshop, os pondré una imagen con las partes de éste, para que os sea mas sencillo ver donde están situadas las diferentes herramientas.
 Aquí se verán, las partes del photoshop, con imagen incluida,

PARTES.

Aquí es para abrir la imagen, la que quieras abrir.

Aquí es donde ya has dado a abrir, para seleccionar la imagen que quieras, pinchas y...

Se abre la imagen, y cuando la tengas ya en el programa abierta podrás utilizar las diferentes herramientas, fondos, etc.

Una herramienta para editar tu imagen y modificarla, es la de filtro para poder cambiar el fondo de la imagen y poner el estilo que le quieres dar a tu imagen, por ejemplo, la de bosquear que la da un efecto cómic, que es que queremos dar ;).

También, tenemos la opción del lazo, con sus tipos (3), lazo normal, poligonal y magnético, para recortar lo que quieras de una imagen de lo que quieras, aunque también esta la herramienta recortar, pero es mas general.

Y ahí está la herramienta recortar, para recortar lo que quieras de la determinada imagen que escojas, pero desde mi punto de vista, es mas fácil utilizar a herramienta lazo, para modificar tu imagen y llevarla a otra y demás.

PD: Amplíen si lo ve necesario y por sea caso, os dejo mi cómic aquí para que tengáis unas primeras vistas t saber un poco como empezar y demás, https://docs.google.com/open?id=1ptWphQ33RufjUWHOQK2aciXn1h8qKaG289vkYJn52WgrQVDMXC4oCKavbrPo, y si todavía tenéis mas dudas contactar conmigo, 1 saludo!

LAS REDES

Aquí os dejaré un breve resumen, sobre el complejo tema de las redes, que se dividirán en distintos apartados, como sus tipos, lo que es, etc:


¿Que es una red?


- Son, equipos informáticos, conectado entre sí, por medio de dispositivos físicos, con su finalidad de, compartir información, recursos y ofrecer servicios.
Características


- Amplían cobertura, la versatilidad o disipación, la especialización por región y por sector industrial, el uso óptimo de la infraestructura existente, relacionada con la metrología y la interacción bajo un esquema de franquicia.
Configuración


- Las redes juegan un papel fundamental, en la estabilidad y la robustez de las redes.
. Por otro lado, la configuración de las Tarjetas Red, que se centra en los correos electrónicas, conexiones de áreas locales y derivados, para que el usuario del ordenador pueda trabajar en cualquier sitio.
. Y para terminar, la configuración de servidor o servidores, como, los sistemas operativos, o enlaces de Internet.
¿Que es necesario para formar una red?


* Pues se necesitan, varios dispositivos que son:


. Tarjeta de red: Convierte las ondas eléctricas, en señales, para que las capte el ordenador.
. Cableado: Que es el medio físico por el que se circulan los paquetes de datos del ordenador.
. Módem: Es elemento que une, nuestro ordenador, con la red.
. Router: Es casi igual que el módem, pero con opciones mas avanzadas y con el software ya metido.
. Protocolo de la red: Que son, las normas, que nos permiten intercambiar información.
Tipos mas importantes de las redes:


- Que son los transmisores y los que nos permiten intercambiar información con distintas personas, y de diferentes partes de mundo.


. Red Lan: Que son las redes de área local. Son normalmente de uso privado. Que son redes, de uso empresarial y muy rápidas.
. Red Wan: Que son redes, de punto a punto, que interconectan, países y continentes.
. Red Pan: Son redes pequeñas, que están formadas por 8 equipos, con por ejemplo el café Internet.
Definición de topolología y tipos mas importantes:


- Topología: Es la forma, por la que esta diseñada la red, tanto física como lógica.


*Tipos:


Topología en malla: Que sus ventajas son la privacidad y seguridad.
Topología en estrella: Es mas barata que la malla, y mas fácil de reconfigurar y de instalar.
Topología en árbol: Que son dispositivos, que se conectan en 1º, un 2º concentrador para conectarse al principal concentrador.
Topología en bus: Es un cable largo, que conecta varios dispositivos a la vez.
Topología en anillo: Se trata de cada dispositivo tiene una línea de conexión, dedicada, que solamente se une punto a punto, con los 2 dispositivos a sus lados.


*IMÁGENES SOBRE DE LAS REDES*:

* Si aún tiene alguna duda, os dejo, mi trabajo en la entrada, por sea caso, y también se pueden ver mas imágenes de las redes, para quedar claro, los tipos, los diferentes dispositivos para formar redes y los distintos tipos de redes.*


https://docs.google.com/open?id=1o86nfV5-r-YRhJXcyFAH9rEZqWUouUpsAI3Xw8aeppZRdQLq5vuhgwIGJZwe


Jose Julián García del Rincón Martinez, 4º B.

TRABAJO DE TIC´S, NTIC´S Y SOFTWARE

TRABAJO EN POWER POINT.


Trabajo de tic´s, ntic´s y software.


 Son los dos trabajos, juntos, pero en powert point.
 Aquí teneis un pequeño resumen de las 2:
 Las tic´s son las tecnologías de la información y comunicación y la ntic´s son las nuevas tecnologías de la información y comunicación, como, moviles, teles, gps.. etc..

Y las ntic´s se basan mas en el uso de Internet como en los software.

 Hay 3 tipos de aplicaciones que son: las profesionales, educativas y de comunicación.

Software: que es ni mas ni menos que la estructura del ordenador, el soporte lógico de un sistema informatica.

2 tipos de software, que son software libres, que son gratuitos y sofware privados que son relaciones entre propietario y ser privado.

Lincencias, que son contratos entre licenciario y licenciante.

Periféricos, que son de 2 tipos, de entrada, que son los que introducen datos al ordenador, como un ordenador, ratón, etc y de salida que son los que sacan datos del ordenador, como: la impresora y la pantalla.
 Y para finalizar en este trabajo, hemos insertado unos videos, que me a ayudado una página.


1- En powerpoint a ver> Barras de Herramientas>cuadro de controles. Nos aparecerá, la barra de herramientas del cuadro de controles.
2- En el cuadro de controles, seleccionar el último de los iconos: más controles.
3- De la lista desplegable, que esta ordenada alfabéticamente, seleccionar Shockwave Flash Object. Hacer el cuadrado del tamaño que queramos.
4- Sobre el cuadro, hacer clic sobre el botón derecho del ratón y pinchar en propiedades.
5- En el apartado Movie, debemos pegar el URL del video.


Y atención hay que seguir unos determinados pasos:
. Eliminar donde pone watch?
. Cambiar el signo = por la barra /
. Y añadir al final .swf

 Y este es mi trabajo:

 https://docs.google.com/open?id=1ED5qBAho6ex-3SNe_2Eow2GSnXpQR_q5XFgqraV7bd6N2F7kEGWq-15PFJXG

COMPONENTES DE UN ORDENADOR.

COMPONENTES DE UN ORDENADOR.
https://docs.google.com/open?id=1Mx_AwYRHBFpfWoPLN0fKCQ2H2ehS04BJxqXgNKPSRg7v_FEYTzBFNWeSAuDC

SOFTWARE Y PERIFÉRICOS

SOFTWARE.


Nuestro trabajo a sido sobre los software y periféricos.
Lo hemos hecho yo y Aarón Portacelli Gómez.
 Esto es un pequeño, resumen. para explicar mi trabajo:

Software: que es ni mas ni menos que la estructura del ordenador, el soporte lógico de un sistema informatica.

2 tipos de software, que son software libres, que son gratuitos y sofware privados que son relaciones entre propietario y ser privado.

Lincencias, que son contratos entre licenciario y licenciante.

Periféricos, que son de 2 tipos, de entrada, que son los que introducen datos al ordenador, como un ordenador, ratón, etc y de salida que son los que sacan datos del ordenador, como: la impresora y la pantalla.

Y este es nuestro trabajo:
https://docs.google.com/open?id=1jQM7sfhEbG6xB7a6rhOHl9sneMRCP5mk3aUA710uzGPj1jyHceP6ZDreR407

TIC´S Y NTIC´S.

TIC´S Y NTIC´S.


E hecho,concluido ya mi 1º trabajo, a sido sobre las nuevas tecnologías, sobre las tic´s y ntic´s, con mi compañero Aaron Portacelli.
Tratan de:

Las tic´s son las tecnologías de la información y comunicación y la ntic´s son las nuevas tecnologías de la información y comunicación, como, moviles, teles, gps.. etc..

 Y las ntic´s se basan mas en el uso de Internet como en los software.

 Hay 3 tipos de aplicaciones que son: las profesionales, educativas y de comunicación.
También hay 2 tipos de comunicaciones, que son sincrona, como puede ser el correo electrónico y la asincrona, que puede ser la mensajeria instantanea.
 Esto es como un pequeño resumen del trabajo.
  Y este es nuestro trabajo:
  https://docs.google.com/open?id=1kVNxNDclb2VUAcbBpmLo4FJy0xiI2dMv-QypJjdPQy7wj6B5LMtZE-4_yg4A y esta la continuación, https://docs.google.com/open?id=1tI1vPo_WcgoRTCPNAfZ7o3M_dAtp8LC1fkPQnHWTyU9eJGBoQTQRx92YJBVg .