SlideShare una empresa de Scribd logo
PRÁCTICA DE PROGRAMACIÓN WEB 
CREAR Y RELLENAR UNA TABLA 
Ejercicio 
1. Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio. 
2. Si no aparece el panel Archivos, ábrelo a través del menú Ventana, opción 
Archivos. 
3. Selecciona el sitio Cocina en el panel Archivos. 
4. Haz doble clic sobre el documento quienes.htm, que aparece en el panel 
Archivos. 
5. Se abrirá el documento en Dreamweaver. 
6. Sitúa el punto de inserción al final el primer párrafo, y pulsa Intro para crear un 
nuevo párrafo. Escribe Tenemos sedes en: . 
7. Haz clic sobre el menú Insertar. 
8. Elige la opción Tabla. 
9. En Filas: escribe 6. 
10. En Columnas: escribe 4. 
11. En Ancho de tabla: selecciona Píxeles y escribe 500. 
12. En Grosor de borde: escribe 2. 
13. Si en Relleno de celda: aparece algo escrito, bórralo. 
14. En Espacio entre celdas: escribe 2. 
15. Selecciona el encabezado Izquierda. 
16. Haz clic sobre el botón Aceptar. 
17. Rellena la tabla para que quede del siguiente modo: 
Sedes de 
cocina 
Ciudad Valencia Barcelona 
Dirección 
Avda. Constitución 
34 
Gran Vía, 162 
Av. Diagonal, 
23 
Horario 
10:00 - 16:30 
20:30 - 00:00 
12:00 - 17:00 
20:30 - 00:30 
20:30 - 01:00 
Especialidad 
Casera y de 
Creación 
Castellana y de 
Mercado 
Creativa 
Reservas Sí No Sí 
18. Haz clic sobre el botón Guardar de la barra de herramientas.
PRÁCTICA DE PROGRAMACIÓN WEB 
MODIFICAR LAS PROPIEDADES DE LA TABLA 
Ejercicio 
1. Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio. 
2. Si no aparece el panel Archivos, ábrelo a través del menú Ventana, opción Archivos. 
3. Selecciona el sitio Cocina en el panel Archivos. 
4. Haz doble clic sobre el documento quienes.htm, que aparece en el panel Archivos. 
5. Se abrirá el documento en Dreamweaver. 
6. Si no aparece el inspector de propiedades, ábrelo a través del menú Ventana, opción 
Propiedades. 
7. Si el inspector de propiedades no se muestra en su totalidad, pulsa sobre el botón 
para desplegar sus propiedades más avanzadas. 
8. Selecciona la tabla. Para ello puedes colocar el cursor en cualquier parte de la tabla, 
desplegar el desplegable del encabezado de tabla y seleccionar la opción 
Seleccionar tabla. 
9. En Rell. celda, introduce el valor 5. 
10. Haz clic en la segunda celda de la segunda fila (la de las ciudades), y arrastra hasta 
la última celda. 
11. Con las celdas seleccionadas, en el desplegable Horiz. elige Centro. 
12. Haz clic sobre el botón Guardar de la barra de herramientas.

Más contenido relacionado

Destacado

Que es dreamweaver
Que es dreamweaverQue es dreamweaver
Que es dreamweaver
Siany Cox
 
Capitulo 2: Espacio_trabajo
Capitulo 2: Espacio_trabajoCapitulo 2: Espacio_trabajo
Capitulo 2: Espacio_trabajo
cristina081188
 
Practica 23. Entorno De Trabajo De Dreamweaver
Practica 23. Entorno De Trabajo De DreamweaverPractica 23. Entorno De Trabajo De Dreamweaver
Practica 23. Entorno De Trabajo De Dreamweaver
guestf4619e
 
Creacion de sitio web en dreamweaver
Creacion de sitio web en dreamweaverCreacion de sitio web en dreamweaver
Creacion de sitio web en dreamweaver
vanerin64
 
Dreamweaver mx-practicas
Dreamweaver mx-practicasDreamweaver mx-practicas
Dreamweaver mx-practicas
Jorge Mendoza
 
Practica 23. Entorno De Trabajo De Dreamweaver
Practica 23. Entorno De Trabajo De DreamweaverPractica 23. Entorno De Trabajo De Dreamweaver
Practica 23. Entorno De Trabajo De Dreamweaver
guestf4619e
 
Barras dreamweaver
Barras dreamweaverBarras dreamweaver
Barras dreamweaver
LISBETH-17
 
