Latest Entries »

Tablas y introduccion

Esta clase vimos atributos y tablas al igual que las imágenes, las tablas pueden contenerse distintos atributos.

Por ejemplo

border: <table border=”1″>

El primer ejercicio que hicimos fue :

<html>

<table>

    <tr>

     <td>celda 1</td>

     <td>celda 2</td>

</tr>

     <tr>

       <td>celda 3 </td>

       <td>celda 4 </td>

</tr>

</table>

</html>

 

Para dar atributos a las tablas  agregamos algunas cosas a esta practica:

Y quedo de la siguiente manera:

<html>

<table border=”1″width=”30%”>

    <tr>

     <td aling=”left”valing=”top”>celda 1</td>

     <td aling=”valing=”botton”>celda 2</td>

</tr>

     <tr>

       <td aling=”center valing=”middle”>celda 3 </td>

       <td>celda 4 </td>

</tr>

</table>

</html>

La propiedades de las tablas  no me quedaron del todo bien  no me explico el por que si todo lo hice  al pie de la letra

El día de hoy concluyo las clases de HTML puro y comenzamos a ver un programa que facilita las cosas sin tener necesidad de poner  etiqueta por etiqueta, con este programa hicimos una pequeña demostración y nos enseño una vista donde se muestran de que manera están enlazadas las paginas.

 

Hola hoy insertamos un enlace  que nos manda a algún correo electrónico en este caso lo insertamos en la lista de enlaces que hicimos de tarea la clase pasada.

<html>

<head>

<title>Práctica de hiperlinks- enlaces</title>

<body>

<h1><b><font size=”5?face=”arial”color=”green”>Enlaces</b></h1>

<hr/>

<ul>

<li><a href=”E:\tics hoy\MI PRIMERA PAGINA WEB.HTML”>Mi primera pagina web</a>

<li><a href=”F:\tics hoy\NOTICIA.HTML”>Mi primera noticia</a>

<li><a href=”F:\tics hoy\TRABAJO CON LISTAS.HTML”>Trabajos con listas</a>

<li><a href=”F:\tics hoy\indice 2.HTML”>Indice</a>

<li><a href=”F:\tics hoy\enlaces.html”>Practica de enlaces</a>

<hr/>

gracias por visitar mi pagina.<br>

<p></p>

<a href=”mailto:danivs_esca@hotmail.com”>

envie un mensaje al creador de esta web</a>

</body>

</head

</html>

Después de insertar el correo  vimos la parte de imágenes    vimos los tipos de imágenes

Imágenes sobre html

En el diseño web lo primordial son las imágenes

 

Hay tres diferentes tipos de archivos de imagen que se pueden insertar en las páginas web

.-GIF (Graphics Interchange Format)

.-JPG O JPEG (Joint Photographic Expert Group)

.-PNG (Pottable Network Graphics)

Las imágenes PNG son archivos muy pequeños que pueden ser utilizados solo para insertar alguna flecha y algún símbolo pequeño.

Imágenes mas hipervínculos

El profesor nos pidió descargar dos imágenes GIF y dos JPG para qué realizáramos la siguiente práctica.

<html>

<head>

</head>

<body>

     <img src=”rata.gif”title=rata”/>

</a>

</body>

</html>

Después de insertar una imagen procedimos a modificar las dimensiones, como en el siguiente ejemplo:

<html>

<head>

</head>

<body>

     <img src=”rata.gif”width=”32″height=”32″”title=”Comedero”/>

</body>

</html>

 

Después de esto aprendimos lo de imágenes mas hipervínculos en los cuales tuve varias fallas ya que  no me salían a la primera, intente mas de dos veces  para obtener el resultado deseado.

Ejemplo:

<html>

<body>

Gracias por visitar mi pagina web.<br>

<a href=”http://www.ipn.mx”/

<img src=”ipn.jpg”alt=”IPN”>

</a>

</body>

</html>

 

 

Tarea

Mi tarea estuvo mal ya que  mis enlaces los mande a la página y tenia que ser al archivo esta página quedo así:

<html>

<head>

<title>Práctica de hiperlinks- enlaces</title>

<body>

<h1><b><font size=”5?face=”arial”color=”green”>Practica enlaces</b></h1>

<ul>

<li><a href=”https://d4nisosa.wordpress.com/2010/10/29/inicio-de-microsof-office-outlook/”Inicio de Outlook</a>

