SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Tutorial Aptana Studio 3.0 – Práctica Diseño Accesible
             Esta es la interfaz principal del programa:




                                                           Elena Ayala
Vamos a crear ahora nuestro proyecto de página web. Para ello, seleccionamos File – New – Web Project.
Ahora se abrirá una nueva pantalla donde nos pedirá la ubicación y nombre del archivo




                                                                                                                                                  Elena Ayala
En este caso, está seleccionada la opción de usar la localización por defecto. Seleccionando Browse, podremos elegir otra ubicación del archivo
en nuestro ordenador. Una vez hemos elegido el nombre y ubicación podemos pasar a next donde nos dará varios tipos de opciones, html y dos
tipos de html5. Seleccionaremos la primera. Este paso se puede saltar, seleccionando finish (se generará un html)
Ya tenemos creada nuestra carpeta, en este caso llamada ejemplo uned




                                                                       Elena Ayala
Ahora comenzamos a crear nuestras páginas dentro del proyecto. Para ello, seleccionamos en la carpeta que
vayamos a trabajar y pinchamos con el botón derecho del ratón: New from template-html- html strict template




                                                                                     Elena Ayala
Nombrar el tipo de página que vamos a crear dentro de nuestro proyecto y la ubicación del archivo.
En el manual pone que se cree con una extensión .htm aunque probando también vale con la versión .html




                                                                                     Elena Ayala
Ahora nos aparecerá esta pantalla:




Desde aquí, tan sólo hay que rellenar lo que venía en la guía semanal. Eso es fácil, lo podéis hacer vosotros ;)

                                                                                          Elena Ayala
Una vez hecha la práctica, tan sólo hay que darle a Run – Run o al botón de verde con el play para ver cómo
quedaría nuestra página web. En mi caso queda así:




                                                                                       Elena Ayala
Por defecto está activado que aptana funcione bien con inter explorer o bien con mozilla firefox .
Si queremos cambiar el navegador tenemos que dar los siguientes pasos:
Vamos a Run y seleccionamos Run Configurations y se nos abrirá esta pantalla:




                                                                                                     Elena Ayala
Tenemos que cambiar la configuración del explorador a utilizar por lo que damos a browse y aquí existen dos
opciones:
Buscar por c: / archivos de programa/ etc, hasta encontrar la ubicación del explorador o
Abrir el administrador de tareas. Desde el botón de inicio se pone en el buscador administrador de tareas y se
abre:




                                   Pinchamos con el botón derecho en el
                                   navegador que estemos usando, en mi
                                   caso google chrome y seleccionamos
                                   abrir ubicación de archivo




                                                                                        Elena Ayala
Se abrirá una nueva ventana con la ubicación del archivo. Pinchamos en el icono de la carpeta y nos
aparecerá la dirección del archivo




La copiamos. Volvemos a aptana, pinchamos en browse, pegamos la dirección y seleccionamos el archivo
que se llame chrome y ya tenemos configurado aptana para que la visualización de las páginas sea en chrome.

                                                                                       Elena Ayala

Weitere ähnliche Inhalte

Was ist angesagt?

06 crear una página con las etiquetas de blogger
06 crear una página con las etiquetas de blogger06 crear una página con las etiquetas de blogger
06 crear una página con las etiquetas de blogger
Esteban Barbosa
 
Kevin olmedo
Kevin olmedoKevin olmedo
Kevin olmedo
kevin-001
 
Creacion & administracion de menus articulos & vinculacion de enlaces en jo...
Creacion & administracion de menus   articulos & vinculacion de enlaces en jo...Creacion & administracion de menus   articulos & vinculacion de enlaces en jo...
Creacion & administracion de menus articulos & vinculacion de enlaces en jo...
Xavier Castillo Castillo
 
Carrusel de fotos de flickr en el blog usando roytanck
Carrusel de fotos de flickr en el blog usando roytanckCarrusel de fotos de flickr en el blog usando roytanck
Carrusel de fotos de flickr en el blog usando roytanck
Laura Soulié
 

Was ist angesagt? (20)

