Dudas sobre web,varius dudas

M

Quiero iniciarme en el mundo de creacion y diseño de webs.

Quiero comentar varias/muchas dudas

Lo primero de todo,el hosting es el almacenamiendo de la web y el dominio pues digamos que la direccion, ( .es, .com , .uk )

Pues bueno empezemos por lo basico, supongo que todo es mediante codigo,verdad? por ejemplo,para hacer pestañas,titulo,poner una imagen etc..

Alguien tiene idea de un curso a distancia ,forma de aprender etc.. ?

Bien,por otra parte,tengo entendido que cada vez se utiliza menos, ¿ por que ? y que alternativas existen,para ir haciendo todo lo posible sin codico,pero siempre aprendiendo logicamente.

Porfavor guiarme,quiero aprender y necesito tener idea de que pautar seguir etc.

SicKneSs

en lo que tardaste en redactar este post, ya habrías encontrado muchos tutoriales de gran calidad mediante Google.

Mírate antes que nada un tutorial/curso sobre HTML y CSS básico para aprender a maquetar.

Hay gran cantidad de contenido gratuito de alta calidad sobre la temática.

saludos.

1 2 respuestas
M

#2 Me parece bien lo que dices, pero hice mas preguntas y es por si alguien me quiere recomendar algo tambien

1 respuesta
SicKneSs

#3 lo tuyo es empezar por HTML y CSS como hicimos todos :).

kaosito1

Un buen programa para aprender HTML que es un lenguaje de programación muy sencillo para creación de paginas webs, es el dreamviwear, tu vas haciendo la pagina en un "word" que tiene el programa y el ya directamente te lo va pasando a codigo.

1 respuesta
dabolbi

Yo creo que lo que deberías hacer es empezar como dice #2 con HTML y hacerte una mini web estática (es decir, sólo mostrando información, y sólo interactuando con el usuario con los hipervínculos, digamos). Con dreamweaver igual te es más fácil aprenderlo, pero en versión programador, picándo código, si no no vas a aprender a desarrollar web de verdad, en mi opinión. Una vez manejes los tags básicos, insertes imágenes e hipervínculos, etc. empiezas a tocar CSS como decía tambíen #2 y a jugar un poco con los estilos. Una vez lo domines ya podrías ponerte con web dinámica (JavaScript y JSP o algo del estilo o algún lenguaje de programación) aunque eso te va a costar más ya y requiere algo más de soltura, pero anímate y empieza poco a poco que acabarás aprendiendo. Un saludo

M

Estan muy bien las contestaciones,resumiendo

Aprende HTML,cuando sepas algo basico,lo mismo pero con dreamweaver y sigue con el css que supongo que sera otro lenguaje y despues ya tenemos el javascript y JSP

no?

1 respuesta
Wasd

#7 Yo me alejaría de Dreamweaver. Empieza con Notepad++ (aquí hay gente que sabe MUCHO y lo hace todo con Notepad++ o Sublime Text). Si con eso te sientes a gusto, ok, yo personalmente prefiero programas algo más grandes como Aptana, al menos por ahora.

Con 20 min de estudio y tutoriales ya sabrás lo básico de HTML, luego sigue aprendiendo este lenguaje junto con CSS y cuando lleves unos días dando caña con estos dos, intenta meterte a programar. Te recomiendo o bien PHP o bien Javascript (este último es un lenguaje bastante guarro, te costará aprender las bases porque todo es demasiado "libre" ). Necesitarás descargar un servidor web en localhost. Si estás en Windows te recomiendo WAMP.

Esta página formará parte de tu vida a partir de ahora:
http://www.w3schools.com/
Apartado HTML: http://www.w3schools.com/html/default.asp

Hasta aquí no necesitarás libros, hay tutoriales buenos por todos lados y si no puedes preguntar aquí mismo.
Si decides meterte en PHP te recmiendo este: http://www.amazon.es/gp/product/0321733452/ref=oh_details_o02_s00_i00

Cuando vayas por aquí tendrás que sentarte y pensar qué te gusta más, si diseñar/estructurar páginas web o programar.
Cuando estés en este último paso vuelves a pedir consejo :)

1 1 respuesta
elkaoD

#5 ojo, HTML no es un lenguaje de programación sino de marcado. Tú no puedes programar HTML, como mucho definirlo.

Todo lo que sería programar va por JS.

1 1 respuesta
Soltrac

#9 Y te quedas con eso y no con "dreamviwear" xDDDD

2 1 respuesta
elkaoD

#10 reconozco que dejé de leer en "programación" xD

M

#8 Me interesa sobre todo el diseño,tengo una imaginacion tremenda y me encantaria hacer 2341234 webs de diferentes cosas,pero sin programas logicamente no voy a ningun lado,no?

Hoy me pongo en 10 minutos,primero voy a hacer unas cosas

1 respuesta
elkaoD

#12 sin programas vas donde sea. Te sobra con el Bloc de Notas :)

HTML y CSS no es más que texto. Debes pensar en HTML como en "tu contenido" y CSS como "la forma en que se ve ese contenido":

