Como hacer paginas web en bloc de notas

Como hacer paginas web en bloc de notas

cómo hacer un sitio web usando html en notepad windows 10

El Lenguaje de Marcado de Hipertexto es el lenguaje utilizado por los navegadores web para mostrar texto e imágenes en las páginas web. Utiliza etiquetas (básicamente comandos) como <head>, <title>, <body> y <table>. También utiliza Estilos que se usan para dar formato a la apariencia del texto, las imágenes y el diseño de la página.. Están diseñados para dar a los nuevos Webweavers una base sólida antes de que empiecen a utilizar paquetes de software de desarrollo web como Adobe

Adobe Dreamweaver CS5, (precio académico 195 dólares) es el programa de software de diseño web líder en la industria, un destacado editor visual de HTML y un magnífico editor de código, con excelentes funciones de autocompletado y validación. Dreamweaver forma parte de la suite Adobe CS5.

Expression Web (gratuito para los estudiantes con una dirección de correo electrónico .edu) es el editor HTML y el producto de software de diseño web de Microsoft Windows; permite crear sitios web basados en estándares de forma más rápida y sencilla. Utiliza «IntelliSense» para autocompletar el código. Forma parte de la suite Expression Studio. Estas lecciones, intencionadamente breves, van directamente al grano y pueden completarse en una breve sesión de clase. Son mucho más fáciles de trabajar que algunos de los sitios HTML más involucrados que pueden abrumar a un estudiante principiante. Se definen los términos y las etiquetas, se proporcionan ejemplos reales y se muestran los resultados en la pantalla. El código de muestra está diseñado para ser copiado directamente de la pantalla y pegado en una página de práctica para probar, modificar y experimentar.

->  Gmail correo electrónico iniciar sesion nueva

cómo hacer una página web con códigos html en el bloc de notas

El encabezado de un documento HTML es el lugar donde se almacena la información básica de su página web, como el título de la página y posiblemente las etiquetas meta para la optimización de los motores de búsqueda. Para crear una sección de cabecera, añada las etiquetas head en su documento de texto HTML del Bloc de notas entre las etiquetas html.

El título de su página web es el texto que se muestra en la ventana del navegador. También es lo que se escribe en los marcadores y favoritos cuando alguien guarda su sitio. Guarde el texto del título entre las etiquetas de título. No aparecerá en la propia página web, sólo en la parte superior del navegador.

El cuerpo de su página web se almacena dentro de las etiquetas body.  Debe ir después de las etiquetas head pero antes de la etiqueta html final.  En esta zona se coloca el texto, los titulares, los subtítulos, las imágenes y los gráficos, los enlaces y el resto del contenido. Puede ser tan largo como quieras.

En los primeros tiempos de la web, herramientas como el Bloc de notas eran la herramienta estándar para escribir nuevas páginas web. Sin embargo, dada la complejidad de la mayoría de las páginas modernas, además de la interacción del HTML con el CSS, casi nadie utiliza ya el Bloc de notas: o bien utilizan herramientas gráficas como Adobe Dreamweaver, o bien confían en plataformas de codificación como Visual Studio Code. Es preferible un entorno de texto que ofrezca corrección de código y pelusa a un lienzo en blanco e indiferenciado, por lo que, aunque el Bloc de notas funciona en un apuro, es mucho menos óptimo para la edición de HTML que los editores de codificación o las aplicaciones gráficas de diseño web.

->  Sistemas operativos para raspberry pi 3

sitio web del bloc de notas

Si estás en un Mac y quieres algo mejor que TextEdit, puedes descargar Adobe Brackets que funciona tanto en Mac como en Windows. Yo trabajaré en Windows y, por tanto, utilizaré la versión básica del Bloc de notas. El código de este tutorial funciona en cualquier editor, así que elige un editor que te guste y empecemos.

Abre TextEdit y asegúrate de que el editor de texto está configurado como texto plano yendo a Preferencias > Nuevo documento > selecciona texto plano. A continuación, asegúrate de marcar «Mostrar el archivo html como código html» y «Mostrar el archivo RTF como código RTF» en «Abrir y guardar».

Guarde el archivo como «index.html» con una extensión HTML. Esto es muy importante, si no añades el .html al final del nombre, no funcionará. Nota: Aunque es preferible el .html también puedes usar el .htm sin la «L».

Puedes cambiar el ancho y el alto a lo que quieras. Sólo tienes que cambiar esos números en el código y dejar todo lo demás sin cambios. En este ejemplo usaremos un width=»427″ y height=»240″. Puedes poner los tuyos a lo que quieras.

->  Cambiar direccion ip android

cómo hacer un sitio web usando notepad++

Aquí puedes ver toda la información importante sobre tu sitio web. Al hacer clic en el enlace del panel de control, accederás al panel de control del alojamiento, donde podrás realizar la mayoría de las tareas de configuración del sitio web, como la instalación de software, el acceso a los registros, etc.

Después de instalar Filezilla, inicie sesión en su sitio web a través de FTP. Utilice la información de inicio de sesión de FTP en su área de cliente de alojamiento para iniciar sesión (el nombre del servidor y el nombre de usuario se muestran en el área de cliente de alojamiento). La contraseña es la misma que introdujo al registrarse.

Acerca del autor

Elena

Soy Elena Caceres experta en ciberseguridad y aficionada de todo lo que gira entorno al Internet. Les doy la bienvenida a mi blog donde trato de compartir información actualizada sobre estos temas relacionados con la tecnología.

Ver todos los artículos