Elementos de la ventana internet explorer
Elementos de la ventana internet explorerElementos de la ventana internet explorer
Elementos de la ventana internet explorer
 
Tutorial básico de Internet Explorer 8
Tutorial básico de Internet Explorer 8Tutorial básico de Internet Explorer 8
Tutorial básico de Internet Explorer 8
 
06 crear una página con las etiquetas de blogger
06 crear una página con las etiquetas de blogger06 crear una página con las etiquetas de blogger
06 crear una página con las etiquetas de blogger
 
Kevin olmedo
Kevin olmedoKevin olmedo
Kevin olmedo
 
JCloze
JClozeJCloze
JCloze
 
Imagene icono
Imagene iconoImagene icono
Imagene icono
 
Creacion & administracion de menus articulos & vinculacion de enlaces en jo...
Creacion & administracion de menus   articulos & vinculacion de enlaces en jo...Creacion & administracion de menus   articulos & vinculacion de enlaces en jo...
Creacion & administracion de menus articulos & vinculacion de enlaces en jo...
 
Como crear un blog en wordpress
Como crear un blog en wordpressComo crear un blog en wordpress
Como crear un blog en wordpress
 
Tutorial navegador mozilla 3
Tutorial navegador mozilla 3Tutorial navegador mozilla 3
Tutorial navegador mozilla 3
 
Carrusel de fotos de flickr en el blog usando roytanck
Carrusel de fotos de flickr en el blog usando roytanckCarrusel de fotos de flickr en el blog usando roytanck
Carrusel de fotos de flickr en el blog usando roytanck
 
popovers en bootstrap
popovers en bootstrappopovers en bootstrap
popovers en bootstrap
 
En la máquina servidor segundo parcial
En la máquina servidor segundo parcialEn la máquina servidor segundo parcial
En la máquina servidor segundo parcial
 
Veoveo fichas
Veoveo fichasVeoveo fichas
Veoveo fichas
 
Coloca imagen a tu cancion usando itunes
Coloca imagen a tu cancion usando itunesColoca imagen a tu cancion usando itunes
Coloca imagen a tu cancion usando itunes
 
IMAGEN
IMAGENIMAGEN
IMAGEN
 
Imagen en la_plantlla
Imagen en la_plantllaImagen en la_plantlla
Imagen en la_plantlla
 
Imagen en la_plantlla
Imagen en la_plantllaImagen en la_plantlla
Imagen en la_plantlla
 
Ejemplo de mostrar datos (Sin paginación)
Ejemplo de mostrar datos (Sin paginación)Ejemplo de mostrar datos (Sin paginación)
Ejemplo de mostrar datos (Sin paginación)
 
Configuración abies 1 general
Configuración abies 1 generalConfiguración abies 1 general
Configuración abies 1 general
 
Internet
InternetInternet
Internet
 

Ähnlich wie Tutorial aptana (20)

Computacion
Computacion Computacion
Computacion
 
1
11
1
 
NETbeans
NETbeansNETbeans
NETbeans
 
Examenes en lineaycon examview
Examenes en lineaycon examviewExamenes en lineaycon examview
Examenes en lineaycon examview
 
Tutorialdreamweaver
TutorialdreamweaverTutorialdreamweaver
Tutorialdreamweaver
 
Tutorial de Filezilla
Tutorial de FilezillaTutorial de Filezilla
Tutorial de Filezilla
 
Web 2.0 y google drive
Web 2.0 y google driveWeb 2.0 y google drive
Web 2.0 y google drive
 
Creacion de sitio web en dreamweaver
Creacion de sitio web en dreamweaverCreacion de sitio web en dreamweaver
Creacion de sitio web en dreamweaver
 
7
77
7
 
9
99
9
 
Tarea 1 programacion
Tarea 1 programacionTarea 1 programacion
Tarea 1 programacion
 
4
44
4
 
5
55
5
 
8
88
8
 
Mariade jesus
Mariade jesusMariade jesus
Mariade jesus
 
3
33
3
 
6
66
6
 
Tutorial de dreamweaver
Tutorial de dreamweaverTutorial de dreamweaver
Tutorial de dreamweaver
 
10
1010
10
 
