¿Cómo construiste tu primer sitio web?

Sinceramente, no puedo recordar muchos detalles sobre 1995, pero creo que construí mi primer sitio con Page Mill, un producto de Adobe. Pero podría haberlo codificado a mano con el mensaje de texto de Mac.

Mi primera página fue una lista centrada de sitios geniales que encontré en la web y una o dos fotos muy marcadas. Fue publicado en el espacio que AOL dio a sus usuarios. No estoy seguro, pero creo que AOL tenía su propio FTP para cargarlo.

Aprendí HTML de la misma manera que todos en aquel entonces: mirando la página de otra persona y copiándola, completando mi propio contenido y haciendo pequeños cambios, como el color de fondo. No había CSS para aprender, por lo que fue bastante fácil. BGCOLOR = “# 000000” es cómo lo hizo en el día. Y sí, utilizamos mayúsculas para etiquetas y atributos.

Mi primer sitio profesional fue para la pequeña empresa de comunicación corporativa para la que trabajé. Fue la definición de “folleto” en que tomé nuestro folleto y marqué la copia con algunas etiquetas de tabla y una barra lateral amarilla. Lo cargué en un servidor alojado de Network Solutions con Fetch, una aplicación FTP que todavía uso de vez en cuando.

Netscape y el navegador AOL fueron los navegadores que todos usaron, aunque Internet Explorer cambió las cosas rápidamente. Todavía tengo un disco de instalación de IE v. 2 Beta (¡Alta densidad 1.44MB!).

Lo encontré entre el uso de Netscape Navigator 2, con su libro Mac y un disco Syquest. Realmente necesito tirar cosas de vez en cuando.

Mi primer sitio de cliente fue el Instituto de Trabajo Social Clínico. Tampoco era mucho más que un folleto en ese momento. Probablemente también utilicé Page Mill para esto, aunque cambié a bbEdit bastante temprano. Page Mill realmente no le dio las características de búsqueda y reemplazo de múltiples páginas o creación de etiquetas de tabla que tenía bbEdit. Usé bbEdit durante unos 15 años antes de cambiar a Sublime, luego Atom.

Dominar el diseño web en ese entonces significaba dominar tablas HTML anidadas y PhotoShop (o Fireworks) para crear gifs o jpg optimizados para la tipografía. Nuestro siguiente cliente fue para la Asociación de Constructores de Viviendas del Gran Chicago, y comencé a diseñar y construir docenas y docenas de sitios para constructores de viviendas. Todos ellos eran folletos, y la única característica complicada era un formulario de contacto. JavaScript solo se usó para presentaciones de diapositivas y una calculadora de hipotecas, que seguramente no codifiqué por mí mismo.

Probé Go Live y Dreamweaver, y podría haber terminado uno o dos sitios con ellos. Pero odiaba el código desordenado que producían.

Tenía varios años de experiencia en publicación de escritorio cuando comencé a construir sitios profesionalmente, por lo que el conocimiento del diseño, el color, las fuentes, etc. ciertamente me ayudaron a aprender diseño web. Y sí, lo llamamos diseño web, no desarrollo. Fue impulsado por el diseño, aún no dominado por las herramientas, la biblioteca o el marco que utilizó.

Hubo una gran cantidad de sitios de referencia de diseño web para aprender, especialmente Web Monkey, de Wired. Y la Guía de HTML de Bare Bones, que aún está vigente.

En cuanto a los libros, la creación de sitios web asesinos , de David Siegel, 1996 fue una gran influencia. Lleno de código y consejos de diseño, introdujo el concepto de sitios web de tercera generación, sitios impulsados ​​por diseño, no por código. Pasarían otros 9 años antes de que saliera el libro Zen of CSS Design y realmente cambiara la forma en que construí los sitios. CSS Zen Garden, el sitio, salió en 2003, más o menos cuando fui a trabajar por cuenta propia, pero el libro realmente ayudó a explicar cómo implementar el diseño. Mi copia se está cayendo a pedazos.

