En un lugar de internet...

Hola amigos, en este apartado web intentaré crear un tuto básico para crear una página Web, sencilla y ordenada.
Puedes quedarte, y según se vaya integrando contenido podrás tomar notas, y ver si es lo que estabas buscando, si es así “perfecto”, por que no solo de Web se va a hablar en este espacio, sucede que es un tema que conocemos, y lo que lo mejora todavía es que disponemos de un foro en donde podrás acudir y preguntar tus dudas.
Animate…!!!

- Bienvenidos al curso, para la creación de una página web…

Arriba Volver

- A quien va dirigido este curso…

Arriba Volver

 

Para aquellas personas con un nivel básico, o para los que quieran ver otras formas de crear un sitio web.

Bueno dicho esto, en un principio quiero plantearme en que modo quiero transmitir como poder explicar cosas básicas para crear una plantilla, e incrustar código, y a que tipo de personas debería ir dirigido…

Mi intención no es otra, que poder mostrarte los pasos para crear en un principio una plantilla de una página Web.

Mi idea se basa en mostrar como poder crear una plantilla sencilla y de acabados elegantes, y bien estructurada para tú página web. Para esto tomo como referencia algunas ideas y el modo de presentación que quiero que tenga mi diseño, y contenido.
Continua en este espacio y crea tu propia Página Web…

- Que herramientas necesito para crear una Página Web…

Arriba Volver

Debo decirte que puedes crear una página web con multitud de aplicaciones gratuitas que están en la Red, tanto editores Html y de diseño Web, pero una herramienta imprescindible para este tipo de trabajo, no es nada más que el propio "conocimiento". Digo esto un poco, por propia experiencia, y no se puede crear algo de lo que se desconoce.

Este tema de las aplicaciones de Ediciín Html, a mi modo de ver las cosas es bastante amplio, quizás por el gran catálogo de Editores que existen en el mercado, tanto gratuitos como de pago. Pero este sitio hablará de Dreamweaver por sus amplias herramientas y calidad en la edición de páginas Web, pero existen muchos que son Freeware y de gran calidad.

He preparado una pequeña lista de algunos editores Gratuitos que puedes descargar y probar, ni pagar nada a cambio, pero para algunas personas que ya entienden algo sobre las aplicaciones y las herramientas de los eitores Html, es clara la linea que quieren seguir y que tipo de harramientas son más convenientes para cada uno.

Bueno… yo para este caso y así poder demostrar que se pueden hacer grandes trabajos con Software Gratuito, voy a señalar algunas aplicaciones diferentes más abajo, que pineso que me van a ayudar a crear una página Web.

- Algunos editores Html gratuitos en Internet;

Arriba Volver

 

1 – PspadEditor    La Web…    Capturas…    Descargar…
2 – Html-Kit 292   La Web…    Capturas…    Descargar…
3 – Visual Studio 2008 (microsoft)   La Web…    Capturas…    Descargar…
4 – Aptana Studio 2.0.4   La Web…    Guía útil…     Descargar…
5 – Notepad++   La Web…    Capturas…    Descargar…
6 - Kompozer   La Web…    Capturas…    Descargar…

Esta es una pequeña lista de unos editores html que te pueden servir para crear tus propios trabajos Web. Debo decir que entre ellos posiblemente haya algunas diferencias que los distinguen, como por ejemplo la vista del código, unos tienen la vista del código Visual, y otros no…

Este tipo de herramientas son las que marcan las distancias entre los editores, por lo menos… los que yo personalmente conozco.

Pero te garantizo que con cualquiera de ellos crearas grandes trabajos si te familiarizas con sus herramientas, y comprendes como funciona este tema del código html, y Css. Luego está si te decides por alguno de este escueta lista, informarte máñs detenidamente de los complenetos que tiene cada aplicación.

Comento esto por que todos los editores no son iguales, claramente… y aquellas aplicaciones que carecen de algunas herramientas interesantes y que optimizan el trabajo, como por poner un ejemplo; el box de opciónes de selectores-propiedades al código (posiblemente se le llame de diferente forma en cada aplicación)… la imagen de la izquierda.

