¿Qué necesito saber para crear y diseñar un sitio web?

HTML y JavaScript. Eso es si vas a ser el creador de las cosas que suceden en la página.

También puede usar JavaScript en el lado del servidor si usa node.js. De lo contrario, puede que tenga que aprender otro idioma.

Por lo tanto, los sitios web más simples se pueden obtener escribiendo texto formateado en un procesador de texto moderno y guardándolo como HTML. Luego, debe colocar su HTML en un servidor donde se pueda acceder a través de un servidor web.

Otro enfoque simple es encontrar un servicio que le permita crear páginas a través de editores en sus páginas de administración de miembros. Luego, cuando lo guarde, estará disponible en algún lugar determinado por el servicio.

Puede crear un sitio de blog configurando http: //ghost.js . Luego, hay otros servicios como este en todo el lugar.

Una vez que tenga una página en un servidor, es posible que desee crear su propio nombre de dominio. Puede comprar uno de un DNS (servicios de nombres de dominio). Por ejemplo, goddady es uno de esos, pero hay muchos. Estos servicios tienen páginas de administración en las páginas de administración del cliente. Probablemente habrá alguna ayuda para apuntar al DNS en su nueva página web.

Pero, si desea controlar cada aspecto de la página web y cómo responde el servidor, encontrará que la programación en JavaScript es muy importante. Es posible que desee ir más allá de HTML y usar SVG o WebGL. Puede programar la lógica en el servidor para acceder a bases de datos, controlar sesiones de usuarios, guiar a las personas a través de compras y similares.

En el lado de la página web, puede aprender a actualizar regiones de la página mediante la programación de llamadas DHTML y Ajax (que son solo pequeñas llamadas de regreso al servidor). Por lo tanto, puede aprender a animar cosas que responden a las llamadas al servidor.

Con el tiempo puedes ponerte bastante sofisticado.

Al final del día, todo se reduce a HTML. Aprende HTML para comenzar. Respira Beberlo Aprende algunas habilidades básicas de redes. Ayuda a entender cómo las computadoras se comunican entre sí. En lugar de centrarse en un solo idioma, comprenda cómo estos lenguajes y procesos realmente ofrecen resultados.

Luego, comience a mirar los sistemas de gestión de contenido (CMS). Todos tienen su favorito, y algunos son mejores que otros, pero la mayoría de los sitios de hoy están construidos en un CMS de un tipo u otro. Un CMS hará que las actualizaciones, ediciones y cambios sean mucho más fáciles.

Satish Perala sugiere CSS y Javascript. Sí, van a ayudar, pero si entiendes la estructura de archivos y el HTML, puedes encontrar tu camino a través de los problemas de CSS y Javascript con un poco de ayuda. En el proceso, aprenderá CSS y Javascript.

Aprende sobre fotografía y diseño. Mucha gente entiende el lado del código de los sitios y no puede entender por qué sus sitios apestan. No entienden el diseño y lo que se ve bien. Absorbe todo lo bello que encuentres y aprende lo que lo hace bello. Deconstruya todo a su alrededor y viértalo en sus sitios web.

Finalmente, aprende a escuchar. Realmente, aprende a escuchar al cliente. Estás haciendo el sitio para ellos, ¿verdad? A nadie le sirve hacer este sitio increíble, si no atiende las necesidades del cliente. Separe los deseos del cliente (“Quiero ese logotipo giratorio”) de sus necesidades (“Necesito mostrarles a mis clientes cosas nuevas para traerlos de vuelta”).

HTML es fácil. Ejecutar un CMS y cambiar los gráficos es fácil. Aprender un nuevo lenguaje o marco de programación no es difícil, pero no tan fácil. Escuchar y entregar lo que su cliente necesita puede ser una búsqueda de por vida.

Bueno, en primer lugar debe comenzar con uno de los lenguajes de script del lado del servidor como PHP, ASP .Net, Java, Perl, Ruby, Go, Python, etc.

Luego, necesitaría conocimientos de HTML y CSS, y por último, puede aprender JavaScript o jQuery para la creación de secuencias de comandos del lado del cliente.

Para obtener más información, no dude en enviarnos una línea en cualquier momento a [correo electrónico protegido] o enviarnos un Tweet: @QLTechAustralia. ¡También puede visitarnos QL Tech o seguir nuestro blog para obtener consejos técnicos, guías y tutoriales recientes!

Voy a tomar un ángulo diferente aquí. La respuesta de Jonathan Lyons toca esto, pero hay mucho más que codificar para desarrollar un buen sitio web.

