En este grupo En todos

Grupo de Diseño Web



En busca del manual que enseñe a diseñar paginas web desde cero y sin conocimientos.

Alejandro
Tecnico pc - redes lan nobell cenet (u...
Escrito por Alejandro Kaltazor
el 25/05/2009 | Nivel Básico

En busca del manual que enseñe a diseñar paginas web desde cero y sin conocimientos.

Una de las preguntas mas frecuentes que recibo es ¿Existe algún manual que te enseñe a diseñar paginas web? , y lamentablemente la respuesta es no, ¿La razón? , porque en resumen están juntando peras con manzanas, es cierto que si se tienen las herramientas correctas es probable que se obtenga como resultado una pagina, pero en la practica, y lamentablemente de seguro, no es una pagina web.

Pero porque de una afirmación tan pedante, veamos, una pagina web está compuesto por dos elementos principales, un diseño que se relaciona a un concepto o “corporatividad”, y una estructura, que brinda soporte a lo visual, ¿Ejemplo? , el cuerpo humano, lo primero es un buen esqueleto (php, mysql, AS, java, html, css, etc. ) y en forma independiente la piel, que tiene color, textura, etc. (photoshop, freehand, Paint, etc.)

Cada área es un mundo, y por lo mismo es sano no combinarlas, pero vamos por parte, comencemos a crear una pagina web.

Cliente (Rubro: Venta de plantas): Quiero que mi sitio tenga una pantalla inicial con música de fondo, colores vivos, con ventanitas que se desplieguen y digan las ofertas de la semana, y también muchas fotos, de los productos, también algo para que me envíen información, y un paseo virtual, y descarga de archivos… y que sea rápida.

Es como si el cliente quiere hacer deporte y compra un Ferrari para dar vueltas a la plaza, lo más probable es que con una bicicleta le sea suficiente.

Lo primero es señalar al cliente que su sitio web esta íntegramente relacionado a cuanto quiere invertir en el y que es lo que espera de el, si el cliente con suerte revisa su correo, significa que la mantención del sitio dependerá de alguien más o no tendrá mantención, o es probable que su mercado este cerrado a la comunidad en que vive, y no posee la capacidad para exportar o cumplir con una demanda muy alta.

Este simple ejemplo ya nos da una idea de que herramientas se pueden utilizar, y mas de alguien ya se da una imagen del sitio en pleno funcionamiento, pero, ¿Es realmente necesario un paseo virtual? , o ¿Música de fondo?, ¿Una intro? Y que usaremos para programarla, ¿Flash?, ¿Html con hoja de estilo? , y lo peor es que todas son validas, pero al final solo obtienes un popurri que hace que el cliente se desilusione de esta nueva herramienta y no vuelva nunca mas a ocuparla, cosa que al final es mala publicidad para ti y peor, te quedas sin pega.

Por lo que comienza con el diseño, papel y lápiz, es importante conocer el concepto de corporatividad, desde aquí puedes obtener los elementos que construyen el sitio, no hablo de textos o fotos, sino de colores, formas, botones, etc, (me gustan los ejemplos) Ejemplo, Coca Cola jamás usara un diseño que no se vea como Coca Cola, luego el contenido se ajusta al diseño, fotos, textos, etc, se integran.

Importante, menos es mas, entre mas simple sea el diseño, mejor es el resultado.

Luego con tu bosquejo de cómo se verá, defines que herramienta es util para producirlo, eso quiere decir que debes conocer alguna herramienta, tal como paso con la etapa de diseño, puede ser que solo con html y una buena hoja de estilo obtengas un sitio excelente, o si ya tienes tu versión de Flash, puedas entregar cierta interacción, o mas ambicioso, mezclar las habilidades, flash + php + mysql, etc.

(Ojo, los motores de búsqueda no leen los textos contenidos en un swf, peras con manzanas)

En fin, como puedes observar, se requiere separar ambas partes y conocer que te entregan cada una de ellas

Sara Bertomeu Muria
Catalán nivel b ayuntamiento deltebre
Escrito por Sara Bertomeu Muria
el 26/05/2009 | Nivel Básico

Hola alejandro, yo ya tengo creado con dreamweaver una web, de fotos y texto, nada del otro mundo, pero al colocarlo en el servidor la web de index. Html se me queda a 0 kb, no m sube y unas pag suben y otras no. M puedes ayudar? Otra cosa, q diferencia hay entre colocar y obtener?

Alejandro Kaltazor
Tecnico pc - redes lan nobell cenet (u...
Escrito por Alejandro Kaltazor
el 26/05/2009 | Nivel Básico

Saludos Sara, me imagino que estas ocupando algun gestor de ftp para subir o bajar tus archivos al servidor, cuando se trata de subir, significa que colocas en el servidor los archivos, suma todos los sinonimos, y lo contrario es bajar los archivos del servidor a tu pc, o sea obtener.

Sobre el tema de que tu index. Html suba y veas tamaño cero, necesito mas datos, ¿Cuanto pesa tu index?, ¿Que programa usas para subir tus archivos? , si me envias mas información puedo acercarme mas a una respuesta que te resulte util.

Erick Ugarte
Administración de negocios internacion...
Escrito por Erick Ugarte
el 28/05/2009 | Nivel Básico

Hola Alejandro no existe un manual donde te explico como diseñar una web correctamente , no creo quehaiga lo que puedes hacer y te recomiendo es usar otro medios como Videos tutoriales, por eos te reocmiendo uan website en especial odnde puesde aprender mucho ya que te explica tema por tem y cada tema tiene un video https://www.aulaclic.es/ ahora te reocomiendo que uses el youtube ya que no solo sirve para ver videos curiosos si no que tambien hay buenos temas de web designer, y temas faciles de seguir esa es la ayuda que puedo darte. Y s i tienes alguna duda hazmela saber.


Atte: Erick Ugarte

Webmaster.

Alejandro Kaltazor
Tecnico pc - redes lan nobell cenet (u...
Escrito por Alejandro Kaltazor
el 28/05/2009 | Nivel Básico

Erick, agradesco tu interes en participar, pero si revisas el texto no busco un manual, sino aportar a dar una respuesta para aquellos que si lo buscan, usualmente daba como respuesta algun sitio donde buscar informacion, cristalab era fijo, pero no tardaban en volver y con una desorientación producto de que la mayoria que consulta no son ni diseñadores ni programadores, lo que intento es responder lo mas simple posible, sin utilizar vinculos o palabras que solo las sabe el profesional, agradeceria enormemente que fueramos alimentando ese texto.

Carlos Ferrero
Analista de sistemas universidad nacio...
Escrito por Carlos Ferrero
el 05/06/2009 | Nivel Básico

Tienes razón Alejandro, y eso que no entramos en el tema de USABILIDAD.

Deverlin Monasterio
Maestria en educación universidad expe...
Escrito por Deverlin Monasterio
el 06/06/2009 | Nivel Básico

Hola Alejandro, buen tema y puntos a tratar , ya que se necesita ampliar y mejorar la información. Estoy interesada en crear páginas Web para comunicarme y efectuar evaluaciones a mis estudiantes a todo nivel, me podrás guiar?.... Te lo agradecería.
Estamos en contacto. Deverlin M. - Venezuela.

Esperanza Arriaza M.
Guatemala, Guatemala
Escrito por Esperanza Arriaza M.
el 07/06/2009 | Nivel Básico

Hola Alejandro, creo que te confundiste. No es lo mismo una página Web y un sitio Web. Un sitio Web es todp lo que está detrás de una página Web. Y en cuanto a manuales para diseñar páginas Web desde cero en internet hay muchísimos. Acuérdate que la página web solo es la fachada

Alejandro Kaltazor
Tecnico pc - redes lan nobell cenet (u...
Escrito por Alejandro Kaltazor
el 07/06/2009 | Nivel Básico

Excelente acotación, y esa es la intension de este debate, complementar y corregir, tal como la de Carlos, agradeceria que me ayudaran en la construcción de este texto.

Deverlin, el tema que propones es muy interesante, sería ideal que comenzaras un Debate y asi podremos ayudar

Esperanza Arriaza M.
Guatemala, Guatemala
Escrito por Esperanza Arriaza M.
el 07/06/2009 | Nivel Básico

Me da gusto poder ayudar en algo Alejandro. Puedes comenzar por decirnos realmente cual era la idea original, Alejandro. Igual y a lo mejor también vas a tener que eliminar el debate en caso de que quisieras referirte exclusivamente a las páginas web y no a los sitios web.

Alejandro Kaltazor
Tecnico pc - redes lan nobell cenet (u...
Escrito por Alejandro Kaltazor
el 08/06/2009 | Nivel Básico

La idea es dar una explicación lo mas simple posible a la pregunta, no para quien conoce sino para aquellos que no saben, e incluir un apartado para referirnos al sitio web tambien sería importante, pues muchas de las preguntas que hacen se refieren a cubrir necesidades inmediatas, he recogido las sugerencias y estoy redactandolas (paciencia ke debo trabajar tambien), luego cerraremos este Debate y comenzaremos uno nuevo con la nueva información, al final podremos agregar un nuevo manual construido por todos.

Alejandro Kaltazor
Tecnico pc - redes lan nobell cenet (u...
Escrito por Alejandro Kaltazor
el 08/06/2009 | Nivel Básico

Respondo un privado: Sitio Web es donde alojas las paginas web, estamos hablando de servidores, dominios, etc y debe ser gestionado, las paginas web es lo que ves, textos, graficas, dinamicos o estaticos.

Garo Reyes Olivares
Tecnico en construccion de interiores ...
Escrito por Garo Reyes Olivares
el 08/06/2009 | Nivel Básico

Entrete y diadactico, manos a la obra

Irma Villa
Solo tengo experiencia por lo que he ...
Escrito por Irma Villa
el 08/06/2009 | Nivel Básico

Hola alejandro ;
me gustan tus ojos
yo actualmente tengo un negocio y me gustaria crear mi propio web site no tengo idea de como hacerlo y me gustaria que me ayudaran gracias por todo. Ya tengo mi dominio

Carlos Ferrero
Analista de sistemas universidad nacio...
Escrito por Carlos Ferrero
el 09/06/2009 | Nivel Básico

Creo que habria que hacer mas aclaraciones, por lo menos a mi entender:
SITIO WEB :conjunto de paginas web con un relación no solo vinculante por link, sino por cenceptos, los cuales pueden ser complejos o no, por ejemplo un sitio web personal, puede contener 3 paginas, una de inicio o home page, otra donde doy a conocer mis gustos y otra que puede ser un formulario para enviarme comentarios, esto ya es un sitio web, uno mas complejo seria el de una empresa.
HOSTING : servidor que contiene a mi sitio web, este es el que necesita mantenimiento, es decir subir, modificar alguna pagina existente, etc. Este hosting generalmente proporciona soporte para email (servidor de mail) con accesos por webmail. Tambien puede dar soporte para Bases de Datos (MySQL, PostgreSQL, MSSQL, etc.)
PAGINA WEB : cada una de las partes que conforman un sitio web, puede contener programacion, flash, imagenes, consultas a bases de datos, formularios, etc. Esta es la parte visible en el browser.

Creo que aclarado esto podemos empezar por lo basico, armar una pagina web, aclaranco que existen dos tipos basicos, estáticas y dinámicas , estas últimas son con acceso a bases de datos.

Bueno por ahora dejo esta pequeñas aclaraciones, que creo pueden ser de ayuda.

Beatriz Hoffmann
Profesorado de física ipa
Escrito por Beatriz Hoffmann
el 09/06/2009 | Nivel Básico

Gracias Carlos..... A mi me sirvió........ Pero..... Si quiero hacer un sitio web mio por donde empiezo :(

Beatriz Hoffmann
Profesorado de física ipa
Escrito por Beatriz Hoffmann
el 09/06/2009 | Nivel Básico

Entre para ver tus cursos pero me perdí un poco.................. Que me aconsejarías para ubuntu?

Beatriz Hoffmann
Profesorado de física ipa
Escrito por Beatriz Hoffmann
el 09/06/2009 | Nivel Básico

Mi anterior pregunta fue para Erick

Alejandro Kaltazor
Tecnico pc - redes lan nobell cenet (u...
Escrito por Alejandro Kaltazor
el 09/06/2009 | Nivel Básico

Excelente Carlos, con respecto a tu pregunta Beatriz, Ubuntu es un sistema operativo grandioso, la pregunta es ¿Que quieres hacer en el? , por ejemplo si tu fuerte es el diseño o la programación, pues todas las herramientas se encuentran en la distribución, si comienzas desde cero es bueno saber cuales son tus fortalezas ya que de esa manera uno puede orientar de mejor manera

Karina Terrazas
Chihuahua, México
Escrito por Karina Terrazas
el 10/06/2009 | Nivel Básico

Olaa me estaban comentado qeu con power point tambien se puede diseñar una pagina web y si realmente me puse hacer lo y comprobe que si pero no salen muy bien que digamos faltan herramientas para que quede bien hecha o talvez no supe como elaborarla bien,tu que opinas sobre esto