# data[].attributes.body
Investigamos un poco...

# data[].attributes.attachment_link.readable_text
Como crear una página web con un procesador de texto como un bloc de notas a través de programación en HTML o de herramientas para ello, creando los gráficos web, usando CSS para diseñar las páginas y poniendo la web en línea con un dominio y alojamiento web. Descubre el paso a paso para como crear una página web con procesador de texto como Wordpad.

Entonces quieres saber cómo hacer un sitio web. Por donde empiezas Este artículo lo guía a través de los pasos básicos:

1. Hacer sus páginas web

2. Diseñar su sitio web y

3. Poner su sitio web en línea.

Hacer sus páginas web

Es probable que su sitio web contenga varias páginas web, vinculadas entre sí. Una página web es similar a una página impresa, ya que puede contener texto e imágenes. Sin embargo, existen algunas diferencias importantes entre una página web y una página impresa.

Por un lado, una página web puede tener cualquier longitud, desde unas pocas palabras hasta varias pantallas de contenido. Para ver una página web larga, simplemente desplácese hacia abajo en su navegador.

Una página web también puede contener enlaces a otras páginas web y sitios web. Esta capacidad de vincular a otro contenido realmente hace que la Web sea útil.

Entonces, ¿cómo se crean las páginas web? Sigue leyendo ...

Entendiendo HTML

Las páginas web se crean utilizando un lenguaje llamado HTML . HTML es fácil de aprender. Una página web HTML consiste en el texto de la página rodeado por varias etiquetas para estructurar y formatear la página. Por ejemplo, para crear un párrafo de texto, rodee el texto con etiquetas <p>y </p>:

 <p>Here is a paragraph of text.</p>

Puede crear sus páginas web HTML utilizando cualquier editor de texto sin formato, como WordPad gratuito en Windows ( menú Inicio> Todos los programas> Accesorios> WordPad ) y TextEdit en Mac ( Aplicaciones> TextEdit ). Simplemente abra el editor, escriba su texto y etiquetas HTML, luego guarde el archivo con una .htmlextensión (por ejemplo, mypage.html). Luego puede hacer doble clic en el archivo para ver la página resultante en su navegador web.

¿Qué pasa si no quieres aprender HTML?

HTML es bastante simple y es una buena idea aprender al menos algunas etiquetas básicas. Sin embargo, si no le apetece crear sus páginas web escribiendo HTML a mano, existen algunas buenas alternativas:

Puede utilizar un editor de páginas web WYSIWYG (Lo que ve es lo que obtiene). Este es un software que ejecuta en su computadora. Le permite crear páginas web ingresando o pegando texto e insertando imágenes, como si se usara un procesador de texto. Hay muchos editores WYSIWYG disponibles. En la gama alta existen aplicaciones como Adobe Dreamweaver y Microsoft Expression Web . RapidWeaver e iWeb también son opciones si usa una Mac. Los buenos editores gratuitos incluyen KompoZer y Amaya .

Puede utilizar un sistema de gestión de contenido (CMS). Muchos paquetes de alojamiento web vienen con un CMS que le permite ingresar el contenido de su página web a través de su navegador web. Normalmente, esto implica el uso de un editor de texto enriquecido basado en navegador (que funciona como un simple procesador de texto).

Puedes crear un blog. Los blogs son sistemas de gestión de contenido especializados que son muy fáciles de usar.

Diseñando tu sitio web

En algún momento, probablemente desee agregar elementos gráficos a su sitio web, ya sean algunas instantáneas de vacaciones, un logotipo o un diseño de página completo. Para hacer esto, necesitará un editor de gráficos para crear los gráficos e, idealmente, algunos conocimientos de CSS para diseñar sus páginas.

Creación de gráficos web

Para crear gráficos y manipular fotos, necesita usar un editor de imágenes de algún tipo. Estos le permiten abrir o crear imágenes, ajustarlas tanto como desee y luego guardarlas en un formato adecuado para incluirlas en su sitio web.

Los editores de imágenes populares incluyen:

Una vez que haya creado sus imágenes, puede insertarlas en sus páginas web, ya sea utilizando el editor WYSIWYG que elija o agregando img etiquetas HTML.

Usando CSS para diseñar sus páginas

Además de agregar imágenes a su sitio web, puede diseñar sus páginas web usando CSS ( C ascading S tyle S heets). Como HTML, CSS es un lenguaje fácil de aprender. Puede utilizar CSS para diseñar páginas; estilo de imágenes y texto; crear menús de navegación, etc.

Si está codificando su HTML a mano, puede agregar CSS fácilmente para diseñar sus páginas. Normalmente, esto se hace creando un .css archivo separado para almacenar sus estilos.

Si está creando un sitio web con un editor WYSIWYG, este manejará gran parte del estilo CSS por usted. Sin embargo, para obtener los mejores resultados, es útil aprender al menos un poco de CSS.

Poner su sitio web en línea

Una vez que haya creado su sitio web, querrá ponerlo en la Web para que otros puedan verlo. Esto implica registrarse con una empresa de alojamiento web y luego cargar sus páginas web y otros archivos en el servidor web de la empresa.

Encontrar un servicio de alojamiento web

Existen miles de empresas de alojamiento web.

Si desea tener un nombre de dominio para su sitio web, como por ejemplo www.example.com.