Actividad 1. google doc 2012
Actividad 1. google doc 2012Actividad 1. google doc 2012
Actividad 1. google doc 2012
 

Mehr von Elena Ayala Bailador

Mehr von Elena Ayala Bailador (20)

Agregar y cambiar de cuenta en twitter desde la versión escritorio
Agregar y cambiar de cuenta en twitter desde la versión escritorioAgregar y cambiar de cuenta en twitter desde la versión escritorio
Agregar y cambiar de cuenta en twitter desde la versión escritorio
 
Guía Eurobasket Serbia y Letonia 2019
Guía Eurobasket Serbia y Letonia 2019Guía Eurobasket Serbia y Letonia 2019
Guía Eurobasket Serbia y Letonia 2019
 
Configuración de vídeos en Vimeo y subida de contenidos a Hotmart Club
Configuración de vídeos en Vimeo y subida de contenidos a Hotmart ClubConfiguración de vídeos en Vimeo y subida de contenidos a Hotmart Club
Configuración de vídeos en Vimeo y subida de contenidos a Hotmart Club
 
Guía Copa del Mundo de Tenerife
Guía Copa del Mundo de TenerifeGuía Copa del Mundo de Tenerife
Guía Copa del Mundo de Tenerife
 
Guia de actuación contra el acoso escolar en los centros educativos
Guia de actuación contra el acoso escolar en los centros educativosGuia de actuación contra el acoso escolar en los centros educativos
Guia de actuación contra el acoso escolar en los centros educativos
 
Guía de Baloncesto Femenino - Río de Janeiro 2016
Guía de Baloncesto Femenino - Río de Janeiro 2016Guía de Baloncesto Femenino - Río de Janeiro 2016
Guía de Baloncesto Femenino - Río de Janeiro 2016
 
Guía Copa de la Reina 2016 - Baloncesto Femenino
Guía Copa de la Reina 2016 - Baloncesto FemeninoGuía Copa de la Reina 2016 - Baloncesto Femenino
Guía Copa de la Reina 2016 - Baloncesto Femenino
 
Búsqueda en google chrome
Búsqueda en google chromeBúsqueda en google chrome
Búsqueda en google chrome
 
¿Cómo conocer los Me gusta de tu página de Facebook?
¿Cómo conocer los Me gusta de tu página de Facebook?¿Cómo conocer los Me gusta de tu página de Facebook?
¿Cómo conocer los Me gusta de tu página de Facebook?
 
Redes Sociales en la Educación: Twitter como escenario virtual de aprendizaje
Redes Sociales en la Educación: Twitter como escenario virtual de aprendizajeRedes Sociales en la Educación: Twitter como escenario virtual de aprendizaje
Redes Sociales en la Educación: Twitter como escenario virtual de aprendizaje
 
Guía Eurobasket Hungría y Rumanía 2015
Guía Eurobasket Hungría y Rumanía 2015Guía Eurobasket Hungría y Rumanía 2015
Guía Eurobasket Hungría y Rumanía 2015
 
Guía copa de la reina 2015
Guía copa de la reina 2015Guía copa de la reina 2015
Guía copa de la reina 2015
 
Crea infografías con los datos de twitter con tweetiebyte
Crea infografías con los datos de twitter con tweetiebyteCrea infografías con los datos de twitter con tweetiebyte
Crea infografías con los datos de twitter con tweetiebyte
 
Guía del Mundial de Baloncesto Femenino de Turquía 2014
Guía del Mundial de Baloncesto Femenino de Turquía 2014Guía del Mundial de Baloncesto Femenino de Turquía 2014
Guía del Mundial de Baloncesto Femenino de Turquía 2014
 
Tutorial me on the web. Tu presencia en Internet. Nueva herramienta de Google
Tutorial me on the web. Tu presencia en Internet. Nueva herramienta de GoogleTutorial me on the web. Tu presencia en Internet. Nueva herramienta de Google
Tutorial me on the web. Tu presencia en Internet. Nueva herramienta de Google
 