<li><a href=”https://d4nisosa.wordpress.com/2010/10/29/segunda-clase-de-microsof-office-outlook/”Segunda clase de Outlook</a>

<li><a href=”https://d4nisosa.wordpress.com/2010/11/04/repaso-de-outlook/”Repaso de Outlook</a>

<li><a href=”https://d4nisosa.wordpress.com/2010/11/05/examen-de-outlook/”Examen de Outlook</a>

<li><a href=”https://d4nisosa.wordpress.com/2010/11/08/internet/”Internet</a&gt;

<li><a href=”https://d4nisosa.wordpress.com/2010/11/09/servicios-basicos-del-internet/”Servicios basicos de internet</a>

<li><a href=”https://d4nisosa.wordpress.com/2010/11/11/mi-primera-pagina-web/”Mi pimera pagina web</a>

<li><a href=”https://d4nisosa.wordpress.com/2010/11/11/mi-primera-pagina-web-ii/”</a&gt;

<li<<a href=”https://d4nisosa.wordpress.com/2010/11/12/colores-tipo-de-fuente-hiperlinks-enlaces/”Colores, Tipo de fuente, Hiperlinks- enlaces

</a>

</body>

</head

</html>

Pero corregí de manera rápida y ya me quedo como el profesor indico.

El día de hoy checamos la tarea de la página de los enlaces y el profesor nos pidió que agregáramos un enlace que nos regresara al mismo índice.

Esto fue fácil aunque solo un poco laborioso ya que edite todas las páginas para agregar un enlace que hiciera que regresaran a la misma pagina.

<html>

<head>

<title>Práctica de hiperlinks- enlaces</title>

<body>

<h1><b><font size=”5?face=”arial”color=”green”>Enlaces</b></h1>

<hr/>

<ul>

<li><a href=”E:\tics hoy\MI PRIMERA PAGINA WEB.HTML”>Mi primera pagina web</a>

<li><a href=”F:\tics hoy\NOTICIA.HTML”>Mi primera noticia</a>

<li><a href=”F:\tics hoy\TRABAJO CON LISTAS.HTML”>Trabajos con listas</a>

<li><a href=”F:\tics hoy\indice 2.HTML”>Indice</a>

<li><a href=”F:\tics hoy\enlaces.html”>Practica de enlaces</a>

<hr/>

gracias por visitar mi pagina.<br>

<p></p>

<a href=”mailto:danivs_esca@hotmail.com”>

envie un mensaje al creador de esta web</a>

</body>

</head

</html>

Hoy vimos la película de facebook  la cual se llama página social, todo comenzó con una broma pesada que hace Mark Zuckerberg en la universidad de Harvard, creando una página donde compare de forma grosera a las chicas y los alumnos podían votar.

Después a Mark Zuckerberg lo contactan un par de hermanos gemelos los cuales tenían la idea de crear una red social solo para Harvard llaman a Mark Zuckerberg para  que sea el programador de si sitio web.

Mark Zuckerberg acepta pero les pide tiempo, mientras los hermanos están ocupados preparándose para sus competencias de coyotaje, Mark Zuckerberg se encarga de dar diseño a su red social financiándola junto con un amigo  compran un ordenador físico para subir a la red la pagina social.

Cuando Mark Zuckerberg sube la página social llamada facebook los hermanos lo acusan de robo de idea intelectual lo cual no es cierto ya que Mark Zuckerberg es el que diseño todo y tuvo las ideas importantes que darían su esencia a facebook.

Mark Zuckerberg se enfrenta a un juicio legal debido a la demanda impuesta por los hermanos. Cuando gana el juicio la empresa ya estaba extendida, y consigue inversionistas que dan fluidez a la empresa, facebook crece de manera sorprendente, que ni su creador  no lo puede imaginar,  se me hizo una película muy tranquila pero  interesante.

Como un joven muestra iniciativa y pone su idea en el cielo de la informática y hoy en día es un billonario.

Y la empresa sigue creciendo  es la locura entre los jóvenes este sitio social.

Si me causo curiosidad como el profesor consiguió la película antes de que se estrenara en cines.

El día de hoy me retrase un poco debido que no lleve mi índice en forma de archivo para editarlo  pero lo genere de  manera rápida en la clase y proseguí con lo que vimos.