Para crear y diseñar un sitio web necesita, primero, una idea clara de los objetivos de la organización para la que lo está construyendo, su público objetivo y qué hace que ese público funcione. Debe conocer el objetivo específico del sitio y lo que el cliente quiere que hagan o ganen los usuarios de su sitio web al visitar el sitio. También necesita saber qué funcionalidad puede requerirse, como sistemas de pago, áreas de miembros, etc.

También necesita saber qué expectativas tiene el cliente sobre el mantenimiento y la actualización del sitio en el futuro. ¿Esperan que manejes las actualizaciones? ¿O esperarán que personas no técnicas tengan una interfaz simplificada para cambiar las cosas? ¿Qué sucede si se retira del negocio o se enferma? ¿Cuál es su fuente de copia? ¿Qué tan calificado es su fuente de copia (y qué tan calificado está usted) para escribir material centrado en el usuario web eficaz, preciso y atractivo?

Este tipo de información conducirá a decisiones sobre qué sistema usar. Es posible que necesite algo desarrollado a mano, pero en muchos casos será preferible uno de los enfoques de tipo CMS. O puede que necesite una combinación de los dos; quizás un sistema estándar de tipo CMS para el sitio principal, con funcionalidad adicional codificada a mano (y, por supuesto, completamente documentada).

Una vez que tenga una buena idea de todo eso, puede comenzar a pensar en cómo diseñar el sitio; cómo debería funcionar su navegación y qué diseños de página y opciones necesita desarrollar para que el sitio funcione bien para los usuarios. Debe saber cómo funciona el flujo ocular en un sitio web y cómo crear (y priorizar en el flujo ocular) enlaces / botones efectivos de llamada a la acción.

Entonces puedes comenzar a considerar la codificación ……

Aprende a hacer sitios web. En realidad, no puede desglosarse lógicamente más que eso, ya que las preferencias personales toman el control. Un desarrollador? O diseñador? Quizás ambos. De esta forma u otra, debe saber qué entregar como repartidor. O tal vez qué esperar de un repartidor y trabajar desde allí.

En pocas palabras, como desarrollador necesita estudiar el concepto de programación, elegir su lenguaje favorito (PHP, .NET, PYTHON …) y unirse a él. Sin embargo, como diseñador, deberá ser creativo con la visualización, comprender la definición personal de “amistad con el usuario” de las personas y las interfaces visualmente atractivas.

Puedes elegir ser ambos, pero tengo que decírtelo amigo; cocinar la comida favorita de cada cliente en casa y entregarla a sus hogares solo … no le permitirá vivir hasta 70 * suspiro *

A2A.

Depende de cuáles sean tus objetivos al querer aprenderlo.

Las otras respuestas son precisas: necesitará Hyper Text Markup Language (HTML) y Cascading Stylesheets (CSS), Javascript (JS) para construir sitios, sin embargo, para ser cliché, eso es solo la punta del iceberg.

Para construir una aplicación web, necesitará un poco más y varía con la respuesta a “¿Qué está tratando de construir?”

Por lo general, el aprendizaje se realiza se centra en dos caras diferentes de la misma moneda.

Front End, que es lo que el usuario ve y hace clic. (HTML, CSS, JavaScript)