<!DOCTYPE html>
<html>
<head>
    <title>Mi primera web</title>
</head>
<body>
    <p>¡Hola! Estás viendo mi primera web.</p>
</body>
</html>

Eso lo guardas como .html, lo abres en el navegor y... voilá!

Aquí puedes ver el resultado.

Ahora añadamos un poco de CSS:

<!DOCTYPE html>
<html>
<head>
    <title>Mi primera web</title>
    <style>
    body {
        background-color: #b0c4de;
    }
    </style>
</head>
<body>
    <p>¡Hola! Estás viendo mi primera web.</p>
</body>
</html>

Y ya tienes la misma web y el fondo de un bonito color azul.

Aquí puedes ver el resultado con CSS.


Y así es básicamente como funciona el desarrollo web. Esto lo subes a un hosting y ya funciona sin hacer nada más.

Por supuesto, en lugar del Bloc de Notas a secas es mejor que uses programas como Notepad++ o SublimeText porque te ayudan en la edición de ese texto (tienen más funcionalidad que el Bloc de Notas, mejores búsquedas, y está preparado para hacer HTML/CSS) pero te recomendaría que te alejaras de mierdas como Dreamweaver y demás.

¿Por qué? En el fondo sólo generan este texto que te he puesto, pero tú como usuario lo creas en lugar de escribiendo a modo de click-arrastrar-soltar-escribir. Dirás, "¡coño, pero si es más cómodo!" PERO generan muchísima mierda que hará que tus webs pesen más, sean menos eficientes y sobre todo... NO VAS A ENTENDER QUÉ COÑO ESTÁ PASANDO así que te bloquearás al mínimo problema que Dreamweaver no te solucione.

De aquí a hacer páginas web dinámicas hay un paso. Hay dos opciones:

  1. PHP, ASP y otros lenguajes del lado del servidor: estos lo que hacen es que el contenido de tus .html sea dinámico antes de que el servidor te lo mande, es decir, que se calcule por ejemplo consultando datos en una base de datos. Una vez se carga el contenido del PHP, este ya es estático (no cambia en el cliente.)
  2. JavaScript: este es el que da el dinamismo en el lado del cliente. Por ejemplo, en MV cuando pones el ratón encima de un quote ( #1 ) y la página web cambia de aspecto de forma dinámica.

No creas que son excluyentes: puedes hacer páginas web que sean dinámicas tanto en el cliente como en el servidor. De hecho así funciona Mediavida: cuando tú cargas un hilo de un foro, el servidor de manda el .html generado a partir de la base de datos del foro. Luego todo lo que cambia dinámicamente (quotes, cuando le das a responder y se abre abajo el panel de respuesta, el spy que se actualiza automáticamente, etc.) es del lado de JavaScript.


Y con esto finaliza la introducción al desarrollo web. Todo esto podíais haberlo buscado en Google fácilmente, créeme xD Pero bueno, aquí lo tienes sintetizado. Ahora te toca ir poco a poco. Aprende primero HTML, luego CSS y luego... ya te lo planteas :P

3 2 respuestas
M

#13 eres un crack.

Me baje el notepad++ y con tutoriares estoy haciendo cositas por ejemplo

<!DOCTYPE html>

<html>
<head>
<title> ocelotes </title>
<head>

<body>
<p> Primera linea del ejemplo.</br/> Segunda linea del ejemplo<br/> tercera linea del ejmplo.</br/>

<p> otro parrafo,primera linea.</br/> segunda linea y ultima.
</p>
</body>

</html>

Hasta aqui de momento se, jejejejejejejejjeje poco a poco :P

Lo unico que por lo que veo estoy aprendiendo a hacer lineas,parrafos etc..

y de momento me encanta,es entretenido,hice como 10 ejercicios desde que sali de clase a las 12,de 12 a 2 ahora que es sin parar,pero lo resume eso que puse mas o menos.

Pero para hacer el contorno de una web? no se, ais jajajaja me lio mucho, que es lo siguiente de HTML que tengo que aprender,para ir poco a poco sin mas?

1 respuesta
elkaoD

#14 te faltan los </p> finalizando el párrafo!

Por cierto, si pones en Mediavida texto entre

[/code ] te sale la cajita de código con sus colorines y todo, conserva los espacios y se lee mejor en general :)

¿A qué te refieres con "contorno"? Si te refieres a meter en "cajitas" las cosas, se usa la etiqueta <div>contenido contenido contenido</div>. Luego a ese div le das colores, borde, posición, etc. con CSS. Como ves se mantiene el concepto de HTML = contenido, CSS = presentación.

De momento estás aprendiendo HTML, ya te pasrás a CSS cuando sepas estructurar bien el contenido :)
1 respuesta
M

#15 me falta en el segundo parrafo el </p> tienes razon! no lo vi xD

Lo segundo que me dijiste no lo entiendo xD

en MV no existe ningun hilo de programacion a tdoo esto para preguntas y dudas?

lo explicas antes de que te lo pregunte,xD

1 respuesta
elkaoD

#16 lo segundo te rieferes a lo de code?

