Tablas en Dreamweaver

Name: Tablas en Dreamweaver
Author: Patti Scully-Lane

Si bien HTML proporciona la estructura, CSS proporciona la belleza. En este módulo, se familiarizará con lo que es CSS, cómo los diferentes estilos caen en…

Preview the first lesson free — get full access to all 4 lessons.

Solicitar una demo Iniciar sesión

Curso: bajo demanda

En esta lección, vas a aprender cómo crear una tabla en Adobe Dreamweaver. Antes de que podamos trabajar en nuestra mesa, necesitamos configurar un sitio en Dreamweaver. Así que vamos a ir al menú Sitio, a Nuevo sitio. vamos a nombrar esto Trabajar con tablas, y vamos a hacer clic en el icono de la carpeta. Ahora he tomado la carpeta de archivos de lecciones. de este Module3, y los puse en mi escritorio. Entonces voy a seleccionar ese Module3_tables y seleccione esa carpeta, y vamos a hacer clic en el botón Guardar. Si necesitas saber un poco más sobre cómo trabajar con sitios en Dreamweaver, puede volver al Módulo 1 y a los sitios de administración de lecciones en Dreamweaver para aprender un poco más sobre por qué trabajamos con sitios en Dreamweaver. Voy a ir al panel Archivos, y voy a hacer doble clic en Hikes.html. Eso abrirá ese archivo en nuestra ventana principal. vamos a usar una mesa como una verdadera tabla en este documento. Sin embargo, es importante señalar que al principio de diseñar para internet, las mesas se utilizaron como elementos de diseño antes de CSS, hojas de estilo en cascada, y todavía se usan hoy como elementos de diseño en correo electrónico HTML. Ahora tengo la vista Diseño seleccionada de mis modos de vista. Entonces, si tiene seleccionada la vista en vivo, Te pediré que subas y selecciones Diseño. Y vamos a poner nuestro cursor en este cuadro aquí a la izquierda, y vamos a escribir en RUTAS DE SENDERISMO y luego presione la tecla enter. Ahora, para agregar una tabla, vamos a subir al menú Insertar a Tabla. Aparece el cuadro de diálogo de la tabla, y vamos a crear una tabla con tres filas y dos columnas. Vamos a tener un ancho de tabla de 300 píxeles. con un grosor de borde de uno. Ahora, si quisiéramos, podríamos elegir tener ya sea una columna de encabezado, una fila de encabezado, o ambos, pero eso lo vamos a dejar como ninguno, y vamos a hacer clic en Aceptar. En Dreamweaver, la forma más fácil de realizar cambios a su tabla está aquí abajo en el panel Propiedades. Así que vamos a cambiar el ancho de la mesa de 300 a 600, y se puede ver cómo encaja muy bien en esa zona. Vamos a ir a donde dice Alinear. Vamos a cambiar eso de Predeterminado a Centro, así que lo centrará muy bien en nuestra área. Y vamos a escribir en esta fila superior Rutas de senderismo en MA. Y, ahora, para pasar a la siguiente sección, todo lo que tenemos que hacer es hacer clic en la tecla de tabulación, y puedes ver que eso cambia nuestra mesa un poco. Y es importante saber que cuando estas diseñando mesas hay ciertas cosas que hacen de esta una mesa fluida. Y, por tanto, cambiará a medida que pongamos información en nuestras células. Voy a presionar la tecla de tabulación una vez más, y voy a escribir Trail Name, y tecla de tabulación y escriba Ciudad. Entonces, puedes ver, como puse en Town mis columnas cambian un poco más. Ahora que tenemos un poco más de información en nuestra tabla Quiero volver y hacer algunos cambios adicionales a la mesa. Así que vamos a hacer clic en este 600 en la parte superior de nuestra mesa y seleccione nuestra mesa, y eso nos permite traer nuestro panel de Propiedades para nuestra mesa de nuevo. Y vamos a hablar sobre el relleno de la celda. y el espacio entre celdas de nuestra tabla. Si no pones un número en el relleno de tu celular y su espacio entre celdas, por defecto HTML va a poner un píxel de relleno en cada uno. El relleno de celdas es la cantidad de espacio entre el borde de la celda y el contenido. Entonces, si ponemos 10 como relleno de celda y presionamos la tecla Intro, puedes ver como ahora nuestro tipo está un poco más lejos desde el borde de nuestras celdas. Espaciado de celdas, solo voy a poner cinco por ahora, es la cantidad de espacio entre las propias celdas. Así que lo borraré y presionaré la tecla Intro. y déjelo como la configuración predeterminada. Ahora la otra propiedad que tenemos porque nuestra mesa es la frontera. Actualmente, tenemos un borde de uno, pero se puede ver si ponemos en un borde de cero, Dreamweaver, en la vista Diseño, nos mostrará los bordes de nuestra mesa. Pero si vamos a Live view puede ver cómo no vemos el borde de la tabla en absoluto. Voy a poner esto de nuevo en la vista Diseño. porque la vista Diseño nos ayuda a trabajar mucho más eficientemente cuando se trabaja con tablas. En las próximas lecciones, aprenderemos más sobre cómo modificar y formatear nuestras celdas. Entonces, en esta lección, aprendiste cómo crear una tabla en Adobe Dreamweaver.

Intermedio Proveedor : Patti Scully-Lane 4 lecciones · 30m en Árabe, Alemán, Inglés, Español, Francés, Portugués, Urdu, Chinese

Descripción del curso

Si bien HTML proporciona la estructura, CSS proporciona la belleza. En este módulo, se familiarizará con lo que es CSS, cómo los diferentes estilos caen en cascada y qué elementos HTML se pueden estilizar.

Objetivos de aprendizaje:

Lo que aprenderás

Entender los niveles de CSS y la sintaxis de CSS
Crear tablas en Dreamweaver
Modificar filas y columnas en tablas
Formatear filas y columnas en tablas
Reconocer estilos externos versus internos
Importar datos tabulares en una tabla

Puntos clave

HTML proporciona la estructura de una página mientras que CSS proporciona el estilo.
Los estilos CSS se cascadan en diferentes niveles, y los elementos HTML pueden ser estilizados usando CSS.
Este módulo cubre crear tablas y modificar y formatear sus columnas y filas.
El curso distingue entre estilos externos e internos en CSS.
Los estudiantes pueden importar datos tabulares directamente en una tabla.

Preguntas frecuentes

¿Qué cubre este curso?

Este módulo cubre qué es CSS, cómo se cascadan los diferentes estilos y qué elementos HTML pueden ser estilizados. También te enseña a crear tablas, formatear y modificar columnas y filas, reconocer estilos externos versus internos e importar datos tabulares en una tabla.

¿Qué habilidades ganaré de este curso?

Desarrollarás habilidades en Adobe Dreamweaver, Marcos CSS, Componentes HTML, Formateo HTML, Tablas HTML y CSS Orientado a Objetos.

¿Qué lecciones están incluidas en este curso?

Las lecciones son: Crear una Tabla, Modificar Filas y Columnas en Tablas, Formatear Filas y Columnas en Tablas e Importar Datos Tabulares en una Tabla.

¿Cuál es la diferencia entre HTML y CSS según se enseña en este curso?

Según el curso, HTML proporciona la estructura mientras que CSS proporciona la belleza, lo que significa que CSS se usa para estilizar los elementos HTML.