En 1999 comencé a bloguear en un subdirectorio de la compañía para la que trabajaba, y finalmente lo trasladé a kiplog.com. Se quedó inactivo en 2010. Puede hacerse una idea de cómo eran las cosas navegando por la lista de archivos en la parte inferior de esta página codificada a mano, con enlace roto – KIPLOG – archivo. Eventualmente cambié a un sistema de administración de contenido llamado Movable Type, y unos años más tarde a WordPress, pasándome del desarrollo del sitio estático al desarrollo del sitio con todas las funciones.

Si disfrutaste esta larga publicación de una barba gris hablando de los viejos tiempos, también te gustaría la respuesta de Paul McCann a ¿Han terminado los años dorados del desarrollo web?

Aprendí HTML usando la ya obsoleta Guía para principiantes de HTML y codifiqué mis páginas con SimpleText – Wikipedia. También seguí el grupo alt.html Preguntas frecuentes: Preguntas frecuentes en Usenet News.

No recuerdo qué programa FTP usé. Por un tiempo lo estaba haciendo desde la línea de comando (Unix), pero debo haber cambiado a otra cosa en algún momento. Actualmente uso Transmitir 5 para macOS. Ya disponible. (Tengo la versión 4)

Usé el Lynx (navegador web) hasta que Mosaic (navegador web) estuvo disponible en algún momento. Creo que esperé un tiempo antes de actualizar a una cuenta PPP que me permitió usar Mosaic y luego Netscape (navegador web).

Mi ISP proporcionó a los usuarios espacio web, por lo que no tuve que comprar una cuenta de alojamiento por separado hasta unos años más tarde.

Hice lo que la mayoría de la gente hace, lo busqué en Google. Una vez que hice eso, me encontré con un montón de recursos, la mayoría de los cuales era de uso gratuito.

  • Tutoriales web en línea de W3Schools
  • Red de desarrolladores de Mozilla

Estas son solo algunas de las opciones que puede encontrar en línea.

Además de eso, también compré suficientes libros sobre todo, desde html, css, javascript, php, mysql, linux y todo lo demás.

Estudié como un loco y, en unos meses, pude codificar mi primer sitio web visualmente y DESAPARECIDO .

Estaba lejos de ser un éxito de la noche a la mañana en lo que respecta al diseño web, aprendo cometiendo un montón de errores y descubriendo cómo solucionarlos.

Hoy en día, se me considera una pila completa, ya que codifico utilizando todos los aspectos principales de una pila web moderna. También uso WordPress ya que hace que sea muy fácil para mis clientes hacerse cargo una vez que el trabajo está hecho.

Las herramientas que usé y uso hoy.

Cuando comencé a codificar, tenía mi MacBook Pro y usaba Safari como navegador web, Dreamweaver como IDE y eso es todo.

Obtuve una cuenta de alojamiento compartido y subí un sitio web completamente basado en html con algunos css muy básicos.

Ahora uso más herramientas de las que puedo mencionar en una sola respuesta, principalmente porque sigo cambiando varias herramientas dependiendo de mi estado de ánimo.

  • Codifico en una PC con Windows personalizada, también codifico en mi MacBook Pro y en varias distribuciones de Linux.
  • Utilizo Firefox y Chrome como mis navegadores de elección.
  • Uso Atom Text Editor y Visual Studio Code para el uso diario y en mis proyectos más grandes, uso PHPStorm.
  • He llegado a favorecer el uso de Task Runners como Gulp y Grunt para automatizar algunas de las tareas de bajo nivel que requieren mucho tiempo.
  • Git es lo que uso para el control de versiones.

Esa es mi breve lista de herramientas que uso para codificar un sitio web. Ahora tengo mi propia empresa de diseño web independiente y todavía estoy aprendiendo nuevos aspectos del diseño y desarrollo web a diario.

Aquí hay un video que creé hace un tiempo que recorre mi viaje para convertirme en diseñador y desarrollador web independiente.