Listado de colores para los atributos este listado lo probé con mi índice

negro: #000000

blanco:#ffffff

rojo:#ff0000

azul:#0000ff

verde: #00ff00

amarillo: #ffff00

Para dar color  a los subtítulos que quedaron de esta manera

<html>

<body>

<h1 style=color:blue”>encabezado</h1>

<p style=”color:red”>parrafo</p>

<hr/>

<ul>

   <li style=”color:red”> item 1

   <li style=”color:blue”>

COLOR DE LA FUENTE ejemplo para dar color a la fuente

<HTML>

<body>

<p><font size=”2″face=”vendana”>

probando el tamaño y tipo de fuente

</font></p>

<p style=”background-color:#00ff00″>

<font size=”5″ face=”arial”color=”red”>

probando el tamaño, tipo y color de fuente junto con el fondo de color del parrafo.

</font></p>

</body>

</html>

hiperlinks- enlaces

<a href=”http://www.google.com/”Desde aqui enlazamos con google</a>

Nos tarea generar un listado con nuestras practicas que se tiene que elaborar de la siguiente manera

<html>

<head>

</head>

<body>

<a href=”1.html>haz clic para ir al ejercicio 1</a>

</body>

</html>

Mi primera pagina web II

En esta clase vimos más tags 

Entre ellos  vimos

<I> itálica </>

<u> underline </u>

<small> texto en letras en tamaño mas pequeño

<hr/> horizontal rule

<br/> break este  lo debemos colocar al final del renglon para generar un párrafo

<ul> </ul> unordered list

<hr/>

 

 

 

 

<ul>

    <li>

    <li>

    <li>

</ul>

Esto sirve para realizar listados  en forma de viñeta  como se puede notar termina con </ul>.

En esta clase me perdí mucho ya que no me era suficiente el tiempo cuando yo apenas iba terminando una acción el profesor  pasaba a un nuevo tag, y preferí anotar la información de las diapositivas del profesor.

En esta clase hicimos una noticia  la cual me quedo de la siguiente manera:

<html>

<head>

<title>Mi primera noticia</title>

</head>

<body>

<p><h1> La versón pirata de Lime Wire, mejor que la versión original</h1></p>

<p><h2>08:37 a.m. 11/11/2010</h2></p>

<hr/>

<p>Han pasado exactamente quince días desde que los misiles nucleares de la RIAA impactaran de lleno contra LimeWire, borrándolo del mapa por completo. Solamente quince días desde lo que las autoridades habían considerado “una gran victoria” contra el intercambio de archivos. Y todo ha sido en vano. ¿Por qué? Porque un grupo desconocido de desarrolladores tomó el código de la última versión beta de LimeWire, lo pulió, desbloqueó todas las funciones asociadas a la edición “Pro”, y lo colgó en BitTorrent para que el mundo lo siga usando como si nada hubiese pasado.

 El viejo Friedrich puede haber dicho que “lo que no te mata, te hace más fuerte”, pero nunca hubiese imaginado que una de sus frases más célebres pudiese describir con tanta precisión al conflicto entre las autoridades y el intercambio de archivos en general. Lo que queremos decir con esto es que la RIAA preparó durante mucho tiempo la demanda que le permitió anular al cliente LimeWire. La “sólida” decisión de las autoridades parecía garantizar el inicio de una nueva cacería por parte de la RIAA, atacando de forma directa a otros clientes de intercambio. Y aún así, aquí estamos de nuevo. No importa lo que haga, la RIAA ni siquiera puede acabar con un simple cliente. LimeWire está de regreso, y lo más escalofriante de todo es que esta “versión pirata” es incluso mejor a la que se utilizaba por defecto dos semanas atrás.<br/>

LimeWire Pirate Edition está basado en la versión 5.6 beta del cliente, que tuvo poca vida debido a la reciente decisión de la corte. Un grupo de desarrolladores anónimo tomó a esta versión, y le hizo unos cuantos ajustes. Eliminó cualquier llamado o referencia a los servidores originales de LimeWire, se desactivaron todas las funciones remotas, se quitó todo el adware presente en la versión gratuita, y se liberaron todas las funciones asociadas a la “edición Pro” del cliente. En otras palabras, el Ave Fénix regresó con ametralladoras. El nuevo cliente ha demostrado una funcionalidad muy superior a la versión clásica de LimeWire, y casi nos atreveríamos a decir que es una “actualización recomendada”. Su conexión a la red Gnutella fue casi inmediata, y aunque no tiene influencia alguna sobre el contenido en dicha red, las descargas contaron con una velocidad más que razonable.

