Clase 13 de Mayo del 2011

Hoy Trabajamos Sobre Código HTML, para crear un pagina web donde nos preguntara sobre nuestro nombre, así como a calcular la edad de acuerdo a la fecha de nacimiento en el lenguage HTML.

Definición y ejemplos de sistemas CMS: Content Manager System (Sistema gestor de contenidos).

CMS son las siglas de Content Management System, que se traduce directamente al español como Sistema Gestor de Contenidos. Como su propio nombre indica, es un sistema que nos permite gestionar contenidos. En líneas generales, un CMS permitiría administrar contenidos en un medio digital y para el caso particular que nos ocupa, un CMS permitiría gestionar los contenidos de una web.

Dicho de otra forma, un CMS es una herramienta que permite a un editor crear, clasificar y publicar cualquier tipo de información en una página web. Generalmente los CMS trabajan contra una base de datos, de modo que el editor simplemente actualiza una base de datos, incluyendo nueva información o editando la existente.

Imaginaros un periódico o cualquier otra página medianamente compleja. Principalmente aquellas que tienen que ser actualizadas diariamente o varias veces por día, donde además, las personas que editan la información no tienen conocimientos de informática. A estos redactores se les tiene que facilitar el trabajo mediante una herramienta que les permita subir informaciones a la web y clasificarlas para que aparezcan en el lugar correcto. Por supuesto que estas personas no deben preocuparse con el código de la página ni las particularidades de programación de la plataforma donde esté alojada la web. Ellos sólo deben concentrarse en escribir las noticias, o cualquier tipo de contenidos y luego subirlas a la página por un sistema intuitivo y rápido. Una vez publicadas y clasificadas, las informaciones deben aparecer en la página web automáticamente, en los lugares donde haya decidido el editor.

Una herramienta CMS generalmente contendrá una interfaz basada en formularios, a los que habitualmente se accede con el navegador, donde se pueden dar de alta los contenidos fácilmente. Esos contenidos luego aparecerán en la página en los lugares donde se ha indicado al darlos de alta. Por lo tanto, un CMS estará compuesto de dos partes, un back y un front, siendo el back la parte donde los administradores publican las informaciones y el front la parte donde los visitantes visualizan las mismas.

CLASE 06-05-2011