Proceso para colocar hipervinculos, marcos y video
Proceso para colocar hipervinculos, marcos y videoProceso para colocar hipervinculos, marcos y video
Proceso para colocar hipervinculos, marcos y video
lucerodolores24
 
Guia no 2 dreamweaver
Guia no 2 dreamweaverGuia no 2 dreamweaver
Guia no 2 dreamweaver
Carlos Diaz
 
Tutoriales de flash
Tutoriales de flashTutoriales de flash
Tutoriales de flash
Mariandree
 
Manual Dreamweaver
Manual DreamweaverManual Dreamweaver
Manual Dreamweaver
paoloarevaloortiz
 
Como definir un sitio
Como definir un sitioComo definir un sitio
Como definir un sitio
Carina Novarese
 
Practica no 3 dreamweaver 8
Practica no 3 dreamweaver 8Practica no 3 dreamweaver 8
Practica no 3 dreamweaver 8
Carlos Diaz
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
Jhocelyn Yasmìn
 
Taller maquetacion web
Taller maquetacion webTaller maquetacion web
Taller maquetacion web
IMAGINA EDUCATION SLU
 
DREAMWEAVER
DREAMWEAVERDREAMWEAVER
DREAMWEAVER
Jhocelyn Yasmìn
 
Manual de practicas de dreamweaver
Manual de practicas de dreamweaverManual de practicas de dreamweaver
Manual de practicas de dreamweaver
daaaaaaaaaaa Gutiierriitos
 
Curso Dreamweaver CS6
Curso Dreamweaver CS6Curso Dreamweaver CS6
Curso Dreamweaver CS6
Daniel Olalde Soto
 

Destacado (18)

Que es dreamweaver
Que es dreamweaverQue es dreamweaver
Que es dreamweaver
 
Capitulo 2: Espacio_trabajo
Capitulo 2: Espacio_trabajoCapitulo 2: Espacio_trabajo
Capitulo 2: Espacio_trabajo
 
Practica 23. Entorno De Trabajo De Dreamweaver
Practica 23. Entorno De Trabajo De DreamweaverPractica 23. Entorno De Trabajo De Dreamweaver
Practica 23. Entorno De Trabajo De Dreamweaver
 
Creacion de sitio web en dreamweaver
Creacion de sitio web en dreamweaverCreacion de sitio web en dreamweaver
Creacion de sitio web en dreamweaver
 
Dreamweaver mx-practicas
Dreamweaver mx-practicasDreamweaver mx-practicas
Dreamweaver mx-practicas
 
Practica 23. Entorno De Trabajo De Dreamweaver
Practica 23. Entorno De Trabajo De DreamweaverPractica 23. Entorno De Trabajo De Dreamweaver
Practica 23. Entorno De Trabajo De Dreamweaver
 
Barras dreamweaver
Barras dreamweaverBarras dreamweaver
Barras dreamweaver
 
Proceso para colocar hipervinculos, marcos y video
Proceso para colocar hipervinculos, marcos y videoProceso para colocar hipervinculos, marcos y video
Proceso para colocar hipervinculos, marcos y video
 
Guia no 2 dreamweaver
Guia no 2 dreamweaverGuia no 2 dreamweaver
Guia no 2 dreamweaver
 
Tutoriales de flash
Tutoriales de flashTutoriales de flash
Tutoriales de flash
 
Manual Dreamweaver
Manual DreamweaverManual Dreamweaver
Manual Dreamweaver
 
Como definir un sitio
Como definir un sitioComo definir un sitio
Como definir un sitio
 
Practica no 3 dreamweaver 8
Practica no 3 dreamweaver 8Practica no 3 dreamweaver 8
Practica no 3 dreamweaver 8
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Taller maquetacion web
Taller maquetacion webTaller maquetacion web
Taller maquetacion web
 
DREAMWEAVER
DREAMWEAVERDREAMWEAVER
DREAMWEAVER
 
Manual de practicas de dreamweaver
Manual de practicas de dreamweaverManual de practicas de dreamweaver
Manual de practicas de dreamweaver
 
Curso Dreamweaver CS6
Curso Dreamweaver CS6Curso Dreamweaver CS6
Curso Dreamweaver CS6
 

Similar a Práctica de programación web

Ejercicio de integración 4 ok
Ejercicio de integración 4 okEjercicio de integración 4 ok
Ejercicio de integración 4 ok
MARCO A. PERALTA CHAVEZ
 
Actividades Tema 2
Actividades Tema 2Actividades Tema 2
Actividades Tema 2
Nadia Gonzalez
 
Ejercicios Windows Xp 01
Ejercicios Windows Xp 01Ejercicios Windows Xp 01
Ejercicios Windows Xp 01
ramos866
 