Disponible en BitTorrent

El instalador roza los 21 MB, y al estar disponible en la red BitTorrent, sólo necesitas de un cliente adecuado para descargarlo, a menos hasta que alguien lo suba a algún servicio al estilo de Rapidshare o Megaupload. Todo parece indicar que LimeWire Pirate Edition funciona bajo Windows, aunque estamos seguros de que no faltarán quienes traten de utilizarlo en Linux a través de Wine.

Es una versión más limpia y con más funciones, por lo que no estamos seguros de si la RIAA realmente trató de eliminar a LimeWire, o terminó haciéndole un favor al provocar la aparición de LimeWire Pirate Edition. Mientras tanto, los mp3 fluyen una vez más…</p>

</body>

</html>

Para finalizar el profesor nos pidió de tarea un índice

<html>

<head>

<title>Rehabilitación cardiaca </title>

</head>

<body style=”background-color:#ff0000″>

<p><h1>Indice</h1></p>

<hr/>

<p>I.Informacón fundamental…………………………………………………………..7</p>

<p>1.El programa de prevencón……………………………………………………..11</p>

<p>2.Conceptos anatomicos y fisiologicos……………………………………….23</p>

 

 

<p style=”background-color:#00ff00″>II.Evaluacion y prescripcion del ejercicio……………………………………..55</p>

<p>3.Valoracón y tratamiento de cardiovasculares………………………………….109</p>

<p>4.Reconocimiento para los programas de ejercicio……………………………..145</p>

<p>5.Prueba de esfuerzo clinica……………………………………………………………225</p>

 

<p>III. Aspectos administrativos……………………………………………………257</p>

<p>6.Introducciíon a la administración del programa………………………………..273</p>

<p>IV.Programas de prevención de enfermedades………………………………………299</p>

 

<a href=”http://www.google.com/”>Desde aqui enlazamos con google</a>

 

</body>

 

</html>

 

Aunque el nos dijo que lo hiciéramos con la opción de

<ul>

    <li>

    <li>

    <li>

</ul>

 Yo quise probar si quedaba de la misma manera si lo hacia a mi forma  auque fue mas tardado colocar varios <p> </p> de párrafo en cada línea.

 INDICE

P4

MI PRIMERA NOTICIA

La clase de hoy comenzamos  a introducirnos a la creación de una página web con html.

Mi primera pagina web.

Lo esencial de una página web es el hipertexto  para comenzar a realizar una pagina web lo primero que se requiere es un editor de texto,  en este caso fue el bloc de notas.

Después lo que se necesita es un navegador de internet, hay variedad de navegadores de internet  en este caso utilizamos el Explorer.

Después de ver estos dos elementos de suma importancia en la creación de nuestra pagina web, dimos solución a la incógnita de  con que haremos la pagina web?

La respuesta a esta incógnita es <HTML> El HTML es lo que interpreta lo visualizado.

Hyper: Antiguamente los lenguajes  de programación que utilizaban las PC´S eran lineales.

Text: Texto

Mark- up: Marcado de medias

Texto que se escribe

Lenguaje: Y es precisamente lo que es HTML un lenguaje de programación.

El lenguaje HTML esta basado en etiquetas  todos los tags tienen el mismo formato

Ejemplo:

De apertura:  <comando>

De cierre: </comando>

Por donde comenzar nuestra pagina web debemos comenzar

<html>

<head>

<title>Mi primera página wed-08:45 a.m. 10/11/2010</title>

</head>

<body>

<p>HOLA MUNDO-Este es el contenido de mi primera página web</p>

<p><b><h1>Nombre: Vázquez Sosa Daniel</h1></b></P>

<p><b><h2>Grupo: 1CM7</h2> </b></P>

</doby>

</html>

Este código HTML fue el que elaboramos en clase

Se puede notar las partes de la página así como los tags

Algunos tags que utilizamos

Fue el de negritas

<b>

</b>

El de encabezados

<h1> </h1>

<h2> </h2>

<h3> </h3>

Eso fue lo que vimos en  la clase de hoy en seguida esta al archivo aguardado en HTML

 html

 

 

