Los archivos que procesa un navegador web son archivos de texto. Estos son los archivos HTML, CSS y Javascript.
El Bloc de notas puede editar archivos de texto. No es el editor más útil.
Hay editores de archivos de texto mejorados como Notepad ++ que lo ayudan a formatear el código HTML, CSS y Javascript, como el resaltado de sintaxis de color e incluso advertencias de error predictivo. Debe buscar Editores HTML de Windows en Google y probar algunos gratuitos, ya que con el tiempo vacilará en varios hasta que elija uno como preferencia. Todavía me gusta Syntax Highlighter 2 para mi Mac.
- Quiero que mi blog sea profesional y limpio, ¿cuál es mi mejor opción en la creación de sitios web?
- No puedo decidir si quiero aprender web u otra programación, así que ¿no puedo hacer las dos cosas?
- Si quiero construir una red social desde cero, ¿qué paquete tecnológico debo usar hoy para comenzar?
- Estoy empezando a aprender desarrollo web, HTML, CSS, JS, etc. También acabo de comenzar freeCodeCamp. ¿En qué punto debo comenzar a asistir a reuniones locales?
- Quiero trabajar en el lado de los servidores Linux, ¿qué debo hacer?
Primero para usar el Bloc de notas, debe recordar agregar las extensiones de archivo adecuadas al guardar archivos nuevos . Por ejemplo .html para archivos HTML, .css para archivos CSS y .js para archivos Javascript como el Bloc de notas predeterminado en la extensión de archivo .txt. Le garantizo que habrá algunas veces cuando se rasca la cabeza por qué algo no funciona y la respuesta es que el archivo terminó con una extensión .txt.
En segundo lugar para usar el Bloc de notas, debe validar el formato de sus archivos HTML y CSS . Servicio de Validación de Marcado y Servicio de Validación CSS. Todos los desarrolladores validan todos los archivos en algún momento, pero debido a que está utilizando una herramienta que no es útil cuando escribe código, probablemente debería validar los archivos con más frecuencia y especialmente cuando experimenta anomalías de representación.
Tres debes aprender a usar las herramientas de desarrollo del navegador web. Soy fanático de las herramientas de Chrome y las uso para mis cursos de Web Skill Bootcamp., Pero otros navegadores web modernos también tienen herramientas. Utiliza la ventana Elementos para buscar problemas de HTML y CSS. Usted mira la ventana Fuentes (Recursos) para verificar que los archivos correctos estén cargados y su contenido. Observará la ventana Red para verificar problemas de Internet. Utilizará la ventana del depurador y la ventana de la consola para ayudar a encontrar y corregir o incluso aprender Javascript.
Cuatro y, opcionalmente, en última instancia, desea probar todas sus páginas web con http: // somedomain / file.html, por lo que desea que se ejecute un servidor web local en su computadora o se cargue en un servidor web público. Tenga en cuenta que no necesita eso inicialmente, pero a medida que llega a la publicación formal de su trabajo, debe probar cargar los archivos desde un servidor web.
Finalmente, necesita un programa de cliente FTP para cargar los archivos al servidor web público si planea publicar. Me gusta FileZilla para Mac y está disponible en Windows.
Tenga en cuenta que, en última instancia, deberá preparar archivos gráficos para sitios web, por lo que esto incluye recortarlos y optimizar el tamaño de sus archivos. El bloc de notas y la mayoría de los editores de código no hacen eso. Puede encontrar algunos recursos en línea que cargarán archivos de edición y descarga para usted o necesita adquirir un programa de gráficos que pueda exportar a formatos de archivos gráficos web: .png, .jpg y .gif.