Foros del Web » Creando para Internet » Diseño web »

Empezar a hacer una web, desde 0

Estas en el tema de Empezar a hacer una web, desde 0 en el foro de Diseño web en Foros del Web. Bueno me presento, ya que soy nuevo en este foro. Hola, Mi idea es poder hacer un web con dreamweaver, pero la verdad es que ...
  #1 (permalink)  
Antiguo 22/10/2009, 03:34
Avatar de neon261979  
Fecha de Ingreso: octubre-2009
Ubicación: Barcelona
Mensajes: 195
Antigüedad: 8 años, 1 mes
Puntos: 0
Empezar a hacer una web, desde 0

Bueno me presento, ya que soy nuevo en este foro.

Hola,
Mi idea es poder hacer un web con dreamweaver, pero la verdad es que no tengo ni idea de que pasos a seguir. no se si me explico.
Tengo un blog, pero eso me limita mucho sobre lo que podria hacer, por eso me decidi a hacer una web.
No he echo nunca una, y no se como hacerlo.
Por favor necesito vuestra ayuda .
De dreamweaver tampoco no tengo ni idea pero si se que es uno de los mejores para hacer paginas web, lo que no se si lo tengo que compaginar con algun otro programa o no.
En fin espero vuestra ayuda, gracias.
  #2 (permalink)  
Antiguo 22/10/2009, 09:22
Avatar de dggluz  
Fecha de Ingreso: abril-2009
Ubicación: Buenos Aires, Argentina
Mensajes: 525
Antigüedad: 8 años, 7 meses
Puntos: 50
Respuesta: Empezar a hacer una web, desde 0

Bienvenido Neón. Lo primero que tienes que hacer es averiguar qué es un sitio web. Aprender código HTML, CSS y luego decidir qué quieres hacer para tu sitio (¿quieres que sea dinámico o estático? ese tipo de cosas varían mucho). Luego, debes decidir qué tecnologías usar para tu proyecto; luego aprender a menejar esas tecnologías, y por último hacer el sitio. Parece mucho, ¿no? Pero estás en el lugar indicado para aprender.
Empiezo por darte una ayuda. Un sitio web es un conjunto de páginas web accesibles desde internet a través de un dominio. Vamos por partes: el dominio es el "nombre web" con el que se asocia tu sitio: por ejemplo, el dominio de este sitio es "forosdelweb.com". Cuando algún usuario intenta ingresar a ese sitio, un sistema de computadoras lo redirigen hacia otra que es la que "tiene" el sitio web. En general, podríamos acceder a los sitios web conociendo sus ips (identificadores de las computadoras en las redes), pero como estos son números largos y difíciles de recordar, se implementaron los dominios. Una vez que el navegador del usuario se conecto con la computadora que contiene el sitio web (de ahora en adelante la llamaré "sevidor"), le "pide" una página web. Por defecto, la página web que devolverá el sitio es la de inicio (que suele llamarse index). Para averiguar más sobre los dominios, investiga sobre los DNS. De todos modos, no te concentres demasiado en ello, que no hay mucho que hacer, sólo lo puse para que entendieras "cómo funciona".
Una página web es un archivo de texto con código HTML. Los navegadores "interpretan" esas páginas y las muestran según lo que digan. Es en ello en lo que debes concentrarte y aquí es imprescindible que investigues sobre HTML; hay montones de manuales al respecto, incluso en este foro. Comienza a hacer algunas pruebas en tu computadora.
Luego necesitas saber qué quieres exactamente hacer para orientarte (si es necesario) a la programación.
Dreamweaver es sólo un editor de páginas web; recuerda que una página web eso sólo un archivo de texto plano, así que podría escribirse usando sencillamente el notepad. Sin embargo, la mayoría decidimos a usar un editor de texto que nos resalte el código (entre otras muchas cosas). Pero usar Dreamweaver no es algo que "tengas que aprender" para hacer un sitio web.
Podría seguir contándote acerca de la programación, ¡pero creo que con esto tienes suficiente para investigar!
¡Mucha suerte!
  #3 (permalink)  
Antiguo 22/10/2009, 09:48
Avatar de neon261979  
Fecha de Ingreso: octubre-2009
Ubicación: Barcelona
Mensajes: 195
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Empezar a hacer una web, desde 0

Buff me acabas de matar.
Bueno a ver vamos por partes, el codigo html mas o menos se como va, porque tenia que jugar un poco con el , en un blog que tengo, jos-blogg.blogspot.com , la pagina que quiero hacer es mas o menos como esa pero mas bonita y con mas contenido y mas variado, en lo que a temas se refiere.
Luego que diferencias hay entre dinamica o estatica? el css que es y para que sirve?
Yo ahora estoy intentando aprender como va el dreamweaver cs4 pero de momento me estoy volviendo loco.
Con este programa se pueden hacer paginas web y no hace falta que sepa mucho de html no? porque el mismo ya te va poniendo las etiquetas y todo.
En fin ves un poco mas adelante, porque no es que no sepa nada de nada, se poco pero algo se.
De todas formas estoy en vuestras manos , a ver si sacais una persona de provecho en lo que a diseño y paginas web se refiere jejeje.
Muchas gracias.
  #4 (permalink)  
