AYUDA con creación de web.

elijo_otro · #1 (**permalink**) 20/01/2009, 13:12

Hola, soy nuevo, así que ante todo, felicidades por la web!

Y bueno, perdón por si el post no va donde debiera.

Bueno, pues resulta que he estado mirando y buscando información sobre como crear una web, y la verdad es que he encontrado tantas cosas que no saco nada en claro. Un amigo me recomendó esta página, así que os planteo mis dudas a ver si me podéis guiar un poco hacia "la luz"

En una asignatura hicimos "una página" con su carrito de la compra, sus idiomas, etc., pero vamos, era mas copiar-pegar que otra cosa, así que no aprendí mucho que digamos, y bueno, luego esta la cuestión legal, la seguridad y demás, por lo que esta idea la descarto.
Así que básicamente, me gustaría hacer una web para mi tienda, algo sencillo, pero vistoso y no se por donde empezar. Lo que no quiero es que sea algo en plan cutre, tipo las que hacen con frontpage los niños de 12 años.

Lo único que tengo mas o menos claro es que creo que no voy a poner nada de flash (a no ser que me recomedeis lo contrario). ¿que me recomendáis? ¿por donde empiezo? ¿php y css?

Un saludo, y gracias de antemano! :D

lucasan · #2 (**permalink**) 20/01/2009, 14:32

Yo te recomendaría este orden:

1. Aprende Xhtml http://librosweb.es/xhtml/index.html

2. Aprende CSS http://librosweb.es/css/index.html

3. Monta tu sitio con una tienda prefabricada, puede ser Joomla con Virtuemart, Wordpress con wp-ecommerce, os-commerce, magento (Busca esos nombres en google).

4. Con los conocimientos de Xhtml y Css empieza a modificar el aspecto de la tiendas que montes.

Hacer una desde cero en PHP, Xhtml y CSS es muy complejo, y para que hacerlo si ya hay muchos que lo han hecho antes y permiten que lo usemos.

(le belleza del software libre)

Saludos

elijo_otro · #3 (**permalink**) 20/01/2009, 15:00

Hola, gracias por responder. ¿entonces es muy complejo? Si lo que quiero es hacer algo sencillito, sin tienda, carrito ni historía. Solo un portal con información, alguna foto, y poco mas, eso si, me gustaría que cumpliendo los estandars que (creo) que hay (de ancho, resolución y eso) ¿de eso donde me puedo informar?
Algo parecido a granalogic.es (es del colega que me recomendó esta web ;)), pero sin zona de clientes ni nada.

Saludos, y gracias.

daPhyre · #4 (**permalink**) 20/01/2009, 15:14

No será muy complejo, como dicen, solo debes aprender XHTML + CSS.

Estándares de tamaño no existen en realidad. De hecho lo más recomendado es que hagas páginas de diseño líquido (Que se ajusten automáticamente al ancho de la pantalla). De igual forma, te diré que las páginas comúnmente tienen 768px de ancho para monitores de 800px, aunque como hoy día la mayor parte de la gente tiene como resolución mínima un ancho de 1024px, ya muchas páginas se desarrollan con un ancho de 1000px.

Por supuesto, hablando de estándares, una vez creada tu página te recomiendo que revises tu código con el validador html:http://validator.w3.org/

Ya si tienes algún problema con el desarrollo de tu página, con gusto te ayudaremos. Suerte

elijo_otro · #5 (**permalink**) 20/01/2009, 15:24

Vale, he estado echando un vistazo a xhtml, y es similar a html, no es que sea un crack, pero algo si que me defiendo, lo que si me tengo que mirar bien es lo de CSS.
Si lo que peor llevo, es que no se como empezar, ¿por donde le meto mano? ¿Me pongo a "dibujarla" con el dreamweaver o el frontpage o algo, y cuando tenga el esqueleto ya empiezo con el código? ¿lo hago todo a mano?

Por cierto, ¿que se consigue con esto?

Cita:

Iniciado por daPhyre

Por supuesto, hablando de estándares, una vez creada tu página te recomiendo que revises tu código con el validador ...

Saludos, y gracias de nuevo ;).

elijo_otro · #6 (**permalink**) 20/01/2009, 15:49

