Disculpen que haya tardado en postear esta tercera y ultima parte de lo videotutoriales de Python Online, en esta ultima parte encontraran los videos del 38 al 55.
Continuando con la segunda parte de los videos online de Aprende Python sigo donde deje en la primera parte ahora colocare los videos del 19 al 37
Los que siguieron mi post anterior Videotutorial de Python habrán visto los archivos de video en MP4 para descargar, en esta oportunidad se los dejo para que los vean online.
Encontraran los 55 videos que componen el videotutorial creado por Daniel Bermudez, para mas información sobre los videotutoriales y Python visiten mi post anterior y encontraran lo que buscan.
Por motivo de la gran cantidad de videos que componen el videotutorial he decidí dividir el contenido en tres post siendo esta la primer parte.
Leer más…
En esta oportunidad les acerco este videotutorial creado por Daniel Bermudez quien es el creador de la imagen ISO donde encontraran los videotutorales y mas contenido que les sera util, en su sitio http://www.aprenderpython.com podrán encontrar mucho mas contenido relacionado sobre Python, cualquier duda que tengan sobre Python podrán hacerlo en su foro http://www.aprenderpython.com/smf/. Antes de empezar con los links de descargar pondré un poco de información sobre Python cortesía de Wikipedia:
Python:
Python es un lenguaje de programación interpretado creado por Guido van Rossum en el año 1991.
Se compara habitualmente con Tcl, Perl, Scheme, Java y Ruby. En la actualidad Python se desarrolla como un proyecto de código abierto, administrado por la Python Software Foundation. La última versión estable del lenguaje es la 3.1.1.
Python es considerado como la “oposición leal” a Perl, lenguaje con el cual mantiene una rivalidad amistosa. Los usuarios de Python consideran a éste mucho más limpio y elegante para programar.
Python permite dividir el programa en módulos reutilizables desde otros programas Python. Viene con una gran colección de módulos estándar que se pueden utilizar como base de los programas (o como ejemplos para empezar a aprender Python). También hay módulos incluidos que proporcionan E/S de ficheros, llamadas al sistema, sockets y hasta interfaces a GUI (interfaz gráfica con el usuario) como Tk, GTK, Qt entre otros.
Python se utiliza como lenguaje de programación interpretado, lo que ahorra un tiempo considerable en el desarrollo del programa, pues no es necesario compilar ni enlazar. El intérprete se puede utilizar de modo interactivo, lo que facilita experimentar con características del lenguaje, escribir programas desechables o probar funciones durante el desarrollo del programa.
El nombre del lenguaje proviene de la afición de su creador original, Guido van Rossum, por los humoristas británicos Monty Python. El principal objetivo que persigue este lenguaje es la facilidad, tanto de lectura, como de diseño.
Esta vez les traigo como incluir un Switcher CSS en nuestro sitio, para los que no saben de que se trata un Switcher CSS es el uso de JavaScript para la utilización de varios estilos a partir de mas de una hoja de estilos CSS, la forma en que podemos utilizar estos múltiples estilos es muy diverso podemos cambiar el estilo de nuestra pagina dependiendo de la hora, del día, o del mes y no estamos limitados a fechas sino que podemos darle la opción al usuario de que seleccione su estilo favorito.
La dificultad de utilizar este método solo radica en crear las distintas hojas de estilo pero esto depende solamente de las modificaciones que vayamos a hacer si por ejemplo deseamos cambiar los colores, seguramente nuestros cambios solo se limitarían a modificar los valores de los atributos “background” y “color“, otro ejemplo seria diseñar un estilo que se ajuste a los usuarios que naveguen con una resolución de 800×600. Dependiendo de los cambios que deseamos hacer radicara la dificultad del trabajo.
En mi caso particular les mostrare como cambiar los colores de nuestro Template y ofrecer a los usuarios de nuestro sitio la posibilidad de utilizar el color que mas les agrade, el Template que utilizare para el ejemplo es una plantilla oscura donde los colores de fondo y de las fuentes son en la gama del negro pero al final del tutorial el usuario podrá elegir entre negro, azul y rojo.
Lo primero que debemos hacer es despreocuparnos del JavaScript y asegurarnos de crear un CSS lo mas limpio y correcto posible y una vez que estemos conforme con el resultado nos ocupamos del JavaScript.
Leer más…
Primero empiezo aclarando el funcionamiento de esta barra, el objetivo es anunciar al visitante que tiene desactivado el uso de JavaScript, esto nos sirve para asegurar la usabilidad del sitio si es que dependemos del uso de Scripts JavaScript. La forma en que puede mostrar al usuario un mensaje cuando su navegador no tiene activado JavaScript es a partir de la etiqueta de HTML “noscript“, esta etiqueta que se utiliza de la siguiente forma:
Nos permite mostrar lo que queramos al usuario solo cuando tenga desactivado JavaScript, una aclaración mas que obvia es que dentro de
no debemos utilizar código JavaScript ya que no tendrá sentido usarlo si no va a funcionar, dentro de esta etiqueta podemos utilizar otras etiquetas, utilizar DIV’s y que además estos tengan estilos CSS por esto la única limitación que tendremos es la de no usar JavaScript ya que este no será interpretado por el navegador.
Leer más…
Para todos los que estan en el mundo del diseño web o quieren estarlo siempre van a necesitar tener a mano documentación, ya sea buscar alternativas en el desarrollo de un trabajo o aprender cosas nuevas. Uno de los libros mas reconocido en español son los libros gratuitos de libros.es, estos libros son los mejores para los que se entan metiendo en el diseño web, en especial estos tres que les mostrare en esta oportunidad, los libros en cuestion les enseñara a crear la estructura basica de cualquier sitio; al finalizar estos tres libros seremos capaces de crear nuestro primer Template o plantilla para luego con JavaScript y PHP crear un sitio dinámico.
El primero de estos tres es un libro de introducción al mundo del lenguaje mas básico que deberemos conocer, XHTML es el lenguaje en cuestion y con este libro podremos comprender la estructura básica de un sitio web.
Leer más…
Se estrena en el foro una FAQ (Frequently Asked Questions o Preguntas Frecuentes) en ella se iran compilando los contenidos que les sean de ayuda para que les sea mas fácil moverse por el foro y el blog de este sitio. Cualquier sugerencia que tengan pueden plantearla aca:
http://foro.rincondemisaportes.co.cc/forum-11.html
La FAQ en cuestion la encontraran aqui:
http://foro.rincondemisaportes.co.cc/forum-20.html
Y en ella podran encontrar el primer articulo, que se trata de una recopilación de algunas de las direcciones de nuestros feeds RSS
http://foro.rincondemisaportes.co.cc/thread-3.html
En esta oportunidad les traigo una de las formas en la que pueden utilizar la técnica que les mostre la barra flotante con fixed, la barra la utilice para agregar unos pequeños iconos sociales que al posar el cursor encimas de estos se muestra un icono de un tamaño mayor, este efecto lo hice solo con CSS pero también se puede hacer con jQuery. Aunque no estoy conforme con el resultado del efecto de los iconos ahi que destacar que es sumamente sencillo y son muy pocas lineas para lograrlo, aunque el ejemplo es meramente ilustrativo y solo intente mostrar una de las tantas formas que hay para utilizar la propiedad “fixed”
Observación:
La plantilla no valida correctamente, si intentan validar la hoja de estilos les mostrara lo siguiente:
Las Advertencias (8)
URI : TextArea
56 A Hay un color de primer plano establecido y no hay color de fondo
61 A:hover Hay un color de primer plano establecido y no hay color de fondo
80 #header h1 Hay un color de primer plano establecido y no hay color de fondo
80 #header h2 Hay un color de primer plano establecido y no hay color de fondo
96 #header A Hay un color de primer plano establecido y no hay color de fondo
228 #search #s Hay un color de fondo establecido y no hay color de primer plano
249 #calendar THEAD TH Hay un color de fondo establecido y no hay color de primer plano
253 #calendar TBODY TD Hay un color de fondo establecido y no hay color de primer plano
Pero eso es problema del Template que elegí y no mio XD, asi que lo deje asi.
Les dejo unas capturas:
Template original:
Template modificado:
Les presento una herramienta hecha con un poco de HTML y CSS que les servirá para personalizar sus Templates o plantillas como deseen llamarlos y otra forma de navegar a los usuarios y visitantes de nuestro sitio, es una barra que utiliza el valor “fixed” de la propiedad “posicion” de CSS, el atributo “fixed” no es muy utilizado a diferencia de “absolute” y “relative” dado que tiene una forma distinta de posicionar el contenido, a diferencia de “absolute” y “relative” que sitúan el contenido en la pagina el atributo “fixed” posiciona el contenido u objeto en la ventana o parte visible de una pagina por decirlo de una forma, explicado de otra forma mientras que los dos primeros atributos “absolute” y “relative” quedan fijos en un determinada parte de la pagina lo que hace “fixed” es dejarlo fijo en la ventana y aunque nos movamos de arriba hacia abajo o de izquierda a derecha la propiedad “fixed” va a hacer que el objeto flote encima del contenido.
Después de que hayan leído lo que explique arriba puede que hayan entendido el mensaje o estén confundidos con su función pero una vez que prueben los ejemplos seguramente sabrán que les quería decir.
Para los que se pregunten para que me sirve o que puedo hacer con esto, debo decirles que le preguntaron a la persona equivocada XD ya que carezco de imaginación así que se los dejo como tarea, hablando en serio la posibilidades de uso son muchas y muy variadas que pueden ir desde la inclusión de banners, avisos para los visitantes, una barra de herramientas o un menú entre algunas de las formas que existen de utilizarlas, pero eso es tema para mas adelante.
Cuando se pongan a revisar las líneas de código van a ver muchos comentarios que les ayudaran si son nuevos en esto para que sirve cada línea, para los que ya sepan del tema pueden revisar el código que dejo mas abajo sin comentarios, intente traducir todos los comentarios al ingles y pueden haber errores de traducción o falta de la misma de ser así les agradeceré que me lo hagan llegar.
Si desean realizar una traducción a otro idioma tanto del código fuente como de la documentación tienen el permiso de hacerlo y difundirlo.
Leer más…
Ultimos comentarios