Los videojuegos y su aplicación dentro de la educación como elemento del proc...
Los videojuegos y su aplicación dentro de la educación como elemento del proc...Los videojuegos y su aplicación dentro de la educación como elemento del proc...
Los videojuegos y su aplicación dentro de la educación como elemento del proc...
 
Descubre el nuevo twitter analytics
Descubre el nuevo twitter analyticsDescubre el nuevo twitter analytics
Descubre el nuevo twitter analytics
 
Prueba de conocimientos de acceso al cuerpo de maestro en Madrid
Prueba de conocimientos de acceso al cuerpo de maestro en MadridPrueba de conocimientos de acceso al cuerpo de maestro en Madrid
Prueba de conocimientos de acceso al cuerpo de maestro en Madrid
 
Cómo utilizar tu Nokia Lumia como router wifi
Cómo utilizar tu Nokia Lumia como router wifiCómo utilizar tu Nokia Lumia como router wifi
Cómo utilizar tu Nokia Lumia como router wifi
 
Importancia del diseño en un MOOC (Massive Open Online Course)
Importancia del diseño en un MOOC (Massive Open Online Course)Importancia del diseño en un MOOC (Massive Open Online Course)
Importancia del diseño en un MOOC (Massive Open Online Course)
 

Kürzlich hochgeladen

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Kürzlich hochgeladen (11)

Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 

Tutorial aptana

  • 1. Tutorial Aptana Studio 3.0 – Práctica Diseño Accesible Esta es la interfaz principal del programa: Elena Ayala
  • 2. Vamos a crear ahora nuestro proyecto de página web. Para ello, seleccionamos File – New – Web Project. Ahora se abrirá una nueva pantalla donde nos pedirá la ubicación y nombre del archivo Elena Ayala En este caso, está seleccionada la opción de usar la localización por defecto. Seleccionando Browse, podremos elegir otra ubicación del archivo en nuestro ordenador. Una vez hemos elegido el nombre y ubicación podemos pasar a next donde nos dará varios tipos de opciones, html y dos tipos de html5. Seleccionaremos la primera. Este paso se puede saltar, seleccionando finish (se generará un html)
  • 3. Ya tenemos creada nuestra carpeta, en este caso llamada ejemplo uned Elena Ayala
  • 4. Ahora comenzamos a crear nuestras páginas dentro del proyecto. Para ello, seleccionamos en la carpeta que vayamos a trabajar y pinchamos con el botón derecho del ratón: New from template-html- html strict template Elena Ayala
  • 5. Nombrar el tipo de página que vamos a crear dentro de nuestro proyecto y la ubicación del archivo. En el manual pone que se cree con una extensión .htm aunque probando también vale con la versión .html Elena Ayala
  • 6. Ahora nos aparecerá esta pantalla: Desde aquí, tan sólo hay que rellenar lo que venía en la guía semanal. Eso es fácil, lo podéis hacer vosotros ;) Elena Ayala
  • 7. Una vez hecha la práctica, tan sólo hay que darle a Run – Run o al botón de verde con el play para ver cómo quedaría nuestra página web. En mi caso queda así: Elena Ayala
  • 8. Por defecto está activado que aptana funcione bien con inter explorer o bien con mozilla firefox . Si queremos cambiar el navegador tenemos que dar los siguientes pasos: Vamos a Run y seleccionamos Run Configurations y se nos abrirá esta pantalla: Elena Ayala
  • 9. Tenemos que cambiar la configuración del explorador a utilizar por lo que damos a browse y aquí existen dos opciones: Buscar por c: / archivos de programa/ etc, hasta encontrar la ubicación del explorador o Abrir el administrador de tareas. Desde el botón de inicio se pone en el buscador administrador de tareas y se abre: Pinchamos con el botón derecho en el navegador que estemos usando, en mi caso google chrome y seleccionamos abrir ubicación de archivo Elena Ayala
  • 10. Se abrirá una nueva ventana con la ubicación del archivo. Pinchamos en el icono de la carpeta y nos aparecerá la dirección del archivo La copiamos. Volvemos a aptana, pinchamos en browse, pegamos la dirección y seleccionamos el archivo que se llame chrome y ya tenemos configurado aptana para que la visualización de las páginas sea en chrome. Elena Ayala