por cierto...perdón por la ignorancia, pero, ¿que utilidad tendría usar php? y ¿javascript? Ya que me gustaría aprender un poquito también de esas dos cosas.

saludos y perdón por ser tan pesado ^^

lucasan · #7 (**permalink**) 20/01/2009, 18:06

Cita:

Iniciado por elijo_otro

saludos y perdón por ser tan pesado ^^

Para nada creo que esta es la función del foro y de una comunidad en general, brindar apoyo mientras sea posible.

Tendrás que leer un poco al respecto, la wikipedia es un buen lugar.

Pero te cuento por encima.

PHP es un lenguaje interpretado (así como Jsp, Asp y otros) es decir que necesitas un servidor que interprete ese lenguaje y devuelva Html a tu usuario o cliente, he resaltado esas palabras porque las vas a ver mucho cuando estes leyendo.

JavaScript por su lado es un lenguaje del lado del cliente, es decir, se ejecuta en el computador del usuario, no es necesario un servidor para procesarlo.

Con ambos podrás hacer sitios web mas funcionales, por ejemplo una tienda electrónica, o un sistema de noticias, etc.

Es algo muy superficial pero si lees vas a comprenderlo mejor.

Saludos.

j0niSnip3r · #8 (**permalink**) 20/01/2009, 18:24

te recomiendo Joomla con sus componente como virtuemart

fcuninan exlcentes!

elijo_otro · #9 (**permalink**) 21/01/2009, 05:39

Bueno, un poco si que se de que vas, mas o menos tengo entendido que usar php..pues cuando quieras hacer cosas con una base de datos, seleccionar, insertar, etc, o con cookiess (tipo login, logout). Y luego, javaScript tengo entendido que se inserta en el html, para hacer cosas "dinamicas" tipo la fecha y cosas asi ¿no?

Entonces, que os parece mi idea de "dibujar" la página con el dreamweaver y ya a partir de ahi modificar el código, añadir css y demas? Es asi como se hace? o se empieza con el código desde cero?.

Voy a echarle un vistazo a joomla a ver que tal, muchas gracias por las respuestas! =)

daPhyre · #10 (**permalink**) 21/01/2009, 10:04

XHTML se podría decir que es la actualización de HTML (Pero aun se puede usar HTML. La gente recomienda usar de preferencia el nuevo).

El link que te di validará tu página. Puedes darle la dirección donde esté tu web, o si aun no lo subes, puedes copiar y pegar el código directamente.

Yo te recomendaría no "dibujar" la página en DreamWeaver (Y menos en Frontpage), ya que esto te crearía cierta cantidad de código innecesario. Si puedes hacerlo todo directamente en el código es mejor.

Como dato personal, yo aprendí a usar xhtml+css en cssya.com.ar para empezar, y en el último capítulo te enseñan como hacer el esqueleto de uno de los diseños más populares en la red (A partir de este aprendí a hacer lo demás).

Como ya te dije, si en algún momento necesitas hacer algo y no sabes como hacerlo, preguntanos y con gusto te ayudaremos.

Rápidamente:
PHP genera el código html desde el servidor a partir de ciertas variables y al final lo envía para verlo en la computadora del usuario.
JavaScript se usa para manipular la página de forma dinámica. No hagas que tu página dependa de él pues hay gente que prefiere desactivarlo por ser "intrusivo", y tampoco abuses de él pues hará tu página más lenta.

Suerte

elijo_otro · #11 (**permalink**) 21/01/2009, 14:44

vale, seguiré vuestros consejos!! Una última preguntilla (por ahora! ^^). Cuando consiga hacer la web, y subirla...¿como se si es segura? Me refiero, no me gustaría que algún potencial cliente se metiera en ella a echar un vistazo, y se encuentre en vez de fotos de muebles, fotos de mujeres en pelotillas!! :D

salu2.

daPhyre · #12 (**permalink**) 21/01/2009, 15:24

Creo que te refieres al hosting...

En verdad eso tendría que ver con el prestigio de dicho lugar. Lo que te recomendaría es que elijas uno y te pases por el foro de hosting para ver si hay buenos o malos comentarios de dicho hosting. Puedes usar el buscador en la parte superior. Ya lo he hecho y me he librado de unas experiencias. Suerte

elijo_otro · #13 (**permalink**) 21/01/2009, 16:30