Subiendo su sitio web

Una vez que se haya registrado para obtener una cuenta de alojamiento web, es hora de cargar los archivos de su sitio web.

Ahora ha creado su sitio web y lo ha puesto en la Web para que todos lo vean. ¡Felicidades!

# data[].attributes.attachment_link.title
Cómo crear una página web con procesador de texto

# data[].attributes.attachment_link.description
Como crear una página web con un procesador de texto como un bloc de notas a través de programación en HTML o de herramientas para ello, creando los gráficos

# data[].attributes.body
Seguimos aprendiendo

# data[].attributes.attachment_link.readable_text
En este libro aprenderás a realizar tareas de edición y formato, plantillas, estilos tablas, corrección ortográfica, imágenes, organigramas, combinar correspondencia, macros, esquemas, documentos maestros, tablas de contenido, compartir en internet y SkyDrive, publicar un blog, páginas web, etc.

# data[].attributes.attachment_link.description
En este libro aprenderás a realizar tareas de edición y formato, plantillas, estilos tablas, corrección ortográfica, imágenes, organigramas, combinar correspondencia, macros, esquemas, documentos maestros, tablas de contenido, compartir en internet y SkyDrive, publicar un blog, páginas web, etc.

# data[].attributes.body
Repaso de contenido

# data[].attributes.attachment_link.title
😱Crear una PÁGINA WEB con Word fácil y muy creativa👍

# data[].attributes.body
Repaso de contenido

# data[].attributes.attachment_link.title
►► Curso de Microsoft Word 365 - 2023.  22.1. Trabajar con ONEDRIVE y Word. Aplicaciones web.

# data[].attributes.attachment_link.readable_text
Elementos de pantalla

Al abrir Word, nos aparece una interfaz como la que ves a continuación. Puede variar la estética entre diferentes versiones (en este caso, versión de 2016) pero la distribución inicial de pestañas, tiras, barras de herramientas, etc. es igual en la mayoría de versiones y de procesadores de texto de otras marcas.

Distribución de menús, iconos y otros elementos en la interfaz de Microsoft Word 2016 (Haz clic en la imagen para ampliarla)

La barra de herramientas (1) de acceso rápido contiene normalmente las opciones que se utilizan más frecuentemente. Los botones son: Guardar, Deshacer (para la última acción realizada), Rehacer (para recuperar la acción que hemos deshecho) y Abrir. El último botón abre un desplegable para personalizar los botones que aparecen en esta barra.

La barra de título (2), dónde podemos saber qué título o nombre se le da al documento. Por defecto, Microsoft Word lo nombra provisionalmente como "Documento1". Luego, cuando se realiza la primera grabación del documento, el propio programa nos lleva a una ventana para cambiar el título al documento y darle uno definitivo.

La barra de opciones (3 y 4) es el elemento más usado, el más universal y de donde salen la mayoría de funciones. En el caso de Word, se organiza en pestañas y paneles que se agrupan según las funciones (por ej., copiar, cortar y pegar aparecen juntas).

El menú de acción (5) está compuesto por 3 iconos y, por orden, sirve para minimizar la pantalla, maximizar la pantalla o cerrar la aplicación. Esto último, si se hace antes de guardar los últimos cambios en el documento, hará que nos salga una ventana previa para guardar los últimos cambios en el documento antes de que se cierre definitivamente. De lo contrario, se perderán los últimos cambios en el documento.

La barra de desplazamiento (6) nos permite avanzar o retroceder por el documento, dejando pulsado el puntero del ratón sobre la misma y moviéndolo de hacia arriba o hacia abajo, sin necesidad de mover el cursor de la posición en el que lo hemos dejado cuando estábamos escribiendo.

El menú de nivel zoom (7) nos sirve para agrandar o reducir el área de escritura del documento. Posibilita leer y redactar al tamaño que con el que usuario está más cómodo en un momento determinad. El 100% es el tamaño de zoom estándar, pero, se puede disponer la pantalla en un rango que val del 10%, como mínimo, al 500%, como máximo.

Las vistas del documento (8) es una opción muy útil pero aún desconocida y poco empleada. Por defecto, se suele mostrar en Vista de impresión; esto significa que veremos el formato de la hoja tal cual se imprimiría. Otros modos de vista son para leer y para diseño web.

La barra de estado (9) muestra información del estado del documento, como el número de páginas, número de palabras y el idioma en que se está redactando.

¿Quieres ver cómo se organizan los elementos principales de la interfaz de Word?

Mira este tutorial:

# data[].attributes.attachment_link.title
Guías BibUpo: Procesadores de texto: Elementos de pantalla

# data[].attributes.attachment_link.description
En este tema se explica qué son los procesadores de texto, su tipología y las funciones más comunes de Microsoft Word: elementos de pantalla, fuentes, diseño de página, marcadores, referencias cruzadas, etc. Además, se explica cómo trabajar con Onedrive.

# data[].attributes.body
Aquí encontrarás todo el contenido impartido en este curso

# data[].attributes.attachment_link.description
Este sitio web utiliza cookies propias y de terceros para ofrecer un mejor servicio. Puede obtener más información en nuestra página Aviso Legal. Para dar su consentimiento sobre el uso de cookies, pulse en uno de los botones que mostramos a continuación.