¿Por qué quieres construir un sitio web? Supongo que solo tiene un conocimiento pasajero de HTML / CSS, Javascript, PHP, servidores web, etc.
Si la respuesta es algo como:
- “Comencé un negocio y necesita un sitio web” o
- “Alguien me pidió que creara un sitio web para ellos”
Entonces sugeriría que su tiempo se utilice de manera más eficiente en otras cosas que no sean aprender los entresijos de HTML / CSS / JS, etc., ya sea pagarle a alguien que sea bueno en ello o usar un servicio como Squarespace o Weebly.
- ¿Cómo creo y diseño mi sitio?
- Estoy planeando solicitar un programa de pasantía y capacitación para desarrollo web. ¿Qué debería aprender allí para construir un sitio web con tendencia moderna?
- Acabo de comenzar un nuevo sitio web, ¿debo publicar diariamente o con menos frecuencia para empezar?
- Quiero ser desarrollador web y más en el lado del servidor 'python, django'. Tengo curiosidad por saber cuánto html / css debería saber, ¿puedo usar plantillas listas o tengo que ser un experto en html / css?
- Sigo perdiendo empleos (desarrollador web) porque "soy demasiado lento y cometo errores". Pero me contratan para un papel mejor y más compensado cada vez. ¿Por qué?
Sin embargo, si su razón está en la línea de:
- “Solo quiero aprender / mejorar mis habilidades”
- “Quiero convertirme en desarrollador web”
- “Estoy haciendo un sitio personal / no crítico y quiero algo de experiencia”
Entonces por todos los medios. Sí, todo lo anterior y algo más.
Si desea configurar un sitio web moderno y receptivo desde cero, también deberá conocer algunas cosas:
- Cosas de dominio
- Nombre de dominio: considere comprar uno (generalmente un costo anual) de un registrador para que las personas no tengan que escribir una dirección IP para acceder a su sitio. Aquí hay algunos buenos registradores.
- Servidores de nombres: apunte su registrador a sus servidores de nombres donde se alojan sus registros DNS. A menudo puede usar un servidor de nombres administrado por su servidor web o con su registrador.
- DNS: aprenda a configurar registros DNS para apuntar su correo a su servidor de correo, tráfico web a su servidor web y cualquier subdominio donde desee.
- O la forma más fácil: la mayoría de los servidores web compartidos configurarán estas cosas para usted.
- Servidor web
- O compre un VPS (DigitalOcean, Vultr tiene un buen precio) y encuentre una buena guía o herramienta de automatización (sugerencia: ServerPilot) para configurarlo bien.
- O de manera fácil: obtenga un alojamiento web compartido (múltiples sitios web que se ejecutan en un servidor web) de una empresa acreditada, simplificarán mucho la configuración del servidor web / dominio / correo electrónico generalmente a expensas de la flexibilidad y las características que tiene su propio servidor web.
- O puede configurar un servidor web en su propia PC / servidor doméstico, aunque esto es bastante arriesgado y probablemente querrá una IP fija de su ISP que a veces cuesta más.
- Javascript
- Aprenda funciones, clases, DOM, jQuery y conceptos generales de programación como asignación, bucles, matemáticas, etc. a un nivel razonable.
- Más adelante, aprenda algún tipo de marco: ReactJS parece tener una reputación creciente (por ahora).
- Dependiendo de cuán simple sea su sitio, probablemente pueda salirse con la suya utilizando solo un par de scripts JS de terceros y un conocimiento JS mínimo.
- CSS
- Aprenda qué son los selectores de clase, id y elemento, cómo combinarlos y qué especificidad es.
- Bootstrap sí es bueno, aunque si no cambia mucho el estilo incluido, hace que su sitio web se vea “obviamente bootstrapped”. Le ayudará a crear un sitio receptivo en poco tiempo, y es muy popular, así que es fácil encontrar ejemplos en línea.
- Diría que lo más importante para aprender a usar en Bootstrap es el sistema de cuadrícula y cómo cambian los diseños cuando el tamaño de la ventana gráfica (ancho) cambia entre escritorio / móvil / tableta, etc.
- HTML
- Aprenda qué etiquetas hacen qué cosas como div, ol, ul, img, a, h1, p br, body, head, y para una buena práctica. Las etiquetas HTML5 como encabezado, navegación, artículo, aparte, pie de página, sección son una buena práctica para comenzar a usar: ayuda con el SEO y la accesibilidad y así son las cosas.
- Ponga alt = “alguna descripción útil” en sus etiquetas img para accesibilidad.
- Utilice solo tablas para el diseño de datos tabulares, no para el diseño de página.
- A veces es súper útil vincular sus recursos comenzando con “/ …”. (es decir, enlaces relativos) en lugar de comenzar con “http: // www …”. hace que todo sea mucho más fácil (si se hace correctamente) cuando se mueve entre su copia local y la copia del servidor.
- Backend
- Si necesita procesar algunos datos, como un formulario de contacto donde hace clic en enviar, lea los datos POST y haga algo con ellos. Entonces es probable que también desee aprender algunas cosas del lado del servidor / back-end. PHP es bastante simple para empezar, pero este es un tema muy importante.
- también
- WAMP / LAMP / MAMP / XAMPP: muy útil para ejecutar una copia local de su sitio web para probar (que es un buen hábito comenzar) en su propia PC en lugar de editar en vivo.
- FTP: la forma sencilla y directa de llevar sus archivos al servidor. Recomiendo FileZilla si lo necesitas. Use sftp si está disponible por seguridad.
- Mozilla Developer Network (MDN) es un excelente recurso para obtener ayuda técnica con HTML / CSS
- Aprenda a usar el modo de desarrollador del navegador y la depuración. Por lo general, solo un F12 de distancia.