En esta lección, vas a aprender cómo agregar texto a las páginas en Adobe Dreamweaver. Para que podamos utilizar las funciones del sitio de Dreamweaver, necesitamos crear un nuevo sitio. Vamos a subir al menú del sitio, y vamos a ir a un nuevo sitio. Si no sabe cómo crear un nuevo sitio, puede volver al módulo dos y ver el video, creación de un sitio en Dreamweaver. Vamos a nombrar este módulo cinco, y vamos a hacer clic en este icono de carpeta, y vamos a navegar hasta donde tienes los archivos de la lección del módulo cinco. Y en tu módulo cinco, vamos a hacer clic en la carpeta seleccionada para designarlo como nuestra carpeta principal del sitio. Vamos a ir a la configuración avanzada. Vamos a hacer clic en la información local, y arriba en la parte superior donde dice carpeta de imágenes predeterminada, vamos a buscar archivos, vamos a elegir la carpeta de imágenes, y haga clic en la carpeta seleccionada, y vamos a hacer clic en guardar. Tan pronto como hagamos eso, nuestro sitio está aquí a la derecha, en nuestro panel de archivos. Ahora vamos a agregar texto a nuestras páginas. un par de maneras diferentes. Primero, lo que vamos a hacer es crear un nuevo documento y agregaremos texto a ese nuevo documento sin estilo. Así que vamos a ir al menú de archivo a nuevo, asegúrese de que desde la primera columna tengamos un nuevo documento, de la segunda columna, vamos a elegir HTML, del marco, elegiremos ninguno, pero con el tipo de documento establecido en HTML5, vamos a hacer clic en el botón crear. Ahora, cuando aparece nuestra página, dependiendo de dónde se encuentre con su código o vista en vivo en la parte superior, Te pediré que vayas a la vista de código solo por un minuto. Y vamos a ir al panel de archivos. Vamos a abrir la carpeta miscelánea, y vamos a hacer doble clic en la carpeta de texto de senderismo. Ahora bien, este es un documento de texto que se creó en el Bloc de notas, pero podrías crear el mismo tipo de archivo en Edición de texto en una Mac si la tiene, y es un archivo muy simple, solo tenemos un boletín mensual de senderismo en la parte superior, un par de párrafos, tenemos algunas caminatas, algunas prendas de vestir y subtítulos de equipo. Ahora te darás cuenta, cuando abre un archivo de texto en Dreamweaver, lo abre como si reconociera el archivo, pero nunca querrías guardar este documento, a pesar de que está en la vista de código, nunca querrías guardar este documento como un archivo HTML, porque falta una cosa muy importante en este archivo. Y eso son las etiquetas. No hay etiquetas envueltas alrededor de nuestro texto. Ahora, para incluir esto en nuestro nuevo documento sin título, que es un archivo HTML, vamos a seleccionar todo este texto, Simplemente hice clic y arrastré hacia abajo, podría hacer un Comando o Control A para seleccionar todo, o sube al menú de edición para seleccionar todo, eso hubiera funcionado, también. Vamos a copiar esto, y de nuevo, un par de formas diferentes de hacerlo. Control C, puede hacer clic derecho y copiar, o puede ir al menú de edición para copiar. Si volvemos a nuestros dos sin título, ahora, aquí es donde hay que tener mucho cuidado, porque si estás en la vista de código, y pega ese texto directamente en la vista de código, puedes ver que funciona. Pero si hacemos clic en la pestaña en vivo aquí en el centro, puede ver que viene sin formato de párrafo. Todo está en un gran párrafo. Vamos a subir al menú de edición y deshacer, porque hay varias operaciones de deshacer en Dreamweaver. Ahora, esta vez, vamos a volver a esa vista en vivo, y vamos a cambiar esto a la vista de diseño, porque la vista de diseño es mejor para editar nuestro contenido. Si ponemos nuestro cursor en la parte superior de esta página y pegamos, notarás que nuestro texto entra con todos los descansos que hay. Entonces, si vamos a nuestra vista de código, esta es la mejor parte de Dreamweaver es que cuando miramos este texto, todas nuestras etiquetas se envuelven alrededor de nuestro contenido de texto, y permitiendo el formato que vemos aquí. Vamos a subir al menú archivo, vamos a hacer un ahorro en esto, y en ese módulo cinco, vamos a llamar a esto copiar texto de subrayado. No olvide las convenciones de nomenclatura, sin espacios, sin caracteres especiales, guiones bajos y guiones están bien. Vamos a guardar eso. Ahora acabamos de agregar este contenido a una página completamente nueva, y no había estilos ni áreas de la página para que nos preocupemos. Teníamos una pizarra limpia, pero, ¿qué hacemos si necesitamos poner texto en una página? que ya tiene un diseño? Entonces, en ese caso, vamos a ir a nuestro panel de archivos, y vamos a hacer doble clic en about.html. Y puedes ver que tenemos símbolos de intercalación y una barra oblicua al lado de esto, y eso es lo bueno de este panel de archivos, nos dice un poco sobre el tipo de archivo que es, por lo que nos informa que se trata de un archivo HTML, porque tiene los signos de intercalación y la barra inclinada. Así que vamos a hacer doble clic en eso para abrirlo. Ahora, aquí tenemos una página de diseño, y se puede ver como tiene mucho contenido. Y aquí en la parte superior izquierda, hay un área, si ponemos el cursor en esa zona, puede ver que obtenemos un cursor parpadeante. Ahora, en la parte inferior de nuestra página, esta es una de esas áreas en Dreamweaver que le ayudará a aprender sobre el código. Hablamos en el módulo tres sobre HTML, y cómo tenemos que anidar nuestras etiquetas correctamente, y aquí abajo en el fondo, nos dice todas las etiquetas que están anidados alrededor de esta etiqueta H3. Hay un artículo que tiene una clase de artículo a la izquierda, hay una etiqueta de sección, hay una etiqueta div que tiene un contenedor, y todos ellos pertenecen a nuestro cuerpo. Entonces, lo que vamos a hacer ahora es ir a nuestro panel de archivos, y vamos a hacer doble clic en esto sobre txt en la carpeta varios, y tenemos algo de información sobre el grupo que crea este boletín mensual de senderismo, y entonces vamos a seleccionar todo este texto. Ahora estamos abriendo archivos de texto directamente en Dreamweaver, pero puedes copiar y pegar desde un correo electrónico, desde un documento de Word, desde un PDF, por eso tenemos esa carpeta miscelánea que puede contener todos los archivos que tienen texto que vamos a poner en nuestras páginas. Si tenía un documento de Microsoft Word allí, y haga doble clic en eso, se abrirá Word para usted. Dreamweaver no puede abrir archivos de Word aquí, pero le permitiría abrir Word. Así que vamos a seleccionar este texto. Vamos a copiarlo, vamos a ir a nuestro alrededor, y vamos a poner nuestro cursor donde justo en la parte superior, y vamos a pegar. De nuevo, haga clic con el botón derecho para pegar, controlar V, editar para pegar, cualquiera de esos servirá. Ahora, cuando pegamos nuestro contenido aquí, puedes ver que conseguimos todo nuestro formato de nuestros párrafos, pero también notará que el texto aquí se ve un poco diferente que la versión en vivo de este texto de copia. Y eso es porque este documento de texto copiado no tiene estilos. Así que está entrando usando la fuente predeterminada, que es Times New Roman, pero en eso about.html, porque este documento tiene una hoja de estilo externa aplicado a él, y podemos decir eso porque arriba en la parte superior, tenemos un archivo relacionado, así que debido a que esto tiene una hoja de estilo aplicada, nuestro texto viene ya formateado. Entonces, cuando agrega texto a un documento en Dreamweaver, realmente depende de qué más esté pasando en ese documento, particularmente si tiene estilos usados en su documento, entonces su texto vendrá formateado. Pero si no lo haces, su texto aparecerá en tipo Times New Roman, pero todo su formato de párrafo, los saltos de tus párrafos, esos entrarán, siempre que copie y pegue en la vista de diseño. Así que en esta lección, aprendió a agregar texto a las páginas en Adobe Dreamweaver.