Mi primer sitio web fue alojado por Google a través de su proyecto GNBO en 2012, que ellos (Google) cuando intentaban expandir su alcance en África. Lo aproveché y alojé con ellos. Tenían una herramienta de creación de sitios dentro de lo que parecía un portal cpanel pero no una plataforma cpanel completa. La herramienta también tenía buenos análisis, que capturan el tráfico / informe de visitantes al igual que las soluciones de Google Analytics de hoy. Era simple de usar y basado en plantillas. Aunque la opción de diseño de plantilla era limitada y no daba ninguna flexibilidad para hacer twerk según sus propias especificaciones o gustos. Todo lo que necesita hacer es copiar y pegar su contenido (texto, imagen, video) en cualquier parte del sitio donde desea que aparezcan. En 2 días, mi sitio estaba funcionando / funcionando. Sin embargo, la plataforma de alojamiento venía con muchas restricciones a diferencia de una plataforma cpanel completa (LINUX) que le da mucha flexibilidad. No me dio la flexibilidad que necesitaba para agregar etiquetas de verificación o cargar el mapa del sitio y otros esfuerzos de SEO que necesitaba hacer en la carpeta raíz de mi sitio. No había tanta flexibilidad. Después de un año, Google suspendió el proyecto. Supongo que el objetivo en ese momento era obtener algunas pequeñas empresas (PYME) de la región en su plataforma y probablemente convertirlas en clientes pagos después del proyecto. Perdí prácticamente todo mi contenido, incluida mi cuenta de Adsense. Así que tuve que comenzar de nuevo cuando el proyecto terminó, ya que no podía hacer una copia de seguridad de gran parte de mis datos más allá de los que ya he guardado en MS Word. Obtener una cuenta de Adsense fue mucho más fácil con la plataforma GNBO, ya que su requisito no era tan estricto como lo es hoy.

Me dolió haber perdido prácticamente todo mi contenido debido a la falta de planes de copia de seguridad, así como a mi cuenta de Adsense. Pocos años después, relancé mi sitio (Expertos en Servicios de Auditoría de TI y Programas de Auditoría de TI | Oxley Technologies Inc) precisamente en septiembre de 2015 con un nuevo conjunto de contenidos pero la misma idea de negocio / nicho. Mantuve el mismo lugar de siempre donde tengo mi fortaleza y pasión, es decir, escribir manuales de revisión del proceso de auditoría de TI, programas de auditoría de TI, listas de verificación de auditoría de TI, curso de capacitación en línea, guías de mejores prácticas y otros recursos y programas de auditoría de TI sobre seguridad de la información). Con mucho trabajo manual y noches / horas de insomnio, pudimos publicar contenido una vez más, escribimos una buena cantidad de programas de auditoría de TI, listas de verificación y guías de mejores prácticas (Membresía Profesional de Auditoría de TI o Nuestros Programas de Auditoría de TI). A medida que el tráfico creció y el usuario comenzó a mostrar interés y hacer más preguntas a través de nuestro Contáctenos | En la página de Oxley Technologies Inc, tuvimos que monetizarlo para ganar poco dinero y poder gastar nuestro costo de escribir contenidos, así como la investigación y los esfuerzos realizados. Está pagando poco a poco, aunque todavía no hay mucha venta. Pero estoy contento con lo que hemos hecho hasta ahora y el interés y entusiasmo que ha generado la plataforma. Comencé a encontrar satisfacción y satisfacción reales sabiendo que alguien en algún lugar está encontrando valor y resolviendo problemas reales con la información en el sitio web. Finalmente obtuve mi cuenta de Google Adsense aprobada después de varios rechazos, ya que seguí trabajando en mi contenido y enfoque para cumplir con el requisito muy estricto de Adsense. Puede que no sea difícil para los PROS, pero tuve que pasar por mi propia CURVA DE APRENDIZAJE para elegir todas mis lecciones y aprobar todo mi examen, pero valió la pena todos los esfuerzos, muchachos.