Ejercicio 1
Ejercicio 1Ejercicio 1
Ejercicio 1
JUAN MANSILLA NEYRA
 
Ochando tic tema 2
Ochando tic tema 2Ochando tic tema 2
Ochando tic tema 2
OCHANDOTIC
 
PráCticas
PráCticasPráCticas
PráCticas
sandra
 
Tutorial Neobook
Tutorial NeobookTutorial Neobook
Tutorial Neobook
Lluglla
 
Tema 2 Informática
Tema 2 InformáticaTema 2 Informática
Tema 2 Informática
SHEILAMP11
 
Tema 2
Tema 2Tema 2
Ejercicioswindowsxp
EjercicioswindowsxpEjercicioswindowsxp
Ejercicioswindowsxp
Octavio Javier Saavedra Torres
 
Manejo de windows xp
Manejo de windows xpManejo de windows xp
Manejo de windows xp
adrixss
 
Paneles de control_ms.access
Paneles de control_ms.accessPaneles de control_ms.access
Paneles de control_ms.access
Jaime22lcp
 
Grupo N°1
Grupo N°1Grupo N°1
Grupo N°1
Alisson Nicole
 
Grupo 1
Grupo 1Grupo 1
Grupo # 1
Grupo # 1Grupo # 1
Grupo # 1
DaniloOcampo03
 
Grupo # 1
Grupo # 1Grupo # 1
Grupo # 1
Debie94
 
Grupo # 1
Grupo # 1Grupo # 1
Grupo # 1
Nena Suriaga
 
Grupo # 1
Grupo # 1Grupo # 1
Grupo # 1
Jeanpi Strada
 
Grupo # 1
Grupo # 1Grupo # 1
Grupo # 1
Eduardo Rambay
 
Grupo # 1
Grupo # 1Grupo # 1
Grupo # 1
carola033
 

Similar a Práctica de programación web (20)

Ejercicio de integración 4 ok
Ejercicio de integración 4 okEjercicio de integración 4 ok
Ejercicio de integración 4 ok
 
Actividades Tema 2
Actividades Tema 2Actividades Tema 2
Actividades Tema 2
 
Ejercicios Windows Xp 01
Ejercicios Windows Xp 01Ejercicios Windows Xp 01
Ejercicios Windows Xp 01
 
Ejercicio 1
Ejercicio 1Ejercicio 1
Ejercicio 1
 
Ochando tic tema 2
Ochando tic tema 2Ochando tic tema 2
Ochando tic tema 2
 
PráCticas
PráCticasPráCticas
PráCticas
 
Tutorial Neobook
Tutorial NeobookTutorial Neobook
Tutorial Neobook
 
Tema 2 Informática
Tema 2 InformáticaTema 2 Informática
Tema 2 Informática
 
Tema 2
Tema 2Tema 2
Tema 2
 
Ejercicioswindowsxp
EjercicioswindowsxpEjercicioswindowsxp
Ejercicioswindowsxp
 
Manejo de windows xp
Manejo de windows xpManejo de windows xp
Manejo de windows xp
 
Paneles de control_ms.access
Paneles de control_ms.accessPaneles de control_ms.access
Paneles de control_ms.access
 
Grupo N°1
Grupo N°1Grupo N°1
Grupo N°1
 
Grupo 1
Grupo 1Grupo 1
Grupo 1
 
Grupo # 1
Grupo # 1Grupo # 1
Grupo # 1
 
Grupo # 1
Grupo # 1Grupo # 1
Grupo # 1
 
Grupo # 1
Grupo # 1Grupo # 1
Grupo # 1
 
Grupo # 1
Grupo # 1Grupo # 1
Grupo # 1
 
Grupo # 1
Grupo # 1Grupo # 1
Grupo # 1
 
Grupo # 1
Grupo # 1Grupo # 1
Grupo # 1
 

Más de Lucho Rojas Rojas

Derecho ambiental del peru
Derecho ambiental del peruDerecho ambiental del peru
Derecho ambiental del peru
Lucho Rojas Rojas
 
Omar exposicion
Omar exposicionOmar exposicion
Omar exposicion
Lucho Rojas Rojas
 
Administracion de medicamentos
Administracion de medicamentosAdministracion de medicamentos
Administracion de medicamentos
Lucho Rojas Rojas
 
COMPUTACION
COMPUTACIONCOMPUTACION
COMPUTACION
Lucho Rojas Rojas
 