Hoy trabajamos sobre CMS CMS son las siglas de Content Management System,una exposicion sonre Joomla. Drupal entre otros para trabajar con ellos. (http://miarroba.es/)
Dominios TK. Sitios que posean Hosting Libre.

Tarea>: Averiguar sitios que provean en la Web 2.0 la posiblidad de trabajar con Joomla, Drupal, LGG,CPANEL, MOODLE (Paquete XA)

>: Que son los CMS, LMS U OTROS ----DESCARGARLOS!

WampServer

WampServer is a Windows web development environment. It allows you to create web applications with Apache, PHP and the MySQL database. It also comes with PHPMyAdmin to easily manage your databases.

WampServer installs automatically (installer), and its usage is very intuitive. You will be able to tune your server without even touching the setting files.

WampServer is the only packaged solution that will allow you to reproduce your production server. Once WampServer is installed, you have the possibility to add as many Apache, MySQL and PHP releases as you want.

WampServer also has a trayicon to manage your server and its settings.

http://www.wampserver.com/en/presentation.php

Drupal

Why Choose Drupal?

Use Drupal to build everything from personal blogs to enterprise applications. Thousands of add-on modules and designs let you build any site you can imagine.
Drupal is free, flexible, robust and constantly being improved by hundreds of thousands of passionate people from all over the world. Join us!

http://drupal.org/

Joomla!

Joomla! 1.6.3- Spanish
El proyecto Joomla! Spanish se complace en anunciar la inmediata disponibilidad de Joomla! 1.6.3- Spanish (Onward)
Esta es una actualización de seguridad. Este paquete de instalación completo incluye los idiomas de la parte frontal y administrativa. Así como el editor TinyMCE y la base de datos en español (Spanish) configurados como predeterminados.

http://www.joomlaspanish.org/

XAMPP 1.7.4

We've released the new version of XAMPP 1.7.4, including:

• Apache 2.2.17
• MySQL 5.5.8
• PHP 5.3.5
• phpMyAdmin 3.3.9
• FileZilla FTP Server 0.9.37
• Tomcat 7.0.3 (with mod_proxy_ajp as connector)

We do not have implemented the Tomcat in our Control Panel yet, so please use the batch scripts for start and stop:

http://www.apachefriends.org/en/xampp-windows.html
xampp/catalina_start.bat
xampp/catalina_stop.bat

For all "newcomers": You only need the XAMPP basis package. "Add-On" packages are optional.
Download older versions of XAMPP (even the "old" WAMPP) directly from SourceForge.

See also:
»FAQ - Vista problems« Vista Note:
Because of missing or insufficient write permissions in "C:\Program Files", we recommend to use alternate folder for XAMPP ("C:\xampp" or "C:\meinverzeichnis\xampp").

cLASE 29 DE ABRIL

HOY TRABAJAMOS SOBRE FLISOL, SOBRE LO QUE SE HARÍA EN EL EVENTO, ADEMAS DE LA LEY YERAS, ORGANIZAMOS HORARIOS Y DIMOS UNA CUOTA.

URBAN TERROR

Urban Terror™ is a free multiplayer first person shooter developed by FrozenSand, that (thanks to the ioquake3-code) does not require Quake III Arena anymore. It is available for Windows, Linux and Macintosh. The current version is 4.1.

Urban Terror can be described as a Hollywood tactical shooter; somewhat realism based, but the motto is "fun over realism". This results in a very unique, enjoyable and addictive game.

No registration required: Download, install, play! 


http://www.urbanterror.info/news/home/

CLASE 15 DE ABRIL

Lastimosamente no hubo Internet, Pero realizamos un pequeño "repaso" a modo de QUIZ sobre todo lo visto. También acordamos quienes podían o no ir al FLISOL 2011. Vamos a dar una cuota de $2.000 aprox. Para quienes puede asistir compren materiales.

CLASE 8 DE ABRIL DE 2011

La clase de hoy fue sobre el lenguaje HTML, realizamos una pagina web básica, utilizando este código. Este es un esquema de mi trabajo.

<html>
<HEAD>
<TITLE>WEB SERGIO CORTES
</TITLE>
</HEAD>
<BODY> 
<center>
<h2>Conociendo GIMP</h2>
</center>
<A HREF="http://www.sergiocortesvan.blogspot.com/"> 1. INSTALACIÓN Y ARRANQUE.</a><br>

<A HREF="http://www.sergiocortesvan.blogspot.com/">2. NUEVA IMAGEN Y HERRAMIENTA</a><br>

<A HREF="http://www.sergiocortesvan.blogspot.com/">3. OPERACIONES COMUNES</a><br>

<A HREF="http://www.sergiocortesvan.blogspot.com/">4. LOS TEXTOS Y LAS CAPAS.</a><br> 

<A HREF="http://www.sergiocortesvan.blogspot.com/">5. MASCARAS Y SELECCIONES</a><br>

<A HREF="http://www.sergiocortesvan.blogspot.com/">6. LOS COLORES</a><br>

<A HREF="http://www.sergiocortesvan.blogspot.com/">7. LOS FILTROS</a><br>

<A HREF="http://www.sergiocortesvan.blogspot.com/">8. LOS FILTROS 2</a><br>

<A HREF="http://www.sergiocortesvan.blogspot.com/">9. SCRIPT FU</a><br>
</BODY>


<br>
<img src="logo.JPG">

</html> 

Nvu

Nvu es un editor de páginas web WYSIWYG Multiplataforma basado en Mozilla Composer, pero de ejecución independiente. Actualmente su desarrollo está abandonado, habiendo recogido su testigo KompoZer. Añade características nuevas como soporte integrado de CSS y mejor gestión del soporte FTP para actualización de los ficheros.

Este editor facilita el desarrollo de páginas web, gracias a las diferentes visualizaciones disponibles en su interfaz (código fuente, ventana WYSIWYG, visión con tags de HTML realzados), entre los cuales es posible cambiar mediante un sistema de pestañas.

Incluye también otras características como gestión de trabajo mediante proyectos, cliente FTP integrado para subir la página directamente desde Nvu y soporte para todos los elementos típicos: marcos, formularios, tablas, plantillas de diseño, hojas de estilo CSS, etc.

Nvu está disponible para Linux, Mac OS X y Microsoft Windows, aunque puede compilarse para cualquier plataforma con el Netscape Portable Runtime. Mozilla Composer está todavía en desarrollo como parte de la suite Mozilla para otras plataformas.

[editar]Desarrollo

El plan original en junio de 2005 era usar los numerosos cambios en el código de Mozilla Composer. Desde que Mozilla Suite se dejó de desarrollar (continuada por la comunidad como SeaMonkey), nadie ha introducido el código de NVU de vuelta a Composer.

Daniel Glazman anunció el 15 de septiembre de 2006 que dejaba oficialmente el desarrollo de Nvu, quedando su desarrollo abandonado desde entonces. Ante esta situación, surgió KompoZer como una versión de Nvu donde se corregían algunos de sus errores, pero actualmente su desarrollo sigue una línea completamente renovada, escrito desde cero, y con muchas mejoras y novedades respecto a su antecesor, y con el apoyo de la Fundación Mozilla.

Códigos HTML básicos

• <html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, significando la palabra justo tras DOCTYPE el tag de raíz, por ejemplo:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">

• <script>: incrusta un script en una web, o se llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso deJavaScript text/javascript.

• <head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario. Como por ejemplo el título de la ventana del navegador. Dentro de la cabecera <head> podemos encontrar:

Un ejemplo de código HTML con coloreado de sintaxis.

• <title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.

• <link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">.

• <style>: para colocar el estilo interno de la página; ya sea usando CSS, u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>.

• <meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.

• <body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:

• <h1> a <h6>: encabezados o títulos del documento con diferente relevancia.

• <table>: define una tabla.

• <tr>: fila de una tabla.

• <td>: celda de una tabla (debe estar dentro de una fila).

• <a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.wikipedia.org">Wikipedia</a> se representa como Wikipedia).

• <div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido.

• <img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".

• <li><ol><ul>: etiquetas para listas.

• <b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>).