en verdad, mas que al hosting, me refería a la página en si. Vamos, no se si estoy diciendo una tontería, pero me da miedo que algún "malhechor" pues pueda modificarla a su antojo.

saludos.

daPhyre · #14 (**permalink**) 22/01/2009, 13:41

Ya veo. Hackers siempre habrá, y lo mejor que puedes hacer de tu parte es checarla periódicamente. Descuida, los hostings normalmente tienen seguridad para que esto no suceda, pero más vale revisarlo cada tiempo para asegurarse que nadie te haya atacado.

Por supuesto, cuida también los scripts y publicidad que pones, nunca falta el que es solo malware. Suerte

lucasan · #15 (**permalink**) 22/01/2009, 16:14

Si tu web tendrá solo Html y Css no tienes de que preocuparte (a menos que quien administra el server no lo actualice como debe ser), pero si usas PHP y formularios sobretodo, tendrás que cuidarte de esos ataques que mencionas.

Los mas comunes son ataques XSS, no se bien como funcionan pero se que te pueden inyectar facilmente si no cuidas aspectos básicos de seguridad en formularios por ejemplo.

Definitivamente, lo mejor es usar un CMS, ya que ha sido desarrollado por no solo uno sino cientos de expertos y han cuidado esos detalles.

Saludos.

herrasoft · #16 (**permalink**) 23/01/2009, 08:02

Cita:

Iniciado por lucasan

Para nada creo que esta es la función del foro y de una comunidad en general, brindar apoyo mientras sea posible.

Tendrás que leer un poco al respecto, la wikipedia es un buen lugar.

Pero te cuento por encima.

PHP es un lenguaje interpretado (así como Jsp, Asp y otros) es decir que necesitas un servidor que interprete ese lenguaje y devuelva Html a tu usuario o cliente, he resaltado esas palabras porque las vas a ver mucho cuando estes leyendo.

JavaScript por su lado es un lenguaje del lado del cliente, es decir, se ejecuta en el computador del usuario, no es necesario un servidor para procesarlo.

Con ambos podrás hacer sitios web mas funcionales, por ejemplo una tienda electrónica, o un sistema de noticias, etc.

Es algo muy superficial pero si lees vas a comprenderlo mejor.

Saludos.

Que Buena respuesta compañero eso es lo bueno de ser colombianos, y si estas en toda la razón ademas para lo q el desea hacer es muy util de que manejes codigo javascript básico.......
si quieres codigo reutilizable para ello escibe en google deposito + javascript y tendras un almacen de buenas practicas para tu web

elijo_otro · #17 (**permalink**) 23/01/2009, 08:53

gracias a todos por vuestra ayuda!! poquito a poco voy haciendo cosas!! jiji Ya os pondré las dudas que me vayan saliendo, y lo que vaya haciendo para que me deis consejos!!
Un placer estar en este foro si señor! ;)

elijo_otro · #18 (**permalink**) 23/01/2009, 13:41

Una duda:

Estoy usando css, y mas o menos, consigo tabular y poner todo mas o menos bien, pero solo en firefox, en ie, en lugar de salir centrado y cada cosa en su sitio, sale pegado a la derecha y todo descuadrado ¿a que se debe? ¿que hago mal?

saludos.

lucasan · #19 (**permalink**) 23/01/2009, 14:06

Creo que para esto deberías abrir unnuevo tema con el problema específico, en el foro adecuado, tal vez CSS, y si es posible poner una URL donde podamos ver tu página para ayudarte.

elijo_otro · #20 (**permalink**) 23/01/2009, 14:15

Ya lo he "arreglado". Lo único, que ahora ya me sale todo bien cuadrado, pero en ie pegado a la derecha, y en firefox centrado.
Es que seguro que es una tontería y me daba cosa abrir un hilo solo por eso! ^^

salu2.

daPhyre · #21 (**permalink**) 23/01/2009, 16:30

¿Que doctype utilizas? Eso podría influir...

elijo_otro · #22 (**permalink**) 24/01/2009, 07:00

ok, gracias daPhyre, ya lo he arreglado, las cosas del copiar-pegar!! xD Gracias! ;)

elijo_otro · #23 (**permalink**) 24/01/2009, 07:07

esto es el que tengo:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

salu2

elijo_otro · #24 (**permalink**) 24/01/2009, 15:05