Poniendo [code@]Ejemplo[/code@] (quitando las @, la pongo para que no ocurra lo que te estoy intentando explicar xD)

Ejemplo
bla
bla
bla

Hace que salga la cajita esa con sus colorines y tal. Está pensado para que en el foro pongamos código y no se desestructure (y además te colorea los diferentes tipos de elemento.)

Véase #13.

#18 con [] no <> :P

Cuando preguntes dudas sobre HTML todo el mundo te podrá ayudar mejor si haces eso porque se podrá leer bien lo que estás pegando.

Con respecto al hilo, puedes reaprovechar este si son dudas "simples". Si es una duda que crees que puede volver a interesar a mucha gente crea su propio hilo (pero que no sean cosas muy básicas.)

M
 mediavida 

que pongo esto asi y me deberia de salir una cajita para los colores o como? xD

y esto es para poner color ?

<style>
body {
background-color: #b0c4de;
}
</style>

Pero head no es lo que sale en el navegador?

<head>

<title> Mi primera web</title> , aun que le pongas color que mas da? www.mediavida.com no veo que tenga color xD

2 respuestas
elkaoD

#18 sí, la etiqueta <style> significa "lo que hay dentro es CSS".

Y como te he dicho CSS se usa para dar color, forma, posición, etc. a tus diferentes elementos HTML. La presentación de tu contenido.

#18 no. <head> es "cosas que no son contenido". Como CSS no es contenido sino presentación, pues va en <head> (esto es una mentirijilla pero ya aprenderás en el futuro.)

Igualmente olvídate. De momento aprende las distintas etiquetas del HTML, sus atributos y para qué sirven.

Cuando ya conozcas HTML de cabo a rabo, podrás meterte con CSS.

Maat

#1 yo estoy igual que tu y de momento lo voy sacando por medio de esta web: http://www.codecademy.com/es/tracks/htmlcss

es en ingles, por si te sirve de algo. Me parece que la saque de este mismo foro xD

wiiLLy

Una duda, aqui todos estais poniendo el css dentro del html, pero normalmente en paginas grandes esta a parte y enlazado no ?

2 respuestas
elkaoD

#21 como "todos" soy yo contesto xD

Las webs tampoco constan normalmente de un title y dos párrafos ;)

Wasd

#21 Cuando empecé lo hacía en la misma página, o incluso dentro del atributo style="" en los tags html, pero conforme avanzas eso se vuelve impensable y siempre se hace en una hoja aparte.

1 respuesta
M

#23 Una pregunta, para diseñar webs,lo que son pestañas,cuadro para meter foto de publicidad etc.. etc.. no se puede hacer sin saber mucho de programacion?

es que las plantillas ya echas son la peste la mayoria y tampoco quiero estar 2344123 horas al dia con solo programacion

1 respuesta
Wasd

#24 Depende de los efectos y funcionalidades que quieras darle.

Lo que has dicho se puede hacer sin programación (a no ser que por ejemplo para obtener la imagen de publicidad tengas que acceder a una base de datos, entonces ya tendrías que aplicar MVC a tu proyecto).
Únicamente con HTML y CSS puedes hacer cosas bastante vistosas (pero poco funcionales).

Para páginas estáticas con esos dos lenguajes es suficiente. Si quieres añadir dinamismo (tanto en temas de funcionalidad como de diseño) ya necesitas meterte en programación. Si lo que te mola de verdad es el diseño, jQuery a saco, pero antes mirate JavaScript durante un tiempo.

1 respuesta
M

#25 Yo de momento estoy con el HTML, para diseñar tonterias de webs y eso que me recomiendas mientras?

1 respuesta
Wasd

#26 Yo te recomiendo que sigas con HTML unos días, entendiendo como funciona, conociendo los distintos tags, y que cuando veas que conoces la base, lo mezcles con CSS. Te recomiendo también que entres un poco en HTML5 cuando manejes HTML.

Ánimo :)

1 respuesta
M

#27 Que punto es manejar HTML? ,necesito un punto al que guiarme xD

Wasd

"Quiero hacer X cosa, la se hacer o no la se hacer? Si no la se hacer, sé donde recurrir para hacerla, y una vez haya encontrado lo que necesito, sabré adaptarlo a mi?"

Ejemplo: Quiero hacer una tabla de color verde, y que al pasar el ratón por encima cambie de color. ¿Sé hacerlo? Supongo que en estos momentos no, pero dentro de una semana puede que lo sepa hacer sin problemas.

Ahora quiero que la tabla se autogenere, haciendo que en cada <td> salga un número, empezando por 1 y acabando en... 500, por ejemplo. Sabré hacerlo cuando sepa hacer lo anterior? No, pero quizás sabré a qué lenguaje recurrir.
Así, poco a poco irás teniendo ideas y te podrás plantear objetivos un poco mas complicados.

Cuando abras un código fuente HTML de una web y entiendas la mayor parte de lo que hay (qué pasa, cuando pasa y por qué pasa), entenderás el desarrollo web en este lenguaje.

1
M

#13 el cero como diablos se pone? 0 con una ralla

y el contrario de { ? es que estoy aprendiendo a meter colores xD

1 respuesta