Mi punto de aprendizaje: nada es fácil de lograr. El trabajo manual paga y mantenerse fiel a lo que hace y nunca se rinde es la clave del verdadero éxito. Puede ser muy difícil, puede parecer que no funciona a la vez, pero sigue haciéndolo y esforzándote si no fuera por otra cosa que “saber qué funciona y qué no”. Cuando constantemente haces lo que no funciona, habrás aprendido que no funcionan y sigues haciendo preguntas sobre tu enfoque y métodos hasta que encuentres lo que funciona y lo ejecutes. Aprender en el trabajo es la mejor forma de experiencia.

Para obtener más detalles, visite Expertos en servicios de auditoría de TI y programas de auditoría de TI | Oxley Technologies Inc

Pregunta original: ¿Cómo construiste tu primer sitio web?

Construí mi primer sitio web en 1996 con la copia gratuita de Adobe PageMill que la librería de estudiantes de CSUN incluía con Adobe Illustrator 6.0 . (Una verdadera ganga a $ 99, si no recuerdo mal).

Como esto era a mediados de los 90, mi primer sitio web tenía una página de bienvenida. Presentaba un GIF animado que construí con una aplicación gratuita llamada GifBuilder .

El sitio web estaba alojado en Earthlink , que ofrecía espacio libre a cualquier persona con una cuenta de usuario de Earthlink. (10 MB de espacio, si recuerdo correctamente, y no estuve cerca de llenarlo).

Estoy bastante seguro de que usé Anarchie como mi cliente FTP.

Creo que todavía tengo una copia de ese sitio por aquí, pero probablemente esté en un disco Zip de iOmega , que no he tenido ninguna forma de leer durante al menos diez años. Ah bueno.

Usando el software que obtuve del CD de una revista de computadoras, usando el tiempo durante las vacaciones escolares: Netscape 3, Internet Explorer 3, Paint Shop Pro y Macromedia HomeSite para Windows 95. Terminé alojándolo en Tripod.

Hemos recorrido un largo camino. Soy un ingeniero de front-end senior ahora.

La historia es bastante interesante, fue la primera vez que hice programación. Uno de los miembros de mi familia estaba trabajando con sitios web, así que le pedí que me diera consejos sobre cómo comenzar. Me mostró la sintaxis básica y cómo subir al servidor ftp. Me quedé impresionado!

Así que pasé toda la noche trabajando en mi sitio web, aprendiendo sobre html, css ext.

Así que mi primer sitio web fue un sitio web simple con texto aleatorio. Pero mi sitio web real también era muy simple, pero estaba diseñado con CSS y agregaba un poco de jquery básico, estaba muy orgulloso de ello. 🙂

Echa un vistazo a MotoCMS , que actualmente estoy ejecutando para algunos de mis proyectos. Moto CMS es un generador de sitios web receptivo con un sencillo editor de arrastrar y soltar que le permite crear sitios web atractivos, funcionales y amigables con SEO fácilmente, sin tener ningún conocimiento especial o habilidades de programación.

Puede tomar la plantilla, personalizarla y listo. El soporte y las actualizaciones regulares también son una buena adición.

¡Espero que te sea útil!

A principios de la primavera de 1994, había creado una página web básica para el navegador NCSA Mosaic. puntualmente decidió no tocar estas cosas hasta otro año más o menos.

A principios de 1995, con un libro y un navegador Netscape recién adquirido, creé una página web más viable, y creo que creé una página bastante básica para ello.

Pero un evento importante fue Netscape 3.0 en 1996, y para entonces había mucha mejor documentación disponible, y creé más páginas y creé un sitio web con algún código perl para indexar. Y ese sitio estaba en realidad en Internet temprano por algunas veces.

Es fácil construir un sitio web. Si desea crear su propio diseño, debe conocer los conceptos básicos de HTML, CSS y JS, pero también puede usar Plataformas que le proporcionan un sitio web gratuito, como WordPress y Blogger, solo necesita comenzar a escribir su contenido. El siguiente enlace contiene una guía paso a paso para iniciar su primer sitio web gratuito instalado de WordPress con dominio gratuito.