• <i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>).

• <s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>).

• <u>: texto subrayado.

La mayoría de etiquetas deben cerrarse como se abren, pero con una barra («/») tal como se muestra en los siguientes ejemplos:

• <table><tr><td>Contenido de una celda</td></tr></table>.

• <script>Código de un [[script]] integrado en la página</script>.

HTML

HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

Historia de HTML

[editar]Primeras especificaciones

La primera descripción de HTML disponible públicamente fue un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991.^1 2 Describe 22 elementos comprendiendo el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4.³

Berners-Lee consideraba a HTML una ampliación de SGML, pero no fue formalmente reconocida como tal hasta la publicación de mediados de 1993, por la IETF, de una primera proposición para una especificación de HTML: el boceto Hypertext Markup Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipo de Documento SGML para definir la gramática.⁴ El boceto expiró luego de seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, reflejando la filosofía del IETF de basar estándares en prototipos con éxito. ⁵ Similarmente, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de marcaje de hipertexto), de 1993 tardío, sugería, estandarizar características ya implementadas tales como tablas.⁶

TUTORIAL BEFUNKY

-Primero vamos a la Pagina: http://www.befunky.com/
-Segundo, hacemos click en cargar un foto.
-Seleccionamos la foto desde nuestro ordenador.
-Aquí empezaremos nuestro trabajo.

Y listo, el resto va en tu carácter creativo.

CLASE 1 DE ABRIL DE 2011

Hoy trabajamos en GIMP una herramienta que nos permite editar y crear imágenes.  Ahora realizaremos un proyecto con GIMP que es el taller 1, y posteriormente crearemos uno propio con otro programa.

BEFUNKY

BeFunky desarrolla innovadoras herramientas de medios digitales que permiten que las personas se conviertan en artistas instantánea y expresarse de forma creativa sin necesidad de ningún conocimiento técnico.

¿Cuáles son los efectos de la foto?

BeFunky Photo Effects permiten a la gente todos los días para crear fácilmente resultados fotográficamente ricos y artísticos de sus imágenes digitales sin necesidad de ningún conocimiento técnico. Estos "un clic en" Opciones de efecto de foto y producir los resultados deseados sin esfuerzo y cada efecto viene con la opción de hacer ajustes sencillos.

