Cómo empezar a crear una web desde cero, consejos y cursos recomendados

  • Autor Autor Rhazz
  • Fecha de inicio Fecha de inicio
R

Rhazz

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Verán, aprendí lo básico de HTML y CSS con Enlace eliminado y Enlace eliminado (ya que en otras webs me parecieron un poco complicadas para aprender)
En dichas webs se va enseñando las diferentes tags y propiedades paso a paso, con ejercitación y muy bien explicado, pero la verdad es que con eso que aprendí solo lo muy básico (ni siquiera terminé de leer las dos webs) me aventuré con scripts para crear webs. Modifiqué todo lo que pude Wordpress y PHPost, trantando de acomodar las cosas como quería y demás, y ahí aprendí muchísimo. Cada vez que no entendía algo lo buscaba en google y luego me ponía a practicar modificando el código, tocando por todos lados xD por eso siempre hice backups, y muchas veces me sirvieron ya que hice desastres xD
Pero en fin, mi objetivo final es crear un web desde cero, y... lo intenté... cabe destacar que no pasé de body ¬¬
Me dí cuenta que no tenía idea de cómo comenzar una... creé una div para el body, le di color, forma, etc. pero no supe ni posisionarla a mi gusto (hablo de posisión visual, nada que ver con SEO). Y mucho menos acomodar otras divs dentro de esa! Y dejé todo... porque había aprendido a modificarlas pero no a ponerlas o posiosionarlas, pensé que en algo fallé, no se si me falto estudio o que, o en algo erré, o es normal y tendría que buscar eso que quiero saber.
No se si tengo que seguir algún curso o algo, o seguir buscando tags necesarias en google, u otra cosa. Probé en w3schools pero no tengo idea de donde haya algo que lo explique en forma ordenada o similar, ya que no me quiero aprender etiquetas al azar, no quiero saber darle formato a una div sin antes tener alguna idea de cómo ponerla y acomodarla.
Y todos los cursos en internet que leí y miré hacen lo mismo... ir enseñando etiquetas, una por una, creo que desde las más sencillas a las más complicadas o algo así ¿Es eso correcto? ¿Así es como tengo que aprender?
Porque la verdad que me sorprendió poder modificar bastante y aceptablemente bien un script (bien para un novato aclaro), pero no tener idea de cómo comenzar un simple "home" para mi web, con solo HTML y CSS.
Por eso me planteé buscar algún curso por ahí, que esté completo. Y leerlo o mirarlo hasta el final, creo que cuando lo termine debería poder hacer una web desde cero, con solo HTML y CSS, bien sencilla, luego aprendería otros lenguajes.
Pero quería saber qué opinan ustedes, cómo comenzaron sus estudios en estos temas y todo consejo que me puedan dar.
 
Mira yo programo hace bastante y me pasaba como a ti, bajaba scripts y modificaba. Un día quize hacer una web desde 0 y la verdad me costo muchísimo también el tema de posicionar etc. Lo que hice fue bajar plantillas y ver como las posicionan los divs. Con el tiempo fui practicando creando webs etc y pues ahora ya lo manejo al 100% el tema de maquetación web.

Espero que te haya servido mi experiencia, saludos!
 
Yo empecé haciendo tutoriales por la web. Me apunté a varios cursos de pago (lo que me dieron una buena base de PHP) y seguí experimentando con todo lo que encontraba y me daba tiempo a probar. Poco a poco te das cuenta de que has aprendido muchísimo y que te queda muchísimo mas por aprender. Yo te recomiendo algún curso de pago, así te obligas a hacerlo y a terminarlo. Además el que te estés dejando un dinerillo es una buena motivación.

Suerte!:encouragement:
 
Yo te aconsejo que si tu meta es ganar dinero uses blogger y aprendas a la par loq ue necesitas para pasarte a wordpress. Si vas a hacer una web desde 0 sin conocimientos, vas a estar años para empezar algo (es un decir). Anda haciendo algo que te de dinero co blogger. elegi una tematica legal, llena de posts un blog (arriba de 100 de 400 palabras) y anda tocando el codigo. Luego instala wordpress en hostinger gratis y fijate el codigo, como esta armado, como funciona, que es un condicional, que es mysql y demas. Una vez que lo entiendas bien y hayas probado suficnete te pasas a wordpress desde blogger. y si queres ahi ya tenes sustento para hacer tu web con las ganancias que te da y hacer tu propia programacion (aunque no es necesario teniendo a wp).
 
Te recomiendo mucho comenzar a ver como están algunos themes estructurados, si tu objetivo es rentabilizacion te recomiendo algún CMS como WordPress o Joomla.
 