La clase de hoy estuvo muy interesante debido a que vimos los servicios básicos del internet, el día de hoy solo vimos un servicio y ese fue el chat.

Entre los servicios básicos que ofrece internet tenemos  el email, ftp, chat, http etc.

El chat permite la comunicación entre dos o más computadoras en tiempo real, con otras utilizaciones del mismo servicio.

Entre las principales compañías de chat tenemos  4:

ICQ

MSN

SKYPE

G-TALK

ICQ “Isee you”

Fue creada por la empresa de software  israelí Mirabali a finales de los años 1990. El 8 de junio de 1996 la compañía fue adquirida por AOL por 407 millones de dólares.

Hoy en día ICQ es usado por más de 38 millones de usuarios por todo el mundo.

En ICQ cree mi cuenta  con el programa que fue proporcionado por el profesor.

Después de ICQ vimos MSN- Messenger

Al igual que ICQ es un servicio de mensajería instantánea creado en 1999 por Windows.  A partir del 2006.

Skipe

La interfaz de Skipe es muy parecida a otros servicios de mensajería instantánea. Aunque en realidad es un software para realizar llamadas sobre internet (VOIP), fundada en 2003.

En septiembre del 2003 la empresa fue comprada por EBAY 2.600 millones de dólares.

En skype también cree mi cuenta este servicio me pareció muy interesante debido a que puedes realizar llamadas de una manera fácil y sencilla y con bajo costo.

Internet

En esta clase vimos  los orígenes del internet este se remonta a la época de los 60  este tuvo inicio con la ARPA la cual quería conseguir más seguridad.

En 1969 ARPA creo la aparnet como un sistema de comunicación.

El internet fue el inicio del todo, el internet es un sistema de comunicación mediante coordenadas.

¿Qué fue primero?

En esta parte de la clase nos confundimos pues bastantes alumnos pensamos que primero había surgido el internet, cuando en realidad lo que primero surgió  fue el email.

 En 1972 comenzó la historia del email con Ray Tomlinson  y en 1990 comenzó la historia de la WWW con Tim Berners –Lee.

Después de que la milicia creara aparnet este pasó a utilizarse a las universidades de EUA la primera de ellas la universidad de Texas y en México comenzó dos años después  en el TEC de monterrey.

¿Qué es el internet?

Es el conjunto de diversas redes de computadoras que se comunican a través de protocolos TCP/IP y dispone de recursos como email, ftp, chat, http, como los más comunes.

Después de esto vimos los tipos de redes que hay  entre ellas nombraron las siguientes:

LAN (Local Area Network)

MAN (Metropolitan Area Network)

WAN (Wide Area)

Y entre  las que aun no se agregan en la información que encontramos al investigar los tipos de red son las

WPAN`S (Wireles personal area network)

Después de esto vimos para qué sirven los protocolos IP

El IP es responsable de descubrir caminos más adecuados entre el destina tareas y enviar los paquetes.

Y el TCP su función es dividir los mensajes en paquetes de un lado y recomponerlos en el otro.

Después de esto vimos como se llega a un destino  en una red

A través del DSN que es un servicio y protocolo que cuida la conversión de  nombres que intervienen en sus nombres automáticamente.

Para comprobar los del DNS  nos fuimos al símbolo del sistema  y con la palabra ping introducimos una dirección http en donde nos mostro un numero o clave  esto no me quedo bastante claro para aplicarlo como se debe.

examen de outlook

El día de hoy hicimos examen de OUTLOOK me toco el examen tipo c el  cual contaba de 5 tareas a realizar.

He de aceptar que me puse nervioso ya lo que hiciéramos se tenia que enviar ala cuenta del profesor y si no se mandaban pues lógico que no tendría examen y no tendría calificación fuera de esto solo el ultimo paso se me complico, bueno no complico sino que  en mi calendario  había registrada una tarea que  se repetía y yo lo tome como normal ya que aparecía dentro de un complemento, como el utilizado dentro de las practicas  que archivo de viaje. Pero después ya que había mandado todo el examen note que había muchas tereas lo cual note que otros compañeros de la clase pasada habían utilizado la maquina y no la apagaron, por lo cual se quedaron sus datos.

A pesar de mi error en el quinto paso se que lo demás lo tengo bien y saldré bien.