Bueno, llevo toda la tarde peleandome, y ya me doi por tonto. Se que debería estudiar mas, pero es que como haciendolo es como se aprende...pues estoy a la vieja usanza! =)
Pero es que he tropezado con esto, a ver si me echais una mano.

El caso es que no se como evitar que pase lo siguiente (una imagen vale mas que mil palabras):

No se si me explico. ¿como lo evito? Ya que me gustaría dejarlo como en la primera foto.

Un saludo, y gracias de antemano ;).

Mikmoro · #25 (**permalink**) 24/01/2009, 15:08

¿Tiene float: left; la columna izquierda?

elijo_otro · #26 (**permalink**) 24/01/2009, 15:27

si si, lo tiene. El problema es que si pongo el contenido, le "achucha" a todo, vamos, no se como centrarlo entre las otras tres que si que tengo bien.

jomaruro · #27 (**permalink**) 24/01/2009, 15:40

Hola:

¿Puedes poner el código para verlo mejor?

Saludos.

elijo_otro · #28 (**permalink**) 24/01/2009, 15:49

vale! Es que me da "vergüenza", porque como no sabía ni lo que hacía, tengo una warrería lia....Esto es el css:

Cita:

body{

color: #333333;
font-size: 12px;
font-family: verdana, sans-serif;

}

#cabecera {

font-size: medium;
font-family: calibri, sans-serif;
font-size: 22px;
width: 760px;
margin-left: auto;
margin-right: auto;
padding: 10px;

}

#contenedor {
width: 760px;
border: 1px solid gray;
margin-left: auto;
margin-right: auto;
background-color: #CCCCCC;

}

#encabezado {
padding: 5px;
border: 1px solid gray;
margin-bottom: ;
height: 114px;
background-image: url(1b.jpg);
}

#contenido {

float: left;
width: 665px;
height: 470px;
margin: 0;
border: 1px solid gray;
margin-right: ;
padding: 5px;
height: 470px;
float: right;
font-weight: bold;

}

#barra-lateral {
font-size: medium;
font-family: calibri, sans-serif;
font-style: oblique;
float: left;
width: 72px;
margin: 0;
border: 1px solid gray;
margin-right: ;
padding: 5px;
height: 470px;
float: left;
background-image: url(3b.jpg);
font-weight: bold;
}

#pie{
clear: both;
border: 1px solid gray;
padding: 5px;
margin-top: ;
height: 19px;
background-image: url(4b.jpg);
}

El html hace falta? Lo único que tengo es:

el head, body, y luego en el orden que esta en css, cabecera, contenedor, ecabezado, contenido, barra-lateral y pie.

Salu2

jomaruro · #29 (**permalink**) 24/01/2009, 17:59

Hola de nuevo:

Lo primero que he visto es que tienes varios margin sin parámetro (en la cita siguiente te lo señalo en azul), mejor corrígelo. Lo segundo (que te estaba comiendo la moral):

Código:

#contenido {
float: left;
width: 665px;
height: 470px;
margin: 0;
border: 1px solid gray;
margin-right: ;
padding: 5px;
height: 470px;
float: right;
font-weight: bold;
}

te lo marco en rojo cambia el width a 664 o menos (lo dejo a tu elección), el problema estaba en que el ancho del contenido + el ancho de la barra lateral superaban el encabezado. En tercer lugar fijate en el color verde, en el mismo id indicas dos float distintos, lo que hace que solo tenga en cuenta la segunda.

Con respecto a que te da vergüenza, quédate tranquilo estamos aquí para aprender que nadie nacio aprendido.

Comentame si te ha salido bien.

Saludos.

elijo_otro · #30 (**permalink**) 24/01/2009, 18:26

Voy a probarlo ahora mismo!! :D Muchas gracias.
Lo del margin-right sin parametros estaba echo "solo" (el código esta copiao de una plantilla) ¿lo quito directamte no?
Y bueno, lo de los px..llevo toda la tarde toqueteando! Demasiao si solo falla ese!! =) Lo había pensao, y he estado haciendo cuentas, y no veía el fallo, a ver si con eso se arregla! Gracias! ;)

Y lo de los dos float, ha sido ya fruto de la desesperación y de probar 1000 cosas!! ^^

Muchas gracias, voy a probar, ahora te cuento! :D