Antiguo 22/10/2009, 13:54
Avatar de dggluz  
Fecha de Ingreso: abril-2009
Ubicación: Buenos Aires, Argentina
Mensajes: 525
Antigüedad: 8 años, 7 meses
Puntos: 50
Respuesta: Empezar a hacer una web, desde 0

Lo más importante es tu voluntad de aprender.
Sabes por ejemplo que para escribir un link en HTML debes usar el tag "a", pues bien ¿cómo haces si quieres darle otro color, o más general, otro estilo a ese link? Puedes hacerlo escribiendo más código HTML, o (la forma correcta) con CSS. Me explico un poco mejor: hay una tendencia en el diseño web (y es una tendencia tan fuerte que se considera una buena práctica) que es separar las cosas: por un lado está el contenido de la página, y por otro el diseño. Así es que CSS es un lenguaje creado para poder especificar el diseño de un sitio web. El css puede se incrustar dentro del archivo HTML o puede estar en un archivo aparte, con extensión .css. Imagina que quieres que el fondo de tu página sea azul y la letra gris. Con HTML puro eso sería algo como:
Código HTML:
<html>
	<head>
    </head>
    <body bgcolor="#0000FF">
    	<font color="#999999">
        	Texto de ejemplo
        </font>
    </body>
</html> 
Con HTML y CSS quedaría así:
Código HTML:
<html>
	<head>
    	<style>
			body
			{
				background-color:#0000FF;
				color:#999999;
			}
		</style>
    </head>
    <body>
       	Texto de ejemplo
    </body>
</html> 
Esto te permite ver exactamente dónde está el estilo y dónde el contenido. Lo que casi siempre se hace es separar el sitio en archivos HTML y archivos CSS, lo que quedaría algo como:
ejemplo.html:
Código HTML:
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="estilos.css" />
    </head>
    <body>
       	Texto de ejemplo
    </body>
</html> 
estilos.css:
Código:
body
{
	background-color:#0000FF;
	color:#999999;
}
Imagina que quieres cambiar el diseño de todo tu sitio... teniendo el estilo en un archivo y el contenido en cada página, lo único que debes modificar es el archivo del estilo (el CSS). Siempre y cuando "incluyas" siempre el archivo CSS en todas tus páginas HTML (lo que hago con el tag link en el ejemplo).
Para averiguar más puedes leer las FAQs de HTML y de CSS de este foro.

Una página estática es aquella que no cambia, que se mantiene siempre igual. Una página dinámica es una que va modificando su contenido, por ejemplo este foro. Te imaginarás que no hay nadie escribiendo todo el tiempo en HTML puro los mensajes de cada uno, sino que uno simplemente los "postea" y hay "algo" que se encarga del resto de la magia. Bueno, para eso necesitas programación del lado del servidor. Pero eso es mucho más complejo (no inalcanzable, pero necesitas afianzarte un poco con los conocimientos básicos de HTML). Los lenguajes de programación del lado del servidor son PHP, ASP, Java (JSP), etc. Los programas del lado del servidor se ejecutan justamente en la computadora que hace de servidor.También hay programación del lado del cliente que la ejecuta (en realidad los interpreta) el navegador del visitante de la página (ésta es la que hace la magia de las animaciones - a menos que sean gifs animados -, entre otras cosas). Los lenguajes de programación son JavaScript y ActionScript (ActionScript sólo sirve para páginas hechas en FLASH).

Espero no haberte saturado de información.

Ten en mente que lo primero es lo primero y que no se puede aprender todo en un sólo día, y que hacer un sitio complejo puede llevar varios meses. Pero tómatelo como un desafío personal, no te desanimes y verás cómo comienzas a hacer cosas increíbles. Cualquier cosa no dudes en preguntar.

¡Ah!, me olvidaba: en Dreamweaver tienes en el menú Ver las opciones Código, Diseño y Código y diseño que te permiten alternar las vistas. Así será mucho más fácil que puedas ver qué estás haciendo. No te preocupes si encuentras TAGs que no entiendes, que muchas veces los agrega Dreamweaver para cumplir con estándares web (ni te preocupes en averiguar qué significa eso a esta altura). Prueba tocando el código y viendo cómo afecta eso en la visualización de la página. ¡Mucha suerte!
  #5 (permalink)  