Mira yo programo hace bastante y me pasaba como a ti, bajaba scripts y modificaba. Un día quize hacer una web desde 0 y la verdad me costo muchísimo también el tema de posicionar etc. Lo que hice fue bajar plantillas y ver como las posicionan los divs. Con el tiempo fui practicando creando webs etc y pues ahora ya lo manejo al 100% el tema de maquetación web.

Espero que te haya servido mi experiencia, saludos!
Muy buena idea la tuya, además me sentí identificado :witless:

Yo empecé haciendo tutoriales por la web. Me apunté a varios cursos de pago (lo que me dieron una buena base de PHP) y seguí experimentando con todo lo que encontraba y me daba tiempo a probar. Poco a poco te das cuenta de que has aprendido muchísimo y que te queda muchísimo mas por aprender. Yo te recomiendo algún curso de pago, así te obligas a hacerlo y a terminarlo. Además el que te estés dejando un dinerillo es una buena motivación.

Suerte!:encouragement:
Quiero probar con lo gratis, y si realmente me gusta si ir por algo más profesional y de pago.


Yo te aconsejo que si tu meta es ganar dinero uses blogger y aprendas a la par loq ue necesitas para pasarte a wordpress. Si vas a hacer una web desde 0 sin conocimientos, vas a estar años para empezar algo (es un decir). Anda haciendo algo que te de dinero co blogger. elegi una tematica legal, llena de posts un blog (arriba de 100 de 400 palabras) y anda tocando el codigo. Luego instala wordpress en hostinger gratis y fijate el codigo, como esta armado, como funciona, que es un condicional, que es mysql y demas. Una vez que lo entiendas bien y hayas probado suficnete te pasas a wordpress desde blogger. y si queres ahi ya tenes sustento para hacer tu web con las ganancias que te da y hacer tu propia programacion (aunque no es necesario teniendo a wp).
Monetizar mi web es buena idea, para eso usaría wordpress; pero quiero aprender a hacer una desde 0 y bien sencilla, y luego de a poco aumentar su complejidad, me interesa aprender y no monetizarla, al menos al principio.

Te recomiendo mucho comenzar a ver como están algunos themes estructurados, si tu objetivo es rentabilizacion te recomiendo algún CMS como WordPress o Joomla.
Wordpress en una excelente opción para monetizarla, pero ahora lo que quiero es aprender a hacer la mía con mis propios conocimientos.
 
Hola!

jajaja que bien que hayas intentado hacer una web desde cero, yo cuando apenas empezaba en este mundo (hace 2-3 años) también lo intenté y me quedó algo muy feo xD aunque hace poco estaba haciendo un layout responsivo con HTML5 y CSS3, digamos que quedó el puro layout jaja

Yo empecé mis estudios casi como tú dices, mira en primer lugar te recomiendo esta página, es la OFICIAL para aprender HTML5, CSS3, etc. en pocas palabras no hay manual mejor que ésta (claro si ocupas snippets css3, html, etc. pues busca páginas así, por cierto si no sabes lo que es un snippet investiga es algo muy útil):
W3Schools Online Web Tutorials

Ahh como te decía yo empecé aprendiendo de unos cuantos manuales de Internet (viejísimos los que escogí xD) y también vi la página que te dije y estudié una por una TODAS las etiquetas de HTML 4.01 y las propiedades de CSS 2.1

Yo antes no era tan bueno, ahora no es por ser vanidoso pero me considero muy bueno haciendo páginas web simples (puro HTML, CSS y jQuery) y he hecho mis propios scripts en PHP + MySQL, y he editado otros.

Mi recomendación pues es que sigas estudiando... sobre todo baja plantillas de calidad y edítalas, eso es lo más aconsejable, ahh y prueba aprender un poco de PHP, por lo menos para que puedas crear un formulario de contacto ligado a PHP en cualquier plantilla que te bajes, es lo que yo hago a veces, y quítate esa idea de la cabeza de querer hacer tu propia plantilla desde cero, si vieras los diseños web profesionales de plantillas que yo he visto... sabrías que jamás podrías hacer algo así de vistoso, por lo menos yo no, y como te digo tengo 3 años en esto y me considero muy bueno, ningún cambio HTML, CSS, jQuery ni PHP se me dificulta.
 
Yo cuando empece era con un bloc de notas y ahi comenzaba a darle a las etiquetas, cuando descubri Dreamwever me tire de cabeza a él.

Un saludo
 
Yo cuando empece era con un bloc de notas y ahi comenzaba a darle a las etiquetas, cuando descubri Dreamwever me tire de cabeza a él.

Un saludo

Yo hace años, empecé justo al revés, con Dreamweaver. Ahora, sin embargo, programo 100% en código, Coda2 para Mac y la vista de Desarrollador de Chrome.

Dame un editor de código y no me des un WYSIWYG, por que en realidad nunca acaba siendo WYSIWYG 😛irate:
 
Leer código fuente es una de las mejores maneras que hay de aprender a programar.
 
