28
Aug
Una página que vale la pena leer…
Una idea genial de Chiki guardada en Imperdible
Hoy he tenido un placer… y fue encintrarme con el sitio web que les linkeo a continuación…digamos más o menos por AQUí. Lo encontré simplemente buenísimo…
De que trata preguntarán. Si bien podría darles la simple respuesta de “Métanse en el link, por algo lo coloqué!!!”…prefiero hacerles una pequeña reseña.
Creo que cuando uno está estudiando lo que nosotros, nuestros cercanos nos hacen multiples preguntas. Entre ellas, un grupo que me llama especialmente la atención son aquellas que hacen referencia a ¿Estay estudiando para ser hacker? o ¿Son puros hackers tus compañeros? y cosas por el estilo. Bueno, ahí está el tema de la página que les muestro hoy…
Cómo llegar a ser un hacker
Fue escrita por un hacker llamado Eric Steven Raymond y creo que de forma sencilla muestra de que se trata REALMENTE este mundillo, el cual ha sido indebidamente vinculado con el de los Crackers (estos son los que roban claves, corrompen códigos y botan páginas web).
Así que los invito a leer esta página, bastante instructiva y, si bien extensa, de rápida lectura. Por si acaso LES REPITO EL LINK.
Eso es por hoy…aquí, el corresponsal del Sucucho…
83 Aportes inútiles »
02
Jul
Clases de cocina, hoy: exámen de HTML… parte I.
Una idea genial de Dark_seid guardada en Taller Internet
QUEEEEEE TAAAAAAAAAL!!!!! me extrañaron mucho?? esperemos que si, por lo menos eso parece por los comentarios que me han hecho. Ahora si, creo que puedo decir con propiedad: HE VOLVIDO!!!!
Y que mejor para mi regreso luego de pasar por las penurias típicas de la época cercana a agosto, que abrir un espacio para ayudarnos a terminar decentemente este semestre. Hagamos un recuento de como vamos: Ya terminamos con Deformación… honestamente pienso que ni siquiera empezamos con ese ramo, por lo menos no me di cuenta cuando tuvimos clases, pero el hecho concreto es que ya se acabó. Fundamentos de programación es otro cuento, para algunos ya terminó, para otros la pelea es dura, suerte para ellos que deberán enfrentarse al temido exámen, y si me permiten un consejo, mentalicense con que es otra prueba más, no se carguen el mate extra y hagan muchisimos ejercicios. Para los que se eximieron mis felicitaciones y a prepararnos camaradas (como dice el compañero Arturo) que se nos viene peludo. Y para los que no pasaron, ánimo… FUERZA Y KORAJE… nada se termina por no pasar un ramo, se los dice alguien que a sus 30 y tantos aún no puede terminar una carrera, y sigue en la pelea. Y un mensaje especial para aquel pastelito amigo de todos… mi más sentido pésame por programación, espero de todo corazón que al menos aprendas a programar la alarma de tu reloj… jejejeje. De los otros, matemáticas está ahí, aún no sabemos mucho; y Armado, por las mismas. Nos queda el ramo de nuestro queridísimo Apu… Internet.
Como siempre tan creativo nuestro profesor se le ocurrió la brillante idea de hacer un sitio web, con base de datos y todo… uffff. Por lo menos eso creo que es, hoy espero tenerlo más claro. La idea de estos post serán entonces ayudarnos a terminar este trabajito de manera decente, ojalá todos con un 7. Vamos entonces, entremos en materia (les aviso que los post serán un poco extensos pero les conviene llegar hasta el final de la lectura). Los ingredientes que vamos a ocupar en nuestra receta serán:
- Dreamweaver (da lo mismo la versión que tengan, desde la MX en adelante es lo mismo, lo único es que ojalá esté en español pa facilitar el cuento, sino la tiene pídala, hay varios compañeros que la tienen, sino Google es tu mejor amigo en estos casos) .
- Papel, muchas hojas blancas.
- Lápiz, puede ser de pasta o grafíto, el color es a elección.
- Excel… no me miren raro, ya verán para que sirve (a lo menos deben saber hacer una tabla y escribir en ella, nada más, lo demás lo aprenderemos aquí mismo).
- El wamp instalado, de preferencia el que mandó al correo el compañero Juan y que es la misma del Instituto.
- Un poco de creatividad… sólo un poco, a estas alturas del semestre no es mucho lo que queda.
- Paciencia, mucha paciencia… ya verán porqué.
- Y el ingrediente principal… UNA IDEA DE TEMA PARA EL SITIO… sin esto cagamos, así de simple.
- Opcionalmente y dependiendo del grado de sazón que quiera ponerle puede agregar a los ingredientes: FLASH, PHOTOSHOP (o photoshó, o porotoshork, o…).
Lo primero que haremos será ponernos de acuerdo en algunas cosas, particularmente una bien básica: cuando hablemos de sitio, nos referiremos al conjunto de archivos que forman el trabajo, completo; cuando hablemos de página, estaremos refiriendo a un archivo en particular dentro de ese sitio. Finalmente cuando hablemos de pantallas estaremos refiriéndonos a lo que se ve en la pantalla (pensando por ejemplo si estamos trabajando con framesets donde cada frame es una página).
Con lo anterior claro vamos a la preparación. Antes de meternos en códigos y etiquetas raras tenemos que tomar una hojita de papel y el lápiz. Piense en el tema del trabajo, y escriba en la hoja cuantas pantallas va a necesitar. Aún no tengo muy claro que tipo de base de datos nos está pidiendo el profe pero por lo que he escuchado de algunos compañeros, está pidiendo un formulario de contacto y que la información recogida se guarde en ese formulario. Entonces, en un esquema básico para nuestro sitio, vamos a tener una pantalla inicial (lo primero que el usuario verá cuando entra al sitio), una o más pantallas con información (fotos, tollo, etc. y a las que el usuario ingresa a través de un menú) y otra para el formulario de contacto. Haga un esquema con el resultado… como los que no vimos, perdón, vimos en formación para el trabajo. Debería quedar algo así:
Ojo que aún no estamos proyectando cuantos archivos html vamos a construir, sólo ordenamos la idea para que el trabajo nos resulte más fácil. Lo que acabamos de hacer es una especie de árbol de navegación, un mapa del sitio.
Lo que debería seguir ahora es hacer el wireframe que no es otra cosa que bosquejar en papel y luego en computador (todavía no dreamweaver ni código) como se verá cada pantalla. Es común que para armar un sitio el desarrollador (cuando no es diseñador) se facilita el trabajo estableciendo una diagramación estandar para todas las páginas, como en nuestro caso no somos diseñadores y estamos estudiando informática y no diseño, haremos precisamente eso… una sola plantilla pa todas las pantallas… o lo que dicho en buen chileno… vamos a hacerla cortita con el trabajo…
Tenemos que saber que elementos llevará cada pantalla para poder distribuirlos (o diagramarlos) en el monito (o layout como diría mi profesor de taller en la escuela de diseño). Lo básico es que lleve un espacio arriba para poner el título del sitio, alguna imágen o logotipo o lo que sea (incluso la barra de navegación puede ir aqui), lo que queda de espacio hacia abajo se puede repartir entre menú (a la derecha, a la izquierda o abajo) y el contenido que se va a mostrar. Lo importante es que se imaginen como quieren que se vea cada pantalla de su sitio y hagan las líneas en el papel para mostrarlo, o sea distribuya el espacio de la pantalla. Este ejemplo es el más simple, con el menú a la izquierda, una zona arriba para una imagen o un logo y al centro el contenido.
Cuando lo pasen del papel al digital, si es que quieren porque no es obligación, lo pueden hacer en photoshop, ilustrator, excel, word o powerpoint… en mi caso lo hice en powerpoint porque no estoy en mi casa y es lo más decente que tengo en el pc de aquí. Digo si es que quieren porque pueden pasar directo del papel a construir en Dreamweaver.
Ahora comienza la diversión… cuando ya tengan decidida la distribución de los elementos en su pantalla tomen el esquema que hicieron primero y cuenten cuantas pantallas va a ocupar. En el ejemplo:
- Pantalla inicial.
- Pantalla de contenidos 1.
- Pantalla de contenidos 2.
- Pantalla de contenidos 3.
- Pantalla de formulario de contacto.
5 pantallas. Cada pantalla será un archivo html, o sea 5 archivos html. Si me quedo con la diagramación del wireframe que les mostré, e hiciera la división por medio de frames, tendría que sumar dos archivos más (superior y lateral), llevamos 7 archivos html. Vamos a construir 1 frameset donde poner todos los archivos html que construyamos… ese frameset se va a llamar “index.php”… ALTO!!! que nadie salte de su silla y salga arrancando, esto de la extensión PHP en lugar del HTML es una trivialidad… si quieren un detalle estético… lo que sea… se los explico a continuación y con esto termino el post de hoy.
Como dentro del trabajo necesitamos conectarnos a una base de datos e intercambiar datos con ella (por ahora sólo tengo claro que vamos a guardar datos, pero sacarlos es aún más fácil que ponerlos… em…mmm), lo haremos a través de la tecnología PHP, o lenguaje PHP, como quieran llamarlo. Para que el idiota del navegador entienda cuando lea nuestras páginas que hay algunas órdenes que debe cumplir, que están hechas en forma de instrucciones PHP, debemos decirle que lo que está leyendo es un documento PHP. No hay diferencia entre construir un archivo HTML y uno PHP, de hecho pueden guardar una archivo HTML sin ninguna instrucción, los mismos que ya hicimos en las tareas y cambiarle la extensión a PHP y no pasa absolutamente nada. Lo relevante es que el index se mantenga porque es esto lo que el servidor ve cuando carga nuestro sitio. Ya se que es un poco enredado porque quizás el profesor ha hablado sólo de HTML y ahora de SQL y no de PHP. El tema es simple, para tener los datos guardados, crear una base de datos, hacer las tablas y todo eso necesitamos el SQL, para meter y sacar los datos en esa base de SQL necesitamos PHP.
Listo compipas… eso sería por hoy… mañana sigo, con mayor claridad sobre lo que nos va a pedir el profesor. El tema mañana será montar la base de datos en el servidor y hacer las tablas necesarias…
Agenda de la 700
Lo más pedido...
Blogroll
Depósito de ideas geniales
Categorías
-