Antiguo 22/10/2009, 21:42
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: Empezar a hacer una web, desde 0

Todavía pareces muy cachorro, suenas como si nisiquiera supieras lo que quieras hacer. No es lo mismo usar y modificar una aplicación prefabricada como un blog y hacer algo desde cero. Tienes dos opciones. La primera: emprender el largo camino del aprendizaje, con lo cual deberías empezar por HTML y CSS, para luego con JavaScript, PHP y MySQL o seguir con las aplicaciones prefabricadas. Tú decides. Talvez deberías averiguar algo de wordpress, es muy versátil y existen muchos plugins con los cuales incrementar su funcionalidad, aparte que hay muchos temas gratuitos. Y todo sin saber programar. Talvez sería tu mejor alternativa por el momento.
  #6 (permalink)  
Antiguo 23/10/2009, 01:23
 
Fecha de Ingreso: enero-2007
Mensajes: 23
Antigüedad: 10 años, 11 meses
Puntos: 2
Respuesta: Empezar a hacer una web, desde 0

Yo te recomiendo empezar a hacer webs con frontpage. Tiene un sistema muy parecido al word, le vas a agarrar la mano fácil. Despues cuando tengas tu primer página html lista en frontpage guardala y analizá el codigo, fijate como los formatos cambian con respecto a cada tag.

Es la forma de empezar BIEN PERO BIEN desde el principio... así aprendi yo
  #7 (permalink)  
Antiguo 23/10/2009, 01:24
Avatar de neon261979  
Fecha de Ingreso: octubre-2009
Ubicación: Barcelona
Mensajes: 195
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Empezar a hacer una web, desde 0

Gracias pero prefiero ir poco a poco investigando con el dreamweaver y ir aprendiendo de los problemas que me salgan.
Sino no aprendere nunca.
Si existen tutoriales de todo eso que me has dicho, me podrias dar un enlace o algo?
Y explicarme como se puede implementar todo eso con dreamweaver??
Ir explicando que soy una esponja.
  #8 (permalink)  
Antiguo 23/10/2009, 08:32
 
Fecha de Ingreso: agosto-2008
Mensajes: 29
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: Empezar a hacer una web, desde 0

hola, y lo primero animo con el empeño...
solo una puntualizacion si quieres aprender y aprender bien deja dreamweaver y empieza a escribir el codigo en un bloc de notas, si no sabes lo que te escribe el dreamweaver nunca aprenderaz a seguir si el ... empiza con mucha pacienci y a escribir cosas sencillas, como Hola mundo.. cambiar color css div....pero sobre todo mucha calma y manual..

Mikel
  #9 (permalink)  
Antiguo 23/10/2009, 08:58
 
Fecha de Ingreso: octubre-2009
Mensajes: 232
Antigüedad: 8 años, 2 meses
Puntos: 3
Respuesta: Empezar a hacer una web, desde 0

si primero seaprende elcodigo y luego dreamweaver
  #10 (permalink)  
Antiguo 23/10/2009, 09:19
Avatar de dggluz  
Fecha de Ingreso: abril-2009
Ubicación: Buenos Aires, Argentina
Mensajes: 525
Antigüedad: 8 años, 7 meses
Puntos: 50
Respuesta: Empezar a hacer una web, desde 0