¿Qué son las goodies?

Son las burbujas del discurso, accesorios, gráficos y muchos de los objetos que se pueden agregar a sus fotografías. Ellos le permiten usar su creatividad y convertir una foto normal en una historieta divertida.

CAMP LEADERS COLOMBIA

Welcome

TO CAMP LEADERS!

Lánzate a la aventura... y vive el mejor verano de tu vida.

Se acerca la fecha de cierre para el verano 2011. Quedan pocos cupos!!! Si consideras que tienes un buen nivel en tus habilidades y manejo del idioma completa cuanto antes tu aplicacion y ponte en contacto. Si prefieres tomar los beneficios y descuentos para la siguiente temporada registrate ya y asi seras parte del primer grupo seleccionado para el siguiente verano 2012.

Regístrate cuanto antes, diligencia la aplicación en línea y comienza tu proceso de inscripción.

Comunícate con nosotros a los teléfono (1) 474 0707 o 318 712 9875 para conocer más sobre el programa, como acceder a nuestros descuentos y agendar tu entrevista cuanto antes.

Permítenos guiarte constantemente durante el proceso. Te invitamos a crear una cuenta en www.skype.com y agregar 'Camp Leaders Latinoamerica' como contacto. A través de este medio podremos mantener una comunicación fácil y permanente, conocerte más y revisar juntos tu perfil para así asegurarnos de tener una contratación exitosa.

Requisitos:

• Tener entre 18 y 28 años cumplidos en Junio 1, 2011.
• Como mínimo tener un nivel conversacional medio de Ingles para la opción Support Staff y medio-alto para la opción de Counselors.
• Mínima disponibilidad de 9 semanas.
• Fechas de viaje: Salida a más tardar el 10 de Junio. Regreso después del 15 de Agosto. (Si las fechas de disponibilidad para viajar son menores a lo establecido se pueden hacer excepciones según los motivos y el perfil de los participantes).
• Para la opción Support Staff es necesario ser estudiante Universitario de tiempo completo y contar con el permiso académico para ausentarse por la temporada establecida.

Tenemos los mejores precios y más competitivos del mercado...

Program Fee: USD $500

Durante tu proceso podrás ganar hasta USD $100 de descuento.

Clase 11 de Marzo

Trabajamos con Google Sites, Wordexpress y otros Blogs para Seguir Practicando sobre la red web 2.0. Tambien acordamos una Wiki para organizarnos como grupo.

Beneficios en el uso de software libre

Definiciones Básicas

Código fuente
El código fuente es como una receta de cocina, contiene los ingredientes y los pasos para lograr un plato de cocina, pero en este caso para obtener un producto de software que un usuario final puede utilizar, a partir de lo que el programador desarrolló.
Software Privativo
Se le denomina “Software Privativo” a los productos de software que poseen una licencia restrictiva, de tal forma que no permite tener acceso al código fuente del programa, copiar, distribuir y realizar modificaciones al mismo.
Debido a estas restricciones sobre la libertad en el acceso y el uso del software, se priva al usuario final de realizar las operaciones mencionadas con anterioridad, y finalmente de compartir un trabajo que podría ser aprovechado por otras personas e instituciones.
Software Libre
Primero que nada, es necesario dejar claro que el “Software Libre” es un asunto de libertad, no de precio.“Software Libre” se refiere a la libertad de los usuarios para ejecutar, copiar, distribuir, estudiar, cambiar y mejorar el software. De modo más preciso, se refiere a cuatro libertades de los usuarios del software:

1. La libertad de usar el programa, con cualquier propósito (libertad 0).
2. La libertad de estudiar el funcionamiento del programa, y adaptarlo a las necesidades (libertad 1). El acceso al código fuente es una condición previa para esto.
3. La libertad de distribuir copias, con lo que puede ayudar a otros (libertad 2).
4. La libertad de mejorar el programa y hacer públicas las mejoras, de modo que toda la comunidad se beneficie (libertad 3). De igual forma que la libertad 1 el acceso al código fuente es un requisito previo.

TOMADO DE: http://proyectodeley.cdsl.cl/portal/node/4