Cómo crear un sitio web gratis gratis con alojamiento web – Ayyan Alee

¡Comencé a construir un sitio web usando Wapka.Mobi!

Comenzó muy mal, pero mejoró gradualmente con la ayuda de W3schools y algunas búsquedas en Google, y en ese entonces solo sabía cómo trabajar con Xhtml.

Pude construir mi primer sitio web con la ayuda de una amiga que es muy buena en HTML, ella construyó el sitio web mientras yo lo seguía y pude crear mi primer sitio web.

😀

Creo que fue Adobe Dreamweaver. Tenía una interfaz de usuario bastante buena en ese momento para crear sitios web sin conocimiento del código. Pero como las cosas no se comportaron como se esperaba, comencé a inspeccionar las cosas (HTML) que sucedían en la parte posterior y explotó después de eso 🙂 Pero esos fueron mis comienzos.

Aprendo en la escuela secundaria, la maestra me pidió que abriera un bloc de notas y escribiera algunas etiquetas html y h1.

Y después de eso abro mi archivo con mi navegador.

Desde entonces, tenía tanta curiosidad por mejorar esta página, nunca desde entonces he olvidado la sensación de codificar.

Un maestro me enseñó HTML (versión 2). Juntos hicimos el primer sitio web de la escuela en la que estaba. Esto fue hace 21 años, en 1996.

Lo hizo en OS / 2 e IBM WebExplorer, que fue el navegador incorporado.

Usando el producto de Microsoft llamado Front page. Usando algo de HTML básico, incluida la etiqueta MARQUEE, que era genial esa vez. Diseños de Photoshop y no recuerdo haber usado CSS en ese momento. La página de inicio era como Ms-word, que era bastante fácil y terminó alojándola en un lugar gratuito como Free Web Hosting. Fueron días como el primer amor y cómo es jodidamente serio. trabajo.

Simplemente escribiendo algunas páginas html a mano. Javascript y sitios web reactivos aún no existían en ese momento (1994 más o menos).

Con word press, aprendiendo mucho de youtube

More Interesting

Si quisiera crear el mejor sitio web posible, ¿qué idiomas necesitaría saber?

Cómo hacer páginas en el tema Boardwalk (haga clic en el enlace en detalles)

Cómo construir una interfaz para un sitio web estático

Cómo construir una comunidad en línea activa para mi sitio web

Aprendí un poco de HTML y CSS, por lo que puedo escribir código básico. Pero, ¿cómo llego mi código al sitio web? FTP? ¿Lo escribo en mi sitio web?

Quiero aprender completamente el desarrollo web. ¿Dónde puedo encontrar una lista de libros que me pueden ayudar a aprenderlo por completo? Me alegrará saber que hay algunas series de libros de clase mundial para el desarrollo web.

Quiero construir un blog personal. ¿Qué es un servidor barato?

Actualmente estoy escribiendo una propuesta para mi proyecto de último año. Mi proyecto se trata de desarrollar un sistema que ayude al probador mientras realiza el proceso de prueba. Uno de los elementos en la propuesta es la sección de alcance. ¿Qué es el alcance del proyecto? TQ

Si tengo una gran cantidad de iBeacons en varias tiendas diferentes, ¿hay un servicio disponible para permitir que cada persona administre sus balizas o tengo que administrar las balizas para cada tienda yo mismo?

Cómo hacer que mi sitio web se cargue más rápido

Llegué tarde a la programación, ¿cuánto tiempo necesito dedicar para obtener un trabajo de desarrollador web junior?

Soy un desarrollador de UI / front-end con una experiencia total de 5 años. ¿Cómo puedo solicitar en el extranjero?

¿Vale la pena comenzar a aprender PHP en 2017 para el desarrollo web, o probar algo como Python Django?

Estoy interesado en reconstruir la versión 2004 de Facebook. ¿Cómo puedo hacer esto?

Cómo obtener las publicaciones más recientes de Craigslist