TALLER DE SISTEMAS OPERATIVOS MANUAL DE COMANDOS Y HTML 5

ING.: MARCO ANTONIO ISIDRO ABRIL

LUIS ALBERTO CABALLERO GONZALEZ

4 SEMESTRE EN SISTEMAS CUMPUTACIONALES

Comandos ls -l

Descripcin Sirve para mostrar las carpetas echas. Sirve para crear una nueva carpeta. Sirve para crear un archivo. Sirve para Cambiar de directorio Sirve para asignarle permiso a una carpeta. Sirve para limpiar la pantalla. Sirve para copiar un archivo o carpeta Sirve para cambiar de propietario a un archivo o carpeta. Sirve para instalar paquetes. Sirve para eliminar un programa. Remueve o elimina un archivo Para parar un programa Sirve para reiniciar un programa Sirve para matar un programa Muestra el contenido del archivo en pantalla en forma continua Sirve para agregar un nuevo usuario Busca los archivos que satisfacen la condicin en el directorio indicado

sintaxis Caballero:-$ ls l Caballero : beto mkdir nom_directorio. Caballero:-$ mkdir beto Caballero:- $ gedit hola Caballero:$ cd nom_directorio chmod permisos nom_archivo Caballero:-$ chmod 765 beto Caballero:-$ clear Caballero:-$ cp [opciones] archivo/s-origen directoriodestino chown nom_propietario nom_archivo. Caballero:-$ apt-get install amsn Caballero:-$ apt-get remove purge --amsn Caballero:-$ rm nom_archivo. Caballero:-$ /etc/init.d/MySQL stop /etc/init.d/MySQL start Caballero:-$ kill Caballero-.-$ cat nom_archivo.

mkdir

gedit cd chmod

Clear cp

chown

apt-get install apt-get remove rm /etc/init.d/apache2 stop /etc/init.d/apache2 start Kill cat

adduser find

adduser nom_usuario [nom_grupo] Caballero:-$ find nom_directorio o nom_archivo condicin.

QUE ES HTML 5
Ahora convendra explicar qu es exactamente HTML 5, ya que no es simplemente una nueva versin del lenguaje de marcacin HTML, sino una agrupacin de diversas especificaciones concernientes a el desarrollo web. Es decir, HTML 5 no se limita slo a crear nuevas etiquetas, atributos y eliminar aquellas marcas que estn en desuso o se utilizan inadecuadamente, sino que va mucho ms all. As pues, HTML 5 es una nueva versin de diversas especificaciones, entre las que se encuentran:

HTML 4 XHTML 1 DOM Nivel 2 (DOM = Document Objetc Model)

A la par, HTML 5 pretende proporcionar una plataforma con la que desarrollar aplicaciones web ms parecidas a las aplicaciones de escritorio, donde su ejecucin dentro de un navegador no implique falta de recursos o facilidades para resolver las necesidades reales de los desarrolladores. Para ello se estn creando unas APIs que permitan trabajar con cualquiera de los elementos de la pgina y realizar acciones que hasta hoy era necesario realizar por medio de tecnologas accesorias. Estas API, que tendrn que ser implementadas por los distintos navegadores del mercado, se estn documentando con minuciosidad, para que todos los Browsers, creados por cualquier compaa las soporten tal cual se han diseado. Esto se hace con la intencin que no ocurra lo que viene sucediendo en el pasado, que cada navegador hace la guerra por su parte y los que acaban pagndolo son los desarrolladores y a la postre los usuarios, que tienen muchas posibilidades de acceder a webs que no son compatibles con su navegador preferido.

CDIGOS
Header ayuda para crear el esquema del flujo de documentos dentro de la pgina:
<header> <h1>Title goes here</h1> <h2>And subtitle...</h2> </header>

Nav define el rea donde los enlaces de la pgina son los siguientes:
<nav><a href="/home/">Home</a>

| <a href="/blog/">Blog</a> | <a href="/about/">About</a> | |

<a href="/contact/">Contact</a> </nav>

Article crea una seccin significativa de las historias, tambin es til para la distribucin:
<article> <h1>Article</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Suspendisse eu diam magna...</p>

</article>

Figure define los elementos grficos contenidos en el documento, y con la ayuda opcional de figcaption, podemos crear ttulos:
<figure> <img src="funnycat.jpg" alt="I love cats."> <figcaption>Cat playing with toy</figcaption> </figure>

Section es una seccin genrica dentro del documento, con su propia estructura:
<section> <h1>Section</h1> <p>...angam maid ue essidnepsuS .tile gnicsipida rutetcesnoc ,tema tis rolod muspi meroL</p> </section>

Aside es un parte importante pero no relacionada con la totalidad del contenido principal, si no alguna aclaracin o complemento de la informacin, como notas al margen o archivos:
<aside> <h1>Archives</h1> <ul>

<li>October 2011</li> <li>September 2011</li> <li>...</li> </ul> </aside>

Footer representa un mensaje final, por lo general la informacin de copyright o contacto:

<footer>Foobar Inc </footer>

ETIQUETA

NUEVAS ESTRUCTURAS
<article />:

nueva etiqueta para definir bloques de contenidos que correspondan

a artculos.
<section />: definicin de una seccin del sitio. <dialog />: tag para definir dilogos y conversaciones entre varias personas. <video /> y <audio />: para la inclusin de elementos de video y audio. Un

ejemplo puede verse en la versin de Youtube en HTML5 que comentbamos anteriormente. <footer />: parte de la web donde podr ir informacin sobre el autor, licencias de uso, condiciones todo ese tipo de detalles que generalmente suelen colocarse en el pie de la web. <canvas />: espacio para grficos generados en el momento de la visualizacin de la web. <time />: informacin sobre tiempos o fechas.

<command />: para mostrar comandos que el usuario puede ejecutar. <progress />: implementacin de una barra de progreso durante la realizacin

de

un proceso o tarea.

CDIGO DE HTML
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8" /> <title>Titulo</title> </head> <body> (( CONTENIDO )) </body> </html>

<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8" /> <title>Titulo</title> </head> <body> <div id="centrado"> <header> <hgroup> <h1>(( TITULO ))</h1> <h2>(( DESCRIPCION DE LA WEB ))</h2> </hgroup> <div id="logotipo">(( LOGOTIPO ))</div> </header> <id ="contenido"> <nav> (( MENU DE NAVEGACION )) </nav> <aside> (( ANUNCIO DEL PDF )) </aside> <section id="izquierda">

<h1>Ultimas Novedades<h1> </article>(( NOVEDAD UNO ))</article> </article>(( NOVEDAD DOS ))</article> </article>(( NOVEDAD TRES ))</article> .......... </section> <section id="centro"> <h1>Temas Populares<h1> </article>(( POPULAR A ))</article> </article>(( POPULAR B ))</article> </article>(( POPULAR C ))</article> .......... </section> </div> <footer> <section id="copyright">(( Datos Copyright ))</section> <section id="contacto">(( Datos de Contacto ))</section> <section id="enlaces">(( MapaWeb, Poltica, etc. ))</section> </footer> </div> </body> </html>