Backend, que es de donde provienen los datos (por ejemplo, MongoDB, MySQL) o una llamada remota como un sitio web de terceros en estos y otros lenguajes de backend (por ejemplo, Node.js, PHP, C #, Java, Python, etc.)

Lo que aprende depende de qué aplicación está tratando de crear y mostrar al mundo.

Si se está lanzando al mercado de páginas estáticas, realmente no necesita tanto para ser honesto.

Comience a aprender los conceptos básicos de CSS / HTML.
codeacademy ofrece bastantes buenas guías de aprendizaje en el campo CSS / HTML. Para ser honesto, ahí es donde comencé a aprender mi CSS / HTML. Lo bueno de eso es que te llevará a mano a través de lo básico.

Desafortunadamente, después de que termine esos tutoriales, todavía estará lejos de hablar con fluidez el idioma o un nivel profesional. Mi sugerencia es, practicar mucho. Escribe algo por tu cuenta de las guías que aprendiste.

También puedes leer algunos libros. Asegúrese de tener algo actualizado al menos desde 2015 hasta la fecha, porque los libros más antiguos no tienen HTML 5 y CSS3 incluidos. Y confía en mí HTML5 es una GRAN COSA nueva en desarrollo web, el mismo CSS3.

Sí, eso es todo lo que diría. Y una sugerencia: desafíate mucho. Quedarse atascado en la codificación, trate de resolverlo. Haz bocetos en tu bloc de notas. Haga una investigación en Internet, simplemente trate de hacerlo, porque cuando logre algo por su cuenta, será la mejor sensación. 🙂 Espero que ayude

Aprender HTML, CSS, Javascript

si quieres construir tu sitio en un servidor tipo apche, aprende php o java. O si te gusta el servidor tipo IIS, aprende ASP.NET.

Sin embargo, en realidad, si no conoce ninguna codificación y desea crear su propio sitio web, use wordpress. Eso será todo a la vez y todo lo que quieras. Y no creo que hoy en día los que no conozcan la codificación tengan que aprender la codificación para crear un sitio web.

Investigación / google sobre wordpress

wordpress.org

Debe conocer las siguientes tecnologías básicas si desea crear un sitio web estático o un sitio web dinámico.

1. HTML
2. CSS
3. Javascript

Si tiene que crear una aplicación web dinámica (como una aplicación interactiva donde los usuarios pueden registrarse, comentar y comprar cosas), debe comprender esto además de lo anterior

1. Marco de aplicación web en un lenguaje de programación de su elección (Ruby on Rails o Sinatra en Ruby, Struts en Java o Django en Python, CodeIgniter en PHP, etc.)
2. Cualquier base de datos (Mysql o Postgresql o MongoDB, etc.)
3. Implementar la aplicación en un servidor

Un sitio web es HTML y CSS para que sea bonito.

Después de obtener los conceptos básicos para un “sitio web”, puede comenzar a buscar un poco más.

Las aplicaciones web requieren un componente de back-end (así como probablemente un “Javascript” de front-end), incluso algo tan simple como un recopilador de formularios a menudo requiere algo de “programación”.

Javascript es básicamente el lenguaje de programación final más común y universal. Hay algunas bibliotecas, personalmente sugiero Angular.js o Jquery.js para empezar.

Entonces tu backend. Podría quedarse en el lado de JavaScript, Node.JS, pero sugeriría quizás PHP, ya que se usa más comúnmente y tiene una comunidad más grande (mejor soporte).

Así que para resumir:

* Primero aprende HTML y CSS.

* Luego aprende Javascript

* Finalmente aprende un lenguaje de fondo, como PHP.

HTML + CSS

HTML es el bloque de construcción para los sitios web. Conocer HTML es como conocer las leyes de la física del mundo del sitio web.

CSS es un lenguaje que estiliza y manipula elementos HTML. Conocer CSS le permite cambiar y doblar las leyes de la física del mundo del sitio web.

Necesitas absolutamente estos 2.

Es posible que desee aprender “diseño receptivo”. Este es un subconjunto de habilidades relacionadas con CSS para modificar el sitio web para que se ajuste a ciertas ventanas o ventanas. Importante para hacer que los sitios web sean flexibles en ancho y poder adaptarse a pequeñas pantallas móviles.

No necesita jQuery o javascript. Son responsables de la interactividad, la personalización de la interfaz de usuario y la manipulación de objetos. Pero, sinceramente, estos idiomas son suplementos y es posible que nunca los necesite, dependiendo de lo que haga con su sitio web.

Carlos, hay varios sitios de administración de contenido de código abierto como Joomla, Zencart y WordPress que le permiten producir un sitio web interactivo en muy poco tiempo. Sí, funcionan a partir de plantillas, pero un desarrollador web creativo puede superar eso. Aprenda de todos modos, pero si realmente quiere conseguir lo que quieren de esos clientes, cualquiera de los tres que mencioné podría ser más que adecuado.

HTML y CSS para diseñar su sitio web.

Después de ese script java o jQuery para hacerlo más atractivo con animaciones y otras cosas interesantes.

Para la programación del lado del servidor necesitas PHP.

Pero todo depende de qué tipo de sitio web desee hacer, si es un sitio web estático, será bueno con HTML, CSS y jQuery, si desea un sitio web dinámico, entonces agregará PHP y programación del lado del servidor.

*********************************
Fahir es fundador e instructor en Awesome Tuts, donde ayudamos a más de 50,000 estudiantes a aprender a codificar y hacer juegos.

Solicite su curso GRATUITO de desarrollo de juegos de 14 horas y comience a aprender con nosotros
*********************************

Recomiendo Python y el framework web2py. Web2py es un marco completo que proporciona todo lo que necesita de inmediato. Las pilas están incluidas. ¡Es literalmente una parada de compras para el desarrollo web! Hace que escribir aplicaciones web sea rápido y fácil. Lo uso para todos mis sitios web.

Aún necesitará aprender HTML y CSS para diseñar sus sitios web. Y necesitará al menos suficiente conocimiento de JavaScript para interactuar con jQuery, la biblioteca web más popular.

En primer lugar, me gustaría agradecer a todos los que pasaron el tiempo para echarme una mano y mostrarme un camino.
A pesar de que las respuestas son doradas, me olvido de contar mis referencias pasadas, así que iré:
Anteriormente trabajé en WordPress Documentary Room: otro sitio de WordPress que no es mi plantilla, pero pasé mucho tiempo jugando con el código, pero no me gustó porque:
1) había mucho “arreglo” alrededor del código, por lo que perdí más tiempo buscando un código específico para cambiar (incluso con un truco) de lo que realmente pasé creando algo.
2) No paso a php en ese momento, así que cada vez que quería hacer algo, ni siquiera sabía si era posible o cómo hacerlo.
3) php es extraño, simplemente no lo disfruté, pero no hice ningún esfuerzo.

