Asegúrese de guardar archivos como .html para páginas web estáticas. Si está usando PHP, debe usar la extensión .php.

En el caso de php, necesita un entorno de desarrollo local (MAMP / XAMP / WAMP) para ejecutar archivos .php. Para el sitio web estático, puede abrir los archivos en el navegador sin ningún software.

Puede echar un vistazo al sitio web de Bootstrap y seguir algunos tutoriales para comenzar.

Mis recomendaciones para los editores de texto son las siguientes.

1. Sublime Text, Atom, Brackets (para Mac y Windows).
2. NotePad ++ (para Windows).
3. TextWrangler (para Mac).

Intenta mirar en Atom. Es un editor para el desarrollo de sitios web y es muy conveniente ya que puede personalizar completamente el editor, utilizando los paquetes gratuitos de OpenSource disponibles.
Además, intente buscar en la documentación de ATOM, intente contribuir y se abrirán más opciones para el desarrollo web. Se ve bien en su currículum y crea experiencia, si desea estar en el campo de TI.

Abre el archivo en un navegador.

Navegue hasta donde guardó el archivo, haga clic derecho y elija abrir con, agregue y luego elija Chrome. Se abrirá en el navegador y podrá inspeccionar cómo funciona todo utilizando las Herramientas para desarrolladores de Chrome, simplemente presione la tecla f12 y comience a explorar.

Eventualmente querrás subir tu trabajo a un servidor. Hay muchos servidores gratuitos para comenzar. Echa un vistazo a Cloud 9: tu entorno de desarrollo, en la nube.

¿Es directamente HTML? Suelta tu archivo .html en tu navegador para abrirlo.

¿O está escrito en un lenguaje del lado del servidor como PHP? Luego deberá cargarlo en un servidor web y abrir esa página en su navegador.

O, si requiere un procesamiento del lado del servidor, configure un entorno de desarrollo local que tenga un componente de servidor web y los módulos necesarios para procesar su código. Hay muchos disponibles, dependiendo de su sistema operativo.

Otra alternativa es encontrar un software de edición web que tenga una función de vista previa como Coda en la Mac o Adobe Dreamweaver si tiene una suscripción a Creative Cloud. De nuevo, depende de su sistema operativo.

Alguien puede darle una mejor respuesta si puede decirnos: a) en qué está escrito su sitio web, yb) su sistema operativo. Me resulta extraño que haya “terminado la codificación” y aún no sepa cómo ver los resultados.

Copie el código en CodePen para una vista previa en vivo.

Ejecute su código en su navegador si ha guardado su archivo con la extensión .html.

De lo contrario, puede usar este compilador en línea gratuito Code, Compile & Run para ejecutar y ver cómo se ve su código como un sitio web.

Happy Coding ..

¿Puedes subir tu código a la web y verlo allí?

Si tiene un editor WYSIWYG como Dreamweaver, puede cambiar de la vista de código a la vista de diseño para obtener una vista previa.

O prueba esta técnica

Use Dropbox para probar su sitio web localmente

O eche un vistazo a esta lista de 10 editores web WYSIWYG gratuitos para Windows

Guarde como .html, haga clic derecho (o incluso doble) y ábralo con un navegador.

Abra el archivo .html en su navegador

Si tiene un archivo html, lo abre desde Finder, debería abrirse en un navegador. Entonces puedes ver tu sitio web terminado.

Haga clic derecho en el archivo que creó y haga clic en abrir con luego haga clic en el icono de Chrome o el icono de Firefox.