Sucede que hay quien lo prefiere así, con estas herramientas concretas y sus asistentes, y otros le da igual por que ellos ya entienden de código y escriben más a mano que con los box de opciones, pero al final creo, y no me equivoco… que es menos largo útilizar los asistentes al código. Esto puede llegar a a hacer que perdamos ciertas constumbres y luego con el tiempo nos encontremos más vagos y se nos olvide algún que otro truco de los que escribiamos antes a mano, casi seguro… Pero es lo más comodo.

Arriba Volver

 

Resumen de programas que podemos útilizar

- Resumen de los programas que he escogido…

1 – Editores Html…

Html-Kit (Este es el editor que elijo), por tener las herramientas de "ayuda al código" y es "WYSIWYG" (puedes hacer "preview") y ver el código creado en el navegador, al igual que otros como el fenomenal "Aptana Studio (en inglés)", sucede que aptana se encuentra en el idioma Inglés, una pena pero es un genial programa. Puedes escojer otros, como por ejemplo, Visual Studio 2008, también muy completo…

He podido comprobar, sin útilizar más a fondo que cada vez que el box de asistente al código aparece, en el box muestra unos iconos pequeños de los navegadores áctuales, como IE, Firefox, Opera, Safari, que estimo serán para decirnos la compatibilidad de los selectores, propiedades, o valores para cada navegador.

Una muy buena idea en caso de ser afirmativo.

- Puedes ver una imagen del panel de Aptana…

- Descargar Aptana Studio desde la Web del autor

- Puedes ver una captura de Visual Studio 2008 (Microsoft)…

- Descargar Visual Studio developer 2008 desde la Web del autor

P.D.La imagen de la captura de arriba, la coji de la web de Visual Studio, o sea mil perdones… sucede que debía cambiarme de sistema operativo y no me apeteciía… perdón.

Arriba Volver

 

2 – Recortador de imágenes…

MWSnap 300, este es un programa que siguo útilizando desde hace algun tiempo. Lo encuentro genial y me sirve perfectamente para hacer trabajos puntualizados y determinados. No consume grandes recursos en nuestro PCs, y esta emuchos idiomas lo que lo hace mejro aún. Usalo no te va a drefraudar… Créeme…!!!

- XnView, genial y renovado recortador Freeware (gratuito) para optimizar nuestras imágenes. Este programa no lo he útilizado mucho, pero veo una interfaz más moderna, llamativa que MWSnap, parece muy intuitiva y registra mucha información sobre las imágenes que estamos tratando. Voy a recomendarlo a pesar de que estoy empezando a familiarizarme, pero recuerdo que el que más útilizo es MWsSnap, más antiguo pero me vale.

- Puedes ver una captura del panel de MWSnap300

- Descargar MWSnap300 desde la Web del autor

- Puedes ver una captura del panel de XnView

- Descargar XnView desde la Web del autor

Arriba Volver

 

3 – Editor de imágenes…

The Gimp , genial editor de imágenes totalmente gratuito.
Editor de la talla del gran "Photoshop CS", y de gran aceptación entre los internautas…. desde luego.
Quizás a mi modo de ver un pelín, solo un pelín diferente en la forma de navegar y utilizar sus herramientas, pero que le vamos a hacer, será cuestión de adaptarnos. No es que este es desacuerdo en utilizar el programa de adobe, de hecho no lo uso mucho, pero he creado bonitos trabajos con "Photoshop CS", pero no nos va a dfraudar el gran "Gimp", confio en él.

- Puedes ver una captura del panel de Gimp 2

- Descargar Gimp 2 editor de imágenes desde la Web del autor

Arriba Volver

 

4 – Cliente FTP gratuito "Filezilla"…

Filezilla , es un programa FTP, tipo "cliente-servidor", de lo mejorcito que conozco. Una de las razones que lo colocan en un baremo alto, es simple y llanamente que "Es gratuito", y un programa totalmente fiable.