Curiosamente, sé algo de HTML, pero no sé casi nada sobre CSS. Tengo un archivo html con los enlaces a mis redes sociales, correos electrónicos, proyectos, tengo coda 2 e incluso no lo uso, porque creo que es más agradable escribir en el editor de texto. Css y RoR son un buen peine a mis ojos.

Finalmente hice la pregunta porque, sí, sé un poco (muy básico) pero no sé muy poco de todo entre el paso 1 y la entrega, cómo RoR, Html, Css se mantienen unidos, ¿cómo puedo codificar una estática? página en muy poco tiempo, pero sinceramente creo que fue más un momento borroso y una necesidad de saber todo antes del “viaje”.

Aún así, todas las respuestas me ayudaron, porque no sabía acerca de joomla, drupal como otros CMS, no sabía la importancia de Html en la estructura de un sitio web, ni la parte dinámica asociada con Jquery. Así que solo por esto muchas gracias.

Veo que muchos de ustedes son profesionales en tiempo real en el área, por lo que realmente me gustaría hacer una nueva PREGUNTA:

-¿Cómo aprendes un nuevo idioma mientras trabajas y desarrollas otros idiomas? ¿O cómo aprendiste tu primer idioma?
A veces me resulta un poco difícil incluso con los videos, libros y el mar de recursos, pero no puedo imaginar lo difícil que sería al comienzo de Internet.

(Realmente disfruto haciendo una nueva versión de reinicio y estos clientes no se irán pronto, incluso si lo hicieran, estaré en el teléfono llamando en frío y molestando a todos los nichos que encontré)

EDITAR :: ¿CUÁN IMPORTANTE ES PHP PARA LO QUE ESTOY BUSCANDO?

Anteriormente todo estaba codificado a mano en HTML. eso está lejos de ser la forma más eficiente de hacer las cosas. Por otro lado, ir tan lejos como centrarse en Ruby on Rails podría ser excesivo. Mientras pueda codificar CSS de manera eficiente, podría desarrollar sitios web mucho mejores de lo que ya tienen, lo más probable es que si no tienen sitios web, no quieran uno. Mi experiencia trabajando con la industria con pocos sitios web es que el propietario de la compañía no cree que los beneficie (incluso si sabe que lo hará).

En una respuesta breve, debe aprender el lenguaje HTML, que es el primer idioma que representa cada sitio web.
Luego CSS luego Javascrept
Asi que
HTML
CSS
JavaScrpit

Puede tomar el curso de estos idiomas de forma 100% GRATUITA en Learn to code

Puede evitar aprender a codificar creando un sitio web utilizando algún tipo de generador visual. WordPress tiene algunos temas realmente agradables que pueden ayudarte con eso. Echa un vistazo a WebsitesDiy.org

Te enseñaré un truco, descarga Mobirise. Es un programa de diseño web gratuito que permite a un novato completo crear páginas web estáticas de aspecto fantástico utilizando solo métodos de arrastrar y soltar. He estado creando sitios web durante 15 años y puedo hacer un sitio en Mobirise en 8 horas desde la sopa hasta las nueces. Mientras que si tuviera que codificar a mano todo + crear todo el contenido, me llevaría semanas.

Aquí hay un sitio de ejemplo en el que estoy trabajando, esto me tomó alrededor de una hora para hacer con Mobirise.

http://stinkbox.xyz/stinkbox.xyz … (Esto es aproximadamente un 30% hecho por cierto)