Hola Hacker.

Te comento que yo en estos momentos también estoy intentando iniciarme en este mundo del diseño web. Digo intentando porque en estos momentos estoy comenzando a aprender las funciones de cada etiquetas y su funcionalidad. Sucede que en mi caso siempre me ha costado un poco más lo teórico y me he detenido en esa parte 🙁.

Según comentas que no has pasado del body, se me hace que no has entendido bien la funcionalidad de cada etiqueta. Lo que yo hago en algunos casos es revisar los códigos de las páginas, escribirlo manualmente y observar sus funciones cargando la página cada tanto.
Por otro lado podrías probar instalar Dreamweaver o HTML-Kit e insertar tablas, datos, formularios y observar el código, dónde y cómo se genera.

Para posicionar las Div, podes revisar este explicativo Librosweb.es.

Saludos.
 
Yo estaba igual que tu... quería crear yo mismo mis webs y no depender de Wordpress o Blogger por ejemplo... hasta que usé Wordpress porque es fácil de manejar y hasta tu mismo puedes editar el diseño y la programación, claro, tienes que saber PHP, HTML, CSS.
 
Te recomiendo que empieces por idear tu web y vas buscando lo que quieres poner en tu web en google y en foros de programación web, por ejemplo si quieres ponerle noticias en tu portada con PHP y MYSQL buscas en google "Sistema de Noticias PHP MYSQL" y ahi encontrarás varios ejemplos con sus códigos y asi irás aprendiendo altoque.
 
Por más que leas no te saldrán las cosas, tienes que practicar.

Con: W3Schools Online Web Tutorials tienes para ver para que sirven todas las tags y propiedades CSS.

Yo recuerdo que aprendí HTML y CSS en aulaClic. Cursos de Informática gratis y de calidad, con videotutoriales. Cursos de Photoshop, Excel, Access, Word, Windows, Flash, Dreamweaver, PowerPoint, CorelDraw, Internet, Fotografia, cursos ofimática microsoft curso tutorial adobe cursos diseñ... Si no mal recuerdo...
Aqui puedes encontrar también muchos tutoriales para cosas específicas: Tutoriales de flash actionscript php photoshop css diseo html
 
Todo lo que se de diseño y programacion lo hice gracias a Blogger, que te recomiendo hacer?
aprende los conceptos basicos de HTML, ve a blogger y empieza a editar a diestra y siniestra, utiliza tutoriales y fijate como cambiar las cosas de blogger...
posteriormente avanza con wordpress y hasta que tu mismo puedas hacer un codigo html desde cero en dreamwever :3
 
lee codigos de fuentes...
hay codigos que me bajo de themes premium, menu slider y otros... de paso gano experiencia...

pero si tu onda es aprender; dale... cuesta pero te sera grato...
ahora sobre las posiciones antes que nada crea un contenedor:
HTML:
<div class="contenedor"></div>
Aplicales el style, medidas, margin, padding

En html, dentro del contenedor ya le vas agregando más divs... logo, header, banner, etc etc...
en orden respetando los cierres

Amm para que no te compliques usa Note pad++ con theme oscuro, asi visualizaras mejor los codigos...


saludos :topsy_turvy:
 
Yo aprendí HTML con un curso pagado, la verdad es que aprendí muy bien y mi proyecto final fue hacer una web (toda solo con HTML) hecha desde cero y bien terminada, en ese entonces utilizaba puro bloc de notas, aunque ya sabia todo eso, no tenia ni idea de que era un host y un domino hehe 🙄

Te recomiendo que aprendas primero HTML lo mas completo que puedas y con eso ya se te harán un poco "mas fácil" de comprender los demás lenguajes. Y ahora que veo este tema que has creado, me has inspirado a aprender CSS :encouragement:
 
En realidad, cuanto más aprendes, más te das cuenta de que aun te falta mucho por aprender
 
Aunque en el futuro termines usando alguna herramienta tipo wordpress, lo cual más que recomendable, el tener los conocimientos básicos de las tecnologías con las que trabajarás te ayudará mucho. No es requisito conocer HTML, CSS, Javascript, etc. pero siempre te aportará un plus que algunos competidores no tendrán.

Ahora que has leído lo básico de estas tecnologías, lo mejor es empezar a hacer una web desde cero, ver con que problemas te enfrentas, e ir aprendiendo de ellos.
 
Te recomiendo ir poco a poco viendo W3Schools Online Web Tutorials. Te explican todo con mucho detenimiento, puedes probar cosas para ver bien como funcionan y siempre es una buena guía para consultar dudas y problemas. A mi me fue muy útil y aún hoy en día me sigue siendo. Problema: Está en inglés pero en poco tiempo te acostumbras (usan un vocabulario limitado y es una página bastante gráfica).

Un saludo!
 
Atrás
Arriba