Pues, como dice mikelatx es muy probable que lo más conveniente sea empezar con el bloc de notas. Tienes que tener muy en mente que una página HTML es un archivo de texto plano, entonces, ¿por qué no empezar con el bloc de notas?
Para comenzar y entender bien qué ocurre puedes hacer algunas pruebas. Comienza por abrir el bloc de notas y pega lo siguiente:
Código HTML:
<html>
<head>
<title>El titulo de tu pagina</title>
</head>
<body>
Esto aparece en tu pagina<br /><b>Te gusta en negritas?</b>
</body>
</html> 
Ve a "guardar como" y en "tipo" selecciona "todos los archivos". Luego guarda la página como "prueba.html" en la carpeta que gustes. Te tiene que haber aparecido en esa carpeta el archivo con el ícono de tu navegador predeterminado. Dale doble click y ¡CHARÁN!: estás viendo tu página. Prueba modificar las cosas desde el bloc de notas a ver qué ocurre. Y consulta manuales. Comienza si quieres con htmlya(.)com(.)ar. Los puntos los puse entre paréntesis porque aún no puedo poner enlaces. Luego puedes seguir con CSSYA(.)com(.)ar. Recuerda que lo más importante son tus ganas de aprender.
Dices que ya sabes algo de HTML; pues entonces afianza un poco más tus conocimientos. Haz pruebas y cualquier cosa pregunta que estamos para ayudar.
Recuerda que el Dreamweaver no es lo importante; de todos modos, si quieres usarlo haz lo siguiente:
Abre el Dreamweaver, en el cuadro de "Nuevo documento" elige "Página en blanco", "Tipo de página": "HTML" y "Diseño": "<ninguno>" (según tu versión de Dreamweaver, puede variar eso un poco" y luego click en "Crear". Te abrirá el documento nuevo. Ve al menú "Ver"->"Código y diseño"; te dividirá la pantalla en dos: la parte de arriba es el código, la de abajo es una "muestra" de cómo se vería. Borra el código que haya y copia el que puse antes, guarda la página en la carpeta que quieras y abrila con un navegador (después de todo, los usuarios la verán con un navegador). Luego haz muchas pruebas.
La mayor diferencia que encontrarás entre usar sólo el bloc de notas y el Dreamweaver es que el último te colorea la sintaxis.
De todos modos tiene que quedar en claro que el archivo que generes (la página) será lo mismo usando cualquiera de esos programas.
¡Suerte!
  #11 (permalink)  
Antiguo 23/10/2009, 09:54
Avatar de cristian_db  
Fecha de Ingreso: julio-2009
Mensajes: 105
Antigüedad: 8 años, 4 meses
Puntos: 4
Respuesta: Empezar a hacer una web, desde 0

Yo te recomiendo que uses el Notepad ++, es como el bloc de notas de Windows, pero este esta destinado a programar, ya que colorea la sintaxis de los lenguajes, como PHP, JavaScript, HTML, etc.
  #12 (permalink)  
Antiguo 02/11/2009, 17:19
 
Fecha de Ingreso: julio-2005
Mensajes: 304
Antigüedad: 12 años, 5 meses
Puntos: 4
Respuesta: Empezar a hacer una web, desde 0

Bueno te recomiendo librosweb.es, lo puso un compi en otro post y lo veo muy interesante. Empieza con xhtml y css.

Aunque dreamweaver es muy útil y lo uso por que practicamente voy visualizando lo que voy haciendo, te recomiendo que empieces a escribrir código sin ayuda de ningún editor para que te familiarizes, luego uses el editor que más te guste.
  #13 (permalink)  
Antiguo 02/11/2009, 17:47
 
Fecha de Ingreso: septiembre-2009
Ubicación: Guanajuato
Mensajes: 196
Antigüedad: 8 años, 3 meses
Puntos: 3
Respuesta: Empezar a hacer una web, desde 0

Que tal. Pues yo estoy aprendiendo con dreamweaver, si quieres te puedo ayudar a hacer sin que me pagues, solo para ganr experiencia

Que te parece, mandame un mail a: [email protected]
  #14 (permalink)  
Antiguo 02/11/2009, 19:40
Avatar de flaviovmr  
Fecha de Ingreso: octubre-2009
Ubicación: Guatemala
Mensajes: 92
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Empezar a hacer una web, desde 0

Hola que tal, solo te quería dejar por aquí unos pequeños cursos que a mi me ayudaron bastante a aprender a diseñar páginas web, así como a mi me sirvió, espero que a ustedes también les sirva.

No dejo links, por que aún no puedo poner, pero dejo urls para que las copien y peguen en su navegador favorito...

Código:
Introducción a (X)HTML megaupload.com/?d=CPRVZDOF
Introducción a JavaScript megaupload.com/?d=4RYK647Q
Introducción a Ajax megaupload.com/?d=KON30V9I
Manual de PHP completo megaupload.com/?d=KON30V9I
Espero les sirva a los que están empezando. No he encontrado el de css, pero en cuanto lo tenga lo subo. Saludos
  #15 (permalink)  
Antiguo 09/11/2009, 18:42
 
Fecha de Ingreso: julio-2005
Mensajes: 304
Antigüedad: 12 años, 5 meses
Puntos: 4
Respuesta: Empezar a hacer una web, desde 0

flaviovmr el enlace para php y el de ajax es el mismo

Última edición por lynxstyle; 10/11/2009 a las 18:31
  #16 (permalink)  
Antiguo 10/11/2009, 15:55
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Empezar a hacer una web, desde 0

Hola:

Cita:
Iniciado por lynxstyle Ver Mensaje
flaviovmr el php y el ajax es el mismo
Menos mal que vi el mensaje anterior, casi me da una "paratequieto" pensando que te referías a que php y ajax era lo mismo

Saludos.

  #17 (permalink)  
Antiguo 10/11/2009, 18:30
 
Fecha de Ingreso: julio-2005
Mensajes: 304
Antigüedad: 12 años, 5 meses
Puntos: 4
Respuesta: Empezar a hacer una web, desde 0

jajajajaja, la verdad que si lo lees sin ver el anterior parezco un ceporro, bueno lo edito para evitar confusiones no vaya a ser que me den caña.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 19:26.