Anuncios Google
Diseñar Web
Mié, 2010-02-17 04:39 — burnxez
Buenas, pues tengo 2 semanas para aprender a diseñar una web desde cero xD
Me preguntaba que es lo que se necesita saber.
Sé que necesito saber html y css, ¿Qué otra cosa?
Actualmente la web esta enteramente hecha en flash algún buen tutorial que me indique como manejar flash?
¿Cómo puedo crear un tipo "respaldo" para hacer cambios en ella mientras no se aprecien en la verdadera?, tipo labs...
Pues creo que por ahora seria todo, la verdad es que ando muuuy perdido, a ver si alguién puede apuntarme en la dirección correcta.
Saludos.
Anuncios Google
- Inicie sesión o regístrese para enviar comentarios
- 2300 lecturas
El software, código fuente, logotipos y marcas contenidos en este sitio web son propiedad de sus respectivos dueños y están, o pueden estar, sujetos a derechos y/o licencia de uso. Los anuncios, banners y la publicidad son propiedad y responsabilidad de los anunciantes. Los envíos y publicaciones, salvo indicación expresa en contra, son propiedad y responsabilidad de quien los realiza. El resto de publicaciones, elementos gráficos y contenido es propiedad de "SB IT MEDIA, S.L.".
SceneBeta.com, 2005 - 2018
Contactar con www.SceneBeta.com - Información legal, términos y condiciones de uso - Política de privacidad - Política de cookies
Mmmm... 2 semanas para
Mmmm... 2 semanas para aprender a crear una web desde cero? Me suena a trabajo del instituto jajaja.
Yo creo, que si sólo tienes 2 semanas y es desde 0, deberías olvidarte de CSS y centrarte en HTML. Con el dreamweaver puedes hacer una web sencillita pero completa en poco tiempo, si tener que saber siquiera lenguaje HTML.
De verdad, si solo tienes 2 semanas, abarca poco pero curratelo, que si quieres hacer mucho... al final tendrás de todo pero chapucero máximo :P
Nada de instituto
Ya quisiera yo que me dejaran este tipo de trabajos/proyectos xDD
Actualmente nos están enseñando como utilizar Word (2º Semestre de Bachillerato) cosa que me han venido enseñando desde que estaba en 1º de Primaria...
Mas bien es un reto personal :-P
Como dije más abajo, no tengo interes alguno en usar "herramientas" como DreamWeaver, me voy directo el código en ficheros de texto, quizá es un efecto secundario de usar Linux xD
Gracias por el consejo ;-)
Saludos.
Llamame loco
Pero, siendo mas un reto personal. Me preguntava porque no optas por usar un gestor de contenidos como drupal y meterle mano poco a poco para adptarlo a tus necesidades.
Digo yo que en dos semanas echando una horilla al dia, te da tiempo de sobra a dejar listo un proyecto no muy complejo.
Sé que es off topic pero...
Sé que es off topic pero gracias por acordarte de que hay gente que se procupa por tí cuando desapareces sin dejar rastro y te pasas a dejar un post para avisarnos de alguna forma que sigues bien...
Un saludo :)
-----[[7 años en Scenebeta, con la misma ilusión que la del primer día]]----Hecho
Porque ya lo he hecho xD
He metido Drupal, Joomla y WordPress, el sitio web desde 0 es lo siguiente en la lista :-P
Por cierto, ¿Qué pasa estos dias en SceneBeta? Primero GorristeR regresa, luego Pana y ahora aquí estás tú, esto se pone cada vez mejor :D
Saludos.
En mi caso pedire paciencia
Una serie de complicados temas personales me han obligado a tomarme una amplia temporada sabatica. Personalmente considero que html y css como "complemento" valen. Pero tal como van las cosas imprescindible a dia de hoy para una web es apoyarse en una base de datos y contenidos dinamicos.
Si le sumas el efecto redes sociales y la interaccion entre plataformas y herramientas, acaba haciendose inviable un proyecto propio que no es compatible con nada de lo que te rodea.
WEB
Me alegro de oirte XD.
Esta vez no voy a estar de acuerdo contigo porque si miras alrededor verás que todas las paginas web grandes (Facebook, Flirk, Youtube, ...) estan hechas desde cero a medida. Nada de cojer CMS, eso no quita que se ayuden de codigo de otros. Lo que desea desarrollar de momento no necesita base de datos pero estoy de acuerdo contigo que en una web grande si se necesitaria y más si es dinamica. Aunque tambien he de recordar que un dia leí (no se si será verdad) que Google no usa base de datos para su buscador por ser "lentas".
EVO PSP = 2.01 > 2.60 > 1.5 > 3.02OE-A > 3.02OE-B > 3.03OE-A > 3.03OE-A' > 3.03OE-B > 3.03OE-C > 3.10OE-A > 3.10OE-A' > 3.52M33 > 3.52M33-2 > 3.52M33-3 > 3.52M33-4 > 3.71M33 > 3.71M33-3 > 3.7
hmm
Os enseñan Word en Bachillerato o_O
Yo en 4o eso he hecho Gimp, Audacity e Impress y justo hoy hemos empezado con el diseño y creacion de páginas web (fijate tú, me acordé enseguido de este post xD)
Mirandome el libro, haremos web con Dreamweaber (o como se llame) y NVU (libre y para linux también). La profesora nos dijo que integrariamos flash y video (aun no hemos hecho los respectivos temas). En fin, me interesaria mucho que nos enseñaran a hacer la web con código HTML directamente, ya te diré mañana.
Un saludo y suerte con la web
See
La calidad del sistema educativo de México en el área de informatica (y muchas otras) en su máxima expresión.
Ofimática: Microsoft Office, "Este semestre/bimestre/curso aprenderán a usar Word" Lo he oido cada nuevo periodo escolar desde hace 12 años
SO: Todo lo que se llame Windows, todo pirata claro... Mac, Linux, BSD no existen...
Imágenes: Phosotoshop, por supuesto que también es pirata... ¿GIMP? ¿Con que se come?
Programación: Pascal "Pascal es el futuro", ¿C/C++? ¿SDL? ¿OpenGL? "¿Qué fumaste?"
En fin, lo único que queda es jod... digo, aguantarse.
Ustedes tienen suerte, latín como segunda lengua, a nosotros con trabajos nos dan un Inglés chapucero "Whass jur neim?" aunque, pues parece que yo he tenido suerte ^_^
En fin...
Saludos.
No creo que le cueste. El
No creo que le cueste.
El tío es bueno en c/c++, aprenderse unos cuantos tags, no le costará trabajo :P
Desarrollo web
Leete los libros estos: http://librosweb.es/
Yo especialmente te recomiendo el de Introduccion a XHTML e Introduccion a CSS
Una vez recomendado esos libros me gustaria saber que tipo de web deseas construir:
Si es el primer tipo con XHTML (lenguaje de marcado) y CSS (estilos) tienes de sobra.
Si en cambio deseas una web dinamica tendrás que aprender, aparte de XHTML y CSS, un lenguaje de programacion que pueda ser usado en el servidor como puede ser PHP o C++ (o Ruby o Python o ... ). En entornos no no excesivamente grandes se suele usar PHP por su rapidez al escribir codigo. (Por ejemplo redes sociales como Facebook estan cambiandose a C++ para ser mas rapidas y eficientes).
Después si deseas añadir algun efecto a la web puedes hacerlo utilizando AJAX(Conjunto
de diversas tecnologias impulsadoas por Google en Gmail. Compite con
Flash) o librerias de Javascript como JQuery te queda webs chulas.
Yo no te recomiendo Flash por el tema de consumicion de recursos y necesidad de plugins para visualizar. Ademas si no se desarrolla correctamente será más lenta. Y otro punto en contra que le veo que es menos accesible aunque ultimamente esta mejorando este punto. (Si visitas las webs más populares podrás ver que no estan hechas en Flash eso no quita que tenga ciertos elementos flash como videos,...)
En mi opinion el uso de IDEs de desarrollos o como les querais llamar son buenos siempre y cuando los utilices como debes. Ya que te evitan cometer ciertos errores y sueles desarrollar más rapidamente.
Cuando empieces ha hacerla yo velaría por cumplir los estandares. Para ver si vas bien puedes ir validando la web a través de:
http://validator.w3.org/
y el CSS:
http://jigsaw.w3.org/css-validator/IE6
Como consejo además te digo que evites el uso de tablas y crees un codigo CSS correcto e intentando no utilizar hacks para algunos navegadores como IE6 que dan muchos problemas. No merece la pena darle soporte a este navegador si se ve bien pues eso que ganas y si se ve mal intenta arreglar lo mas que puedas y lo demas dejalo.
Otro consejo es que utilices XHTML 1.0 Transitional ya que es más permisivo.
EVO PSP = 2.01 > 2.60 > 1.5 > 3.02OE-A > 3.02OE-B > 3.03OE-A > 3.03OE-A' > 3.03OE-B > 3.03OE-C > 3.10OE-A > 3.10OE-A' > 3.52M33 > 3.52M33-2 > 3.52M33-3 > 3.52M33-4 > 3.71M33 > 3.71M33-3 > 3.7
Claro
Desde que me mostraste el sitio me he basado en el para ir aprendiendo, lo poco que se de html y css ha sido lo que he visto ahí.
En cuanto a tu pregunta, se trata de una página web para una tienda de comida, no se necesita mucho dinamismo (al menos no desde mi punto de vista) me imagino una pagina principal con un menu tipo social brain, diversas imagenes atractivas, y ya...
Como dije antes, la pagina (dezconozco quien la habrá desarrollado) esta hecha en un 90% con flash, lo cual no me gusta para nada y le propondré al dueño cambiarla por algo más llamemosle, "normal", html + css + imagenes + gif's, pero para esto, necesito llevar la página web hecha en un digamos, 20% de manera que pueda convencerle.
El validar el html lo tengo muy en cuenta ;-)
En cuanto a los IDE's como dije abajo, por el momento uso VIM y me va de 10, pero eso no descarta que un IDE puede ayudarme a hacer un mejor trabajo, ¿Recomiendas alguno en especial?
Por cierto, aprovecho para decir que Social Brain me esta siendo de mucha utilidad, espero no te moleste ;-)
Saludos.
Totalmente de acuerdo con lo
Totalmente de acuerdo con lo que dices excepto en lo de que AJAX compite con Flash, son 2 cosas diferentes que no tienen nada que ver en su forma de funcionar, Flash se ejecuta en el cliente y AJAX en una comunicación cliente/servidor.
Está claro que con Flash también se puede uno currar algo cliente/servidor, pero ambos proyectos llevan caminos diferentes. AJAX es una tecnología de comunicación, enviando/recibiendo datos en formato XML mediante XMLHttpRequest() por ejemplo.
Salu2.
LuaDiE: Crea en Lua sin teclear código. Compatible HM7, HMv2, LuaPlayer, LuaDEV y PGE.
AJAX vs Flash
Ya se que son dos cosas distintas pero lo que queria remarcar que en AJAX puedes crear efectos chulos que rivalizan con el aspecto visual de Flash
EVO PSP = 2.01 > 2.60 > 1.5 > 3.02OE-A > 3.02OE-B > 3.03OE-A > 3.03OE-A' > 3.03OE-B > 3.03OE-C > 3.10OE-A > 3.10OE-A' > 3.52M33 > 3.52M33-2 > 3.52M33-3 > 3.52M33-4 > 3.71M33 > 3.71M33-3 > 3.7
Pero si AJAX es un
Pero si AJAX es un PROTOCOLO, los efectos no se crean con él, sino con DHTML/CSS
Como dice pspgorrister
Como dice pspgorrister dejate de Dreamweaver y programas de diseño y usa Bloc de Notas o Notepad++(recomiendo este ultimo puesto que tiene resaltado de síntaxis). Aprende PHP, Css y HTML como minimo.
Si te interesase puedes aprender algo de Javascript, aunque no es esencial te puede ayudar a hacer algunas cosas que con HTML o PHP te costarían más.
Para hacer algo parecido a Labs solo necesitas crear otra carpeta dentro del servidot y subir los archivos de la web hay, para que tu puedas cambiar hay, verlo, etc pero si que los usuarios lo conozcan realmente.
Por ejemplo:
miweb.com
------index.html
------bkg.png
------------labs
------------------index.php
------------------bkg.png
Asi con poner miweb.com/labs podrás ver la página como queda con las modificaciones, luego cuando termines de editarla solo debes de descargarte los archivos de la carpeta labs y subirlos a la Raíz del dominio para que todo el mundo la vea. Si quieres puedes protegerla por contraseña, pero eso ya no se exactamente como hacerlo, siempre puedes probar a crear un script en PHP para este fin.Ω
=o
Vaya no es comlicado el flash simplemente dar los vinculos y eso y las animaciones con la practica lo haces de hecho yo lo utilizo para presentaciones en la escuela :P y he creado dos páginas para proyectos ojalá te animes no es muy difícil ;)
Saludos!
Mi consejo es que te dejes
Mi consejo es que te dejes de editores "vidafacil", especialmente el DreamWebo. Para proyectos serios y en los que quieras meter algo de PHP, no valen para nada, además guarrean el XHTML generado de forma increíble. Un editor de textos con el resaltado de sintaxis.
Tú que sabes programar no tendrás ningún problema, es como cuando escribes código, la aplicacion la tienes "en la mente" puedes visualizarla no necesitas el asistente de "Generar onclick" te lo trabajas tú.
Pillate plugins del firefox como "Web developer" que te permiten visualizar capas, modificar los estilos "on line" y un montón de cosas más. Intenta hacer las páginas compatibles XHTML, el HTML te va a dar más dolores de cabeza.
Usa SIEMPRE estilos en ficheros aparte, no metas nada de estilo en el HTML. Como ejemplo puedes ver la página de ZenGarden (http://www.csszengarden.com/), la gente envía ahí sus estilos (la lista de la derecha). Todas las páginas tienen el mismo HTML, sólo cambia el estilo. Y parecen páginas totalmente diferentes. Eso sí están todas tecleadas "a pelo". Eso con un DreamWebo no se puede hacer, DreamWebo piensa por ti y no te dejará xDD.
Y poco más, leer y documentarte :D
LuaDiE: Crea en Lua sin teclear código. Compatible HM7, HMv2, LuaPlayer, LuaDEV y PGE.
Paso de los editores
"Vidafacil", jamás he pensado en usar uno de ellos, me los han recomendado a montones pero fue una desición que tomé desde el principio.
Actualmente estoy usando Vim, el resaltado de sintaxis me gusta mucho :D
Veré lo de los plugins de firefox, la idea la tengo en la mente, pero no sé como plasmarla, quizá consultando diseños de otras webs pueda hacerme una idea.
En cuanto a los ficheros, y metiendome un poco más en ello, cual es la estructura adecuada para ellos, pues he visto infinidad, algunos manejan por ejemplo:
/index.html
/img/imagen.jpg
/css/syle.css
Otros meten el index.html dentro de una carpeta llamada html o en ocasiones llamada index, y la verdad que no me explico cual es la mejor, la estandar o la más recomendada.
Saludos.
Estándar
Como estándar no hay, yo suelo poner javascripts en js/, imágenes en img/ y estilos es css/, eso me permite tenerlo todo más organizado, pero no tienen porqué llamarse así y pueden estar todos en el raíz. Eso es cuestión de gustos y organización de cada uno, lo que si que hay que procurar es meter todo lo que sea de un tipo en el mismo sitio, es decir los estilos o se ponen en el raíz o en css/ por ejemplo, pero no la mitad en uno y la otra en otro.
Otra cosa es tener coherencia en el nombre de los ficheros, por ejemplo usar un tipo de barra "_" ó "-" como separador, da igual el que se use pero usar SIEMPRE el mismo, sino al la larga es un follón. estilo-oscuro.css, estilo-claro.css, estilo-minimalista.css, etc.
Esto parecen los consejos de la abuela, pero no seguir algo tan simple puede crear horas de pérdida de tiempo intentando encontrar porqué no funciona un estilo.
LuaDiE: Crea en Lua sin teclear código. Compatible HM7, HMv2, LuaPlayer, LuaDEV y PGE.
Gracias
Como es usual, tus comentarios valen oro, muchas gracias ;-)
Saludos.
Depende del programas ke kieras utilizar
Yo tb estoy como tu y kiero crear una página tengo varios prgramas y estoy cojiendo apuntes y eso,
Html-Kit, Dreamweaver, WYSIWYG Web Buileder 6 estos son los ke yo estoy mirando, hay muchos más.
Hay varios tutoriales en la red si pones como crear tu web tendras una pagina en donde t enseñan paso a paso como se hace, en código HTML, con el programa Html-Kit, si buscas por ejemplo en google aulaclic esta el tutorial de Dreamweaver ke es más exhaustivo y completo y el Web Builder es el más práctico de los tres ke t digo es mucho mas visual y n necesitas saber el código HTML. El hacerla creo ke es bastante simple creo ke lo mas compicado es alojarla pero bueno espero ke en eso t ayuden los ke saben, jeje.
Este es mi aporte espero ke t sea de ayuda.
P.D.:En aulaclic hay tutoriales de flash tb.
Firma editada por contravenir las normas de scenebeta.com, antes de agregar una nueva firma, por favor reviselas. Gracias.