Tutorial de Visual InterDev
(2)
Ahora que ya tenemos creado
nuestro primer proyecto en Visual InterDev vamos a trabajar para agregarle
algo de contenido.
Abre Visual InterDev (si no
tienes abierto ya el proyecto Libros creado en la primera lección) y en el
diálogo que aparece pulsamos la pestaña "Existente"
("Existing") y abrimos nuestro proyecto.
Una vez abierto, pulsamos la raíz
del proyecto (en el Explorador de Proyectos) con el botón secundario
y en el menú contextual seleccionamos primero "Agregar"
("Add") y después "HTML" ("HTML Page").
En el diálogo que se abre el
el campo "Nombre" ("Name") pondremos
"index.htm" y pulsamos "Abrir" ("Open").
Visual InterDev creará la página y la agregará al Explorador de
Proyectos.
Ahora ya puedes usar el
editor WYSIWYG de Visual InterDev para poner el texto en la página que
acabamos de crear (este se abre pulsando la pestaña "Design"):
(Pulsa la imagen para verla
en el tamaño completo)
El editor WYSIWYG de Visual
InterDev funciona como cualquier editor de texto, por ejemplo como Word:
puedes seleccionar el tipo y el tamaño de la fuente de las listas
desplegables de arriba.
La siguiente pestaña
"Source" te permite editar el código HTML directamente y la
pestaña "Quick View" nos proporciona la vista previa de la
página tal como se vería en un navegador.
Ahora, seleccionamos el texto
"Lista de novedades" y utilizamos el icono de Hipervínculo de
la barra de herramientas de Visual InterDev para insertar un
hipervínculo:
(Pulsa la imagen para verla
en el tamaño completo)
En el campo de URL pon la URL
que corresponda a tu servidor.
El fichero new.asp al que
apunta el vínculo todavía no existe, así que vamos a crearlo ahora de
la misma manera como hemos creado index.htm pero en vez de "HTML
page" seleccionaremos "Active Server Page".
Visual InterDev agregará el
fichero new.asp al Explorador de Proyectos.
En el Editor de Visual
InterDev pulsaremos la pestaña "Design" para editar la página recién
creada. En realidad el fichero new.asp no es un .asp propiamente dicho,
perfectamente podríamos llamarlo "new.htm" porque solo va a
contener código HTML pero nos sirve como practica y como un pequeña
demostración que ASP soporta también HTML puro.
En el editor WYSIWYG de
Visual InterDev escribe el título "Novedades del mes",
selecciona el estilo y las fuentes que más te gusten.
Ahora insertaremos una tabla
en nuestro documento, selecciona "Tabla/Insertar Tabla"
(Table/Insert Table) desde la barra de menús de Visual InterDev.
En "Rows" pon
"3" y en "Columns" "2" y pulsa
"Aceptar" ("OK").
En el editor WYSIWYG de
Visual InterDev pondremos como título de la primera columna
"Autor" y de la segunda "Título".
Llenaremos los campos que
quedan con autores y títulos, en mi caso puse datos ficticios:
(Pulsa la imagen para verla
en el tamaño completo)
Y ya está. Ahora sólo nos
queda comprobar que la aplicación funciona: abrimos primero nuestro
fichero index.htm y desde el menú "Ver" seleccionamos "Ver
en el navegador" ("View / View in Browser"). Index.htm se
abrirá en nuestro navegador por defecto. Pulsaremos el hipervínculo de
la Lista de Novedades y se debe abrir el fichero new.asp.
Enhorabuena! Ya creaste tu
primera aplicación en Visual InterDev. Aunque esta aplicación es
bastante inútil, nos ha permitido a familiarizarnos un poco
con el complejo entorno de desarrollo de Visual InterDev y obtener de esta
manera una base para profundizar el estudio.
|