He subido muchos archivos a los hosting, con las propias herramientas Ftp que las propias aplicaciones incluyen, y reconozco que no lo hacen mal, incluso se pueden generar copias de seguridad, pero Filezilla es muy superior por lo menos en la optimización de los recursos.

Filezilla permite renombrar archivos, moverlos, eliminarlos, crearlos, dar y quitar permisos a los archivos, o sea que no voy a hechar más flores a este programa, pero desde que lo probe soy fiel. Te aconsejo que lo descarges y lo instales en tu PC si es lo tuyo subir archivos a los hosting, y no lo utilizas.

- Puedes ver una captura del panel de Filezilla

- Descargar Filezilla desde la Web del autor

Arriba Volver

5 – El programa "Paint" de Windows…

Paint de Windows , este programa lo nombro por que seguro que en algunos momentos lo necesitamos para hacer capturas completas en las que no podemos hacer clilc, por qué en cuanto intentemos capturar un menú emergente de cualquier aplicación, como muestro en esta imagen, el menú desaparecerá y con el paint podemos hacer una captura total.

Bueno pues lo aconsejo, es un programa que viene asociado al sistema operativo en Windows, y creo que nos puede ayudar en momentos determinados para poder capturar partes, o la totalidad de un instante. También tiene otras funciones que muchos útilizan de las que no puedo dar consejos, por que yo no las útilizo.

No hay capturas de pantalla para este tema, por que supongo que los conocemos tod@s, pero si quieres saber de este programa y no lo encuentras en tu Windows, sigue estos pasos;

tanto en Windows XP, como en Windows Vista escribes esta instrucción en la barra "Ejecutar" –>>> pbrush y te surgirá Paint y podras útilizarlo.

- Puedes ver esta captura de Paint…

- Opiniónes e instalaciones…

Arriba Volver

 

Quiero animaros a que útiliceis los programas que más os convengan, por que para eso están las preferencias de cada aplicación del tipo que sea. Cada uno tiene sus preferencias al igual que las tengo yo, pero debo mostraros alternativas (que yo útilizo) a programas de pago, y muy caros por cierto.

Con este comentario no estoy incentivando a nadie que no compre software, solo comento la posibilidad de instalar en nuestros equipos programas GNU, totalmente gratuitos y lo que es mejor, de una calidad asombrosa que no lo destacan mucho de las grandes compañias.

He mostrado los que pienso que pueden valer perfectamente para crear un espacio Web, y muchos…desde luego.

También hablaré de aplicaciones para instalar en nuestro PC servidores Apache, tan necesarios a veces para poder instalar foros, blog, canales de noticias etc en nuestros equipos. Estos complementos son de gran importancia puesto que siempre, o casi siempre vamos a necesitar manejar y escribir por ejemplo, archivos PHP. Hablaremos de como instalar un foro en nuestro PC, para poder familiarizarnos y hacer incluso pruebas y cambios en lo archivos, para no tener dudas a la hora de hacer cambios en nuetros foros una vez subidos al servidor.

Bueno pues esto es un poco el principio de lo que pretendo mostrar, intento enseñar algo sencillo como hacer un trabajo Web, básico y de muy buenos acabados… desde luego. Sigue este esta web los pasos que se van a escribir para crear tu propia página Web desinteresadamente y para tí.

Animate…!!!

Este blog también va a hablar y mucho sobre Dreamweaver CS.

Como poder hacer que una aplicación como esta, llege a ayudarnos a crear grandes trabajos Web, pero esto lleva un poco de tiempo preparar, y hay que tener un poquito de paciencia…

Si tienes ideas y quieres compartir, puedes contactar conmigo y proponerlas, no esperes nada a cambio, esto es así, estamos para dar y si podemos ayudar, mejor que mejor.

Bueno animaros, y no dejeis de visitar este Blog….

Suerte a tod@s…!!!

Contacta conmigo para esponer tus ideas… se agradece.

 

Arriba Volver La plantilla que vamos a crear >>