ENSAMBLAJE
ENSAMBLAJEENSAMBLAJE
ENSAMBLAJE
Lucho Rojas Rojas
 
Ely 3
Ely 3Ely 3
Mantenimiento fisico de_una_computadora
Mantenimiento fisico de_una_computadoraMantenimiento fisico de_una_computadora
Mantenimiento fisico de_una_computadora
Lucho Rojas Rojas
 
Principales transtornos digestivos
Principales transtornos digestivosPrincipales transtornos digestivos
Principales transtornos digestivos
Lucho Rojas Rojas
 
aplicaciones moviles
aplicaciones movilesaplicaciones moviles
aplicaciones moviles
Lucho Rojas Rojas
 

Más de Lucho Rojas Rojas (9)

Derecho ambiental del peru
Derecho ambiental del peruDerecho ambiental del peru
Derecho ambiental del peru
 
Omar exposicion
Omar exposicionOmar exposicion
Omar exposicion
 
Administracion de medicamentos
Administracion de medicamentosAdministracion de medicamentos
Administracion de medicamentos
 
COMPUTACION
COMPUTACIONCOMPUTACION
COMPUTACION
 
ENSAMBLAJE
ENSAMBLAJEENSAMBLAJE
ENSAMBLAJE
 
Ely 3
Ely 3Ely 3
Ely 3
 
Mantenimiento fisico de_una_computadora
Mantenimiento fisico de_una_computadoraMantenimiento fisico de_una_computadora
Mantenimiento fisico de_una_computadora
 
Principales transtornos digestivos
Principales transtornos digestivosPrincipales transtornos digestivos
Principales transtornos digestivos
 
aplicaciones moviles
aplicaciones movilesaplicaciones moviles
aplicaciones moviles
 

Práctica de programación web

  • 1. PRÁCTICA DE PROGRAMACIÓN WEB CREAR Y RELLENAR UNA TABLA Ejercicio 1. Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio. 2. Si no aparece el panel Archivos, ábrelo a través del menú Ventana, opción Archivos. 3. Selecciona el sitio Cocina en el panel Archivos. 4. Haz doble clic sobre el documento quienes.htm, que aparece en el panel Archivos. 5. Se abrirá el documento en Dreamweaver. 6. Sitúa el punto de inserción al final el primer párrafo, y pulsa Intro para crear un nuevo párrafo. Escribe Tenemos sedes en: . 7. Haz clic sobre el menú Insertar. 8. Elige la opción Tabla. 9. En Filas: escribe 6. 10. En Columnas: escribe 4. 11. En Ancho de tabla: selecciona Píxeles y escribe 500. 12. En Grosor de borde: escribe 2. 13. Si en Relleno de celda: aparece algo escrito, bórralo. 14. En Espacio entre celdas: escribe 2. 15. Selecciona el encabezado Izquierda. 16. Haz clic sobre el botón Aceptar. 17. Rellena la tabla para que quede del siguiente modo: Sedes de cocina Ciudad Valencia Barcelona Dirección Avda. Constitución 34 Gran Vía, 162 Av. Diagonal, 23 Horario 10:00 - 16:30 20:30 - 00:00 12:00 - 17:00 20:30 - 00:30 20:30 - 01:00 Especialidad Casera y de Creación Castellana y de Mercado Creativa Reservas Sí No Sí 18. Haz clic sobre el botón Guardar de la barra de herramientas.
  • 2. PRÁCTICA DE PROGRAMACIÓN WEB MODIFICAR LAS PROPIEDADES DE LA TABLA Ejercicio 1. Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio. 2. Si no aparece el panel Archivos, ábrelo a través del menú Ventana, opción Archivos. 3. Selecciona el sitio Cocina en el panel Archivos. 4. Haz doble clic sobre el documento quienes.htm, que aparece en el panel Archivos. 5. Se abrirá el documento en Dreamweaver. 6. Si no aparece el inspector de propiedades, ábrelo a través del menú Ventana, opción Propiedades. 7. Si el inspector de propiedades no se muestra en su totalidad, pulsa sobre el botón para desplegar sus propiedades más avanzadas. 8. Selecciona la tabla. Para ello puedes colocar el cursor en cualquier parte de la tabla, desplegar el desplegable del encabezado de tabla y seleccionar la opción Seleccionar tabla. 9. En Rell. celda, introduce el valor 5. 10. Haz clic en la segunda celda de la segunda fila (la de las ciudades), y arrastra hasta la última celda. 11. Con las celdas seleccionadas, en el desplegable Horiz. elige Centro. 12. Haz clic sobre el botón Guardar de la barra de herramientas.