Libro 9no (1) - 1

REOPILACIÓN NOVENO DE BÁSICA
GUÍA DE COMPUTACIÓN
2018-2019
NOVENO AÑO DE EDUCACIÓN BÁSICA
PERTENECIENTE A:______________________________________________
PARALELO :___________________
PROFESOR: Lic. Jaime Chica C.
NOVENO DE BÁSICA
JECHC
INSTRUCTIVO
Estimados Padres de Familia:

Con el fin de optimizar la calidad de aprendizaje con sus hijos, me permito dar
las siguientes indicaciones en lo que respecta al manejo de la asignatura de
Computación y su libro guía.
La asignatura de Computación es meramente práctica, sin embargo, existen
ciertos conceptos a interiorizar y actividades que el niñ@ debe realizarlas como
parte de la evaluación integral del mismo.
Es obligación del niñ@ o representante:
 Tener el libro de computación los días que se tenga clase, el mismo
regresará a casa cuando el niñ@ tenga tarea para realizarla en el hogar.
 Tener una memoria USB Mínimo de 2Gb
 Tener instalado en su computador personal el paquete de Ofimática
(Word, Excel, Power Point); servicio de Internet; Dreamweaver cs6
portable o adobe dreamweaver master collection
 Revisar contantemente la página Web Compsalle “Archivo de
Calificaciones”.
 Crear un correo electrónico en Gmail para el manejo de la plataforma
virtual compusalle.milaulas.com.
 Para presentar la tarea atrasada (dentro de un tiempo prudencial), deberá
firmar la esquela enviada de ser el caso y adjuntarla al trabajo.
Por favor, si su niño faltó a clase el día que se evaluó algún deber o práctica,
es necesario que el niñ@ se acerque con la copia de dicha justificación lo más
pronto posible, para rendir la actividad faltante.
Tanto su hij@ como mi persona le agradecemos por leer y firmar este breve
instructivo.
___________________ _____________________
Representante Att. Lic. Jaime Chica C.
Profesor de Computación
NOVENO DE BÁSICA
JECHC
UNIDAD 1
Repositorios Digitales
Destrezas:
 Conceptualizar los distintos repositorios digitales y sus características.

 Desarrollar habilidades para crear Hojas de trabajo colaborativos online.
 Desarrollar habilidades para crear formularios online.
Repositorio
Un repositorio, depósito o archivo es un sitio centralizado donde se almacena y mantiene información
digital, habitualmente bases de datos o archivos informáticos.
Etimología
El origen de la palabra española «repositorio» deriva del latín «repositorium», que significa armario
o alacena. Este término está recogido en el Diccionario de la Real Academia donde se define como el
«lugar donde se guarda algo».
Características generales
Los datos almacenados en un repositorio pueden distribuirse a través de una red informática, como
Internet, o de un medio físico, como un disco compacto. Pueden ser de acceso público o estar
protegidos y necesitar de una autentificación previa. Los repositorios más conocidos son los de
carácter académico e institucional. Los repositorios suelen contar con sistemas de respaldo y
mantenimiento preventivo y correctivo, lo que hace que la información se pueda recuperar en el caso
que la máquina quede inutilizable. A esto se lo conoce como preservación digital, y requiere un
exhaustivo trabajo de control de calidad e integridad para realizarse correctamente.
NOVENO DE BÁSICA
JECHC
Tipos
Dropbox es una herramienta para archivar y sincronizar documentos utilizando
el Internet, en donde los cambios a los documentos compartidos son realizados
a tiempo real, siempre y cuando los equipos estén conectados a Internet.
Requiere bajar e instalar un programa en cada computadora donde requieras
utilizar la herramienta, aunque no es totalmente necesario, ya que puedes
utilizar la herramienta utilizando los servicios provistos por Internet. Hasta el
momento, la capacidad de almacenamiento gratuito es de 2GB, pero podría
disminuir a 1GB.
One Drive: Es un servicio de almacenamiento online, similar a un

disco duro adicional disponible para cualquier dispositivo, y que
proporciona las siguientes características:
Un solo lugar de trabajo para todos tus archivos de trabajo u ocio

permitiendo su almacenamiento, sincronización y compartición de
forma segura.
Trabajar e interaccionar más fácilmente con otros usuarios porque permite la colaboración en tiempo
real.
Cumplimiento con los principales estándares de seguridad con el propósito de mantener protegidos
los datos.
MEGA
Mega es un servicio en la ‘nube’ similar a Dropbox o Google Drive que permite intercambiar libremente
archivos de todo tipo (películas, libros, videojuegos, música,
documentos personales, fotografías y un larguísimo etcétera) de una
forma mucho más segura para los usuarios y, sobre todo, para la propia
página.
Qué tiene Mega
El alojamiento de archivos en la nube ha sido tomado por Dropbox, Box
y Google Drive, mientras que el tráfico de descargas piratas ha sido
copado por los clientes de Torrent (The Pirate Bay es el máximo
exponente) y la transferencia vía P2P. Para recuperar su trono, Mega propone esta serie de ventajas,
según analiza wwwhatsnew.com:
Almacenamiento: 50 Gb de espacio en su versión gratuita y tal vez ilimitada para cuentas Premium.
MEDIA FIRE
NOVENO DE BÁSICA
MediaFire es un servicio de alojamiento de archivos y de alojamiento de imágenes gratuito fundado en

2006 y ubicado en el Condado de Harris, Texas, Estados Unidos. Ha recibido mucha atención porque
JECHC
tiene pocas limitaciones y no tiene restricciones para los usuarios sin cuenta en comparación con muchos
otros servicios de alojamiento. El dominio mediafire.com ha atraído por lo menos 8,7 millones de visitantes
en 2008 según un estudio Compete.com.
El servicio de almacenamiento en la nube Mediafire no ha
querido quedarse atrás tras conocer cuánto espacio ofrecerá
Mega de forma gratuita a sus usuarios, es por eso que ha querido
"copiarle" brindando también a sus usuarios un espacio de 50
GB con el único requisito de que usen Android.
DIGITAL
Algunas notebooks incluyen un lector de huellas digitales. El lector de huellas digitales es un pequeño
sensor ubicado cerca del teclado o de la pantalla. Comúnmente, uno inicia
sesión en Windows, en una red o en un sitio Web usando un nombre de
usuario y clave. Sin embargo, si tiene el lector de huellas digitales, también
puede iniciar sesión pasando la yema de su dedo por el lector de huellas
digitales. La utilización del lector de huellas digitales es una forma más
segura de protección de su equipo, porque su huella digital es única, y no
dejará que nadie más pueda usar su nombre de usuario o clave.
ZIPYSHARE
Es una página de almacenamiento de archivos completamente gratis, confiable y extremadamente
popular, que dispone de ciertas ventajas con respecto a otras.
Las velocidades de descarga son increíblemente rápidas y no tienes que esperar durante 20
segundos y resolver tu chapa para empezar la descarga,
simpemente le das al botón de descarga y empieza la descarga
sin más no como otros sitios donde tenemos que tragar con
publicidad, esperas e interminables clics.
El tamaño máximo permitido para un archivo es de 200 MB, el
archivo puede ser descargado en cualquier momento y tantas
veces como tu lo necesites, permanencia del Archivo: 30 días después de la ultima descarga. Sin
esperas ridículas! Sin Limites!
PICASA
Picasa fue una aplicación informática para edición de imágenes y además es una herramienta web
para organizar, visualizar, editar y compartir fotografías digitales.
NOVENO DE BÁSICA
JECHC
En 2002, esta aplicación fue creada originalmente por la compañía Lifescape. 1 En julio
de 2004, Google adquirió la licencia y propiedad de Picasa, y comenzó a ofrecerla con licencia
gratuita (freeware).2
Además, Picasa dispone del sitio web integrado para compartir fotos.
La palabra “Picasa” es una mezcla del apellido del pintor español Pablo
Picasso, la frase en español de "pic" (de "pictures" o imágenes) y "mi
casa": la idea quiere decir "el arte personalizado".2 3
El 14 de febrero de 2016, Google anunció que Picasa dejaría de existir
para centrarse más en Google Fotos.
Google Drive:
1.- ¿Qué es Google Drive?
Google Drive es un servicio web que te permite almacenar, modificar, compartir y

acceder a tus archivos y documentos independientemente de dónde te encuentres a
través de Internet. Puedes subir al servicio más de 30 tipos de archivos entre los que
se incluyen vídeos en alta definición, PSD de Photoshop o AI de Adobe Ilustrator.
El servicio dispone de 5Gb de almacenamiento gratuito, ampliables mediante pago.
Dispone de versiones móviles tanto para Android como para IOS para poder
acceder a través de nuestro dispositivo a nuestros datos, editar documentos etc.
Este servicio se integra con otros servicios de Google como por ejemplo Gmail (Gestor de correo vía
web) y de otras aplicaciones de terceros que se integran casi de forma nativa con Google Drive.
2.- ¿Cómo acceder a Google Drive?
Para acceder a Google drive necesitamos una cuenta de Google, si dispones de una cuenta de Gmail
ya dispones de una cuenta de Google y puedes acceder a Google drive sino en el siguiente apartado
se indica la manera de crear una cuenta de Google.
Esta cuenta te permitirá acceder a otros servicios como el que hemos mencionado antes Gmail u
otros como YouTube por ejemplo. Además multitud de páginas web de terceros, nos permiten
acceder a sus servicios con solo poner los datos de nuestra cuenta de Google.
Interfaz general
NOVENO DE BÁSICA
JECHC
1.- Crear: Este botón te permite acceder a un menú desplegable para hacer nuevos documentos, nuevas
hojas de cálculo, presentaciones y carpetas.
2.- Subir archivo: Google drive permite subir más de 30 tipos de archivos para almacenamiento online, al
hacer clic aparecerá un menú desplegable para elegir si quieres subir un solo archivo o una carpeta de tu
equipo.
3.- Mi unidad: Aquí tendrás una visión general de los archivos que hayas creado y de los archivos que hayas
subido a la aplicación.
4.- Compartido conmigo: Aquí verás los archivos que otros miembros de Google Drive han compartido
contigo.
5.- Destacados: En esta sección verás los archivos o carpetas que ha marcado como los más importantes
(favoritos) con la “estrella”.
6.- Reciente: Aquí encontraras todo lo que hayas abierto o editado recientemente desde Google drive.
7.- Más: Se desplegará un menú con otras opciones como por ejemplo la papelera, dónde en caso de borrar
accidentalmente un archivo, podamos recuperarlo de manera sencilla o también la actividad que otros
miembros con los que tengas archivos compartidos han tenido sobre esos archivos.
8.- Nueva carpeta: Desde esta opción podrás crear rápidamente una carpeta para organizar mejor tus
archivos.
9.- Ordenar: Te permite acomodar tus archivos según la última vez que han sido modificados, según su
nombre y según el espacio que ocupan.
10.- Tipo de vista: Estas dos opciones te permitirán alternar entre ver los archivos en forma de lista, o verlos
en forma de cuadrícula con una vista previa de su contenido.
11.- Engranaje: Aquí podrás cambiar la configuración de la cuenta, manejar las aplicaciones que tengas
conectadas o cambiar la manera de ver la interfaz.
12.- Cuadro de búsqueda: Si tienes muchos archivos en la aplicación desde aquí podrás buscar directamente
el archivo, indicándole el nombre o también puedes desplegar un menú dándole a la flecha gris accedemos a
NOVENO DE BÁSICA
la búsqueda avanzada para filtrar tus archivos por: Su tipo (Documento, Presentación, PDF…), Ver solo los
compartidos con otros miembros, o ver solo los que has creado tu desde la aplicación.
JECHC
13.- Otros servicios de Google: Podrás acceder directamente a otros servicios de Google como Noticias,
Gmail, YouTube, Google Maps, etc.
Cómo crear un documento?
Para crear un documento nuevo debemos ir a la parte izquierda y darle a y dentro seleccionamos
“Documento”.
Cargará el procesador de textos y ya podemos empezar a escribir.
Para crear una hoja de cálculo o una presentación electrónica realizamos el mismo procedimiento.
¿Cómo subir un archivo o carpeta?
Para subir un archivo o una carpeta debes hacer clic en el botón en la parte superior izquierda.
NOVENO DE BÁSICA
Después aparecerá un menú para que selecciones que quieres subir: Un archivo o una carpeta.
JECHC
Ahora debes seleccionar del equipo el archivo o carpeta que quieres subir.
Una vez seleccionado el archivo o la carpeta, la aplicación comenzará el proceso de subida.
NOVENO DE BÁSICA
JECHC
Y ya aparecerá el archivo en “Mi unidad”.
Editar un archivo.
Ahora nos vamos a centrar en la modificación de Documentos, Hojas de cálculo y presentaciones.
Google drive no permite modificar directamente los archivos que hayamos subido, sino que para modificarlos
crea una copia del archivo en el formato propio de la aplicación y de esa manera se pueden modificar.
NOVENO DE BÁSICA
Los siguientes pasos son los mismos para modificar Documentos, Hojas de cálculo y presentaciones. En este
caso lo vamos hacer con un documento.
JECHC
Hacemos clic en “Mi unidad” en la parte izquierda de la pantalla y después seguimos estos pasos.
Para editar una Hoja de cálculo en el paso 3 debes seleccionar la aplicación “Hojas de cálculo de Google” y
para editar una presentación debemos seleccionar “Presentaciones de Google”.
Buscar un archivo
En la interfaz general, vemos un cuadro de texto en la parte superior, en ese cuadro podemos escribir
directamente el nombre del archivo que necesitamos. A medida que vayas escribiendo el nombre del archivo
aparecerá un menú despegable con los nombres de los archivos que tengan alguna coincidencia con lo que
estés buscando.
Descargar un archivo NOVENO DE BÁSICA
JECHC
Descargar cualquier archivo en Google drive es muy sencillo, tan solo debemos ir a “Mi unidad” y hacer clic
derecho en el archivo que queramos y seleccionar del menú que aparece “Descargar”
Cambiar nombre a un archivo

Para cambiar el nombre de un archivo, debemos hacer clic derecho en el archivo que queramos modificar su
nombre y seleccionar “Cambiar nombre…”
NOVENO DE BÁSICA
JECHC
Nos aparecerá un cuadro de texto para que le indiquemos el nuevo nombre del archivo, una vez hecho esto
hacemos clic en “aceptar”
¿Cómo compartir nuestro documento para la colaboración en

grupo?
El trabajo en grupo es una de las opciones más interesantes de Google Docs, permite que desde distintos ordenadores un
grupo de usuarios trabajen a través de internet de manera simultánea en el mismo documento
Cada uno de los usuarios estará identificado con un “color” y su nombre, la aplicación permite además mantener una
conversación en tiempo real con los miembros del grupo.
Para compartir nuestro archivo y poder trabajar en grupo tan solo tenemos que ir a la parte superior de la interfaz del procesador y
hacer clic en “compartir”
Si aún no le hemos añadido un nombre a nuestro documento nos aparecerá una ventana para que le indiquemos el nombre de nuestro
documento, si ya tuviera un nombre esa ventana no aparecería. NOVENO DE BÁSICA
JECHC
Una vez hecho esto nos aparecerá una ventana como esta
1 Este es el enlace de nuestro documento por si queremos compartirlo manualmente
2 Con estos botones podemos compartir el documento a través de: Gmail, Google+, Facebook y
twitter.
3 Aquí vemos los accesos de nuestro documento y los miembros que tienen acceso a nuestro
documento así como los privilegios que tienen a la hora de trabajar con el documento.
NOVENO DE BÁSICA
4 Aquí escribiremos el correo electrónico de las personas con las que queramos compartir el
documento.
JECHC
5 Aquí podemos cambiar los permisos que las personas que indiquemos tendrán sobre el documento:
Una vez tengamos a las personas con las que queramos compartir el documento hacemos clic en “Compartir
y guardar” y se añadirán a la parte centrar de la ventana y ahí de nuevo podemos editar sus permisos si lo
deseamos. Cuando hayamos terminado de añadir usuarios hacemos clic en “Fin” en la parte inferior de la
ventana.
Proceso para crear una carpeta compartida en Google Drive

Todo lo que hemos contado en el párrafo anterior y otras posibilidades pueden animarnos a crear la
carpeta compartida. Así no tendremos que preocuparnos a la hora de transmitir a otras personas
nuevos contenidos o actualizaciones a través, por ejemplo, del correo electrónico o directamente en
papel.
Carpetas
En Google Docs, podemos crear carpetas para clasificar nuestros documentos.
Tenemos que entender que estas carpetas son sólo para ayudarnos en la organización, pero no
contendrán literalmente al documento. Por eso un documento puede estar en varias carpetas, y
aunque borremos las carpetas, no se borrarán los documentos que contienen.
Las carpetas se administran desde la pantalla de inicio, como el resto

de elementos:
Primero, crearemos una carpeta nueva.
Para ello, pulsamos el menú Nuevo, y elegimos Carpeta.
Al pulsarlo, se abre una carpeta llamada Nueva carpeta, lista para la

edición.
NOVENO DE BÁSICA
Esta carpeta, se modifica igual que otra carpeta ya existente, como veremos a continuación.
JECHC
Si al crear una carpeta ya teníamos una seleccionada, la nueva carpeta se creará como una
subcarpeta.
Personalizar una carpeta:
Las carpetas aparecen listadas en el árbol de la izquierda, en el

grupo Mis carpetas.
Para acceder a una carpeta, hacemos clic sobre su nombre. Al

hacerlo, llegamos a la misma pantalla que al crear una nueva
carpeta, donde se muestran todos los elementos que
contiene.
Si hacemos clic sobre su nombre, podremos editar sus características.
Debajo del nombre, encontramos la Descripción, que podemos dejar en blanco o añadir un texto que
nos sirva de información.
A la derecha del nombre, podemos seleccionar el color de la carpeta, para diferenciarla del resto.
Una vez que la hayamos personalizado, pulsamos Guardar.

NOVENO DE BÁSICA
JECHC
AUTOEVALUACION
Defina a que llamamos un repositorio digital.-
---------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------.
Escriba dentro de cada paréntesis la letra V si es verdadero o la F si es Falso, para el siguiente enunciad
En la aplicación de Picasa puedo crear formularios. ( )

En Onedrive puedo almacenar archivos diversos. ( )
En Dropbox no puedo invitar a otros usuarios en la web. ( )
En Google drive puedo crear archivos de tipo office. ( )
Relacione los nombres de la columna A con los iconos de la columna B y escriba la combinación de
las respuestas correctas. A B
1 One Drive
2 Google Drive
Indique los pasos a seguir para crear una carpeta virtual

compartida en Google Diver.- 3 DropBox
---------------------------------------------------------------------------- -----
---------------------------------------------------------------------------- -----
---------------------------------------------------------------------------- 4 Picasa -----
---------------------.
Seleccione de 1 a 4 los pasos a seguir para Subir un Archivo.
( ) Empieza el proceso de subida
( ) Seleccione el archivo o Carpeta
( ) Clic en
( ) Seleccione el Archivo
NOVENO DE BÁSICA
JECHC
UNIDAD 1
Práctica 1
Ejercicio Hipervínculos
Trabajo Grupal (Mesas de Trabajo)
Seleccionar jefe de grupo de trabajo.
Crear un carpeta en el drive; compartir con
los compañeros de grupo e incluir a
sallecue2013@gmail.com.
Crear un documento colaborativo; sobre las
fiestas de cuenca en, se debe modificar el
formato (tamaño color de la fuente, se debe
ingresar una imagen, organizar una parte
del texto en columnas).
Crear un hoja de cálculo colaborativa; la
misma que será un rol de pagos en la que
consten como trabajadores, deberán tener
diferentes cargos y como días trabajados 20
y un sueldo de $15 la hora.
Generar una diapositiva en Power point
“Atractivos Turísticos de Cuenca” debe
tener animación de entrada hipervínculos,
sonido y video y subir al driver ( Carpeta
compartida)
FECHA:__________ Firma Nota:

NOVENO DE BÁSICA
JECHC
Crear sitios web online con Wix.
Destrezas:
 Conceptualizar los distintos aspectos, y elementos de Wix.
 Desplazarse a través de la interfaz de Wix, con precisión y orden.
 Desarrollar habilidades para crear sitios web básicos con Wix.
 Aplicar diversas propiedades a los sitios web creados, con creatividad y coherencia.
 Crear un sitio Wix personal.
MANUAL PARA EL USO DE WIX
CREA TU PROPIO SITIO WEB CON FACILIDAD.COM
NOVENO DE BÁSICA
JECHC
¿Qué es Wix y de que nos sirve?
Wix es un editor online que permite crear y publicar un sitio web en flash
indexado en buscadores, gratuitamente, con una dirección de tipo
www.wix.com/nombre de usuario/nombre de documento. Claro que también
puedes conectar tu propio dominio www.tudominio.com por un pequeño costo
mensual/anual.
Con Wix puedes crear tu propio sitio web con facilidad. No hay necesidad de
agregar una sola línea de código de programación. Diseñado con una vistosa
interfaz gráfica con función arrastrar y colocar, el creador de sitios web se
realizó de modo que sea muy fácil de usar y permita una completa libertad en
la creación. Elige entre miles de plantillas web diseñadas profesionalmente o
créalas desde cero. La mejor manera de aprender cómo crear un sitio web es
comenzar con una plantilla y después simplemente hacer clic para reemplazar
y personalizar.
No creerás lo fácil que es. Si deseas crear un sitio desde cero, también es simple
agregar elementos como títulos, logos, clip art, galerías de fotos y más a medida
que avances. Publica en 1 paso y tu sitio estará disponible online. Debido a que
todos los sitios que se crean con Wix son amigables para los motores de
búsqueda, podrás lograr que lo encuentren en estos motores de búsqueda, y
disfrutarás de más tráfico de público online interesado en ti y en tu sitio web
NOVENO DE BÁSICA
gratis.
JECHC
Wix no es una compañía de registro de dominios, así que no podemos dar

direcciones de dominio distintas a las de nuestro servidor, y eso es porqué hay
que registrar una en otra compañía. Para ver las estupendas plantillas que
tenemos listas para que las edites a tu gusto ir acá
http://es.wix.com/website/templates
El servicio de conexión a un dominio propio (www.midominio.com) es un

servicio extra. Wix es una marca registrada, una empresa privada, y no es una
comunidad online formada de usuarios que desarrollan el programa
autónomamente; y como también se supone que quien usa un dominio propio
está haciendo una web profesional para ganar dinero con ella, aunque no sea así
en todos los casos, Wix pide una cuota, por un servicio. Qué servicio ofrecemos,
nuestro programa/editor; el Upgrade es el costo para conectar tu dominio,
remover la publicidad de Wix, adquirir más almacenamiento y mucho más.
¿Cómo crea una tienda online en Wix?
1. Ingresar a la página www.wix.com
NOVENO DE BÁSICA
JECHC
2. Dar clic en el botón comienza ahora
3. Como no estas registrado te va a pedir que te registres así que ingresa tu correo y una
contraseña menor de 15 dígitos.
NOVENO DE BÁSICA
4. Luego te da la bienvenida y te pide que selecciones la categoría en la cual quieres tu página.

En nuestro caso como nos interesa es hacer una tienda, seleccionaremos la opción Tienda Online.
JECHC
5. En la parte derecha de la selección te muestra varias opciones las cuales te pueden servir de ayuda.
Tú eliges de acuerdo a tu necesidad cual es la que mejor se adapta a tus requerimientos.
Ejemplo si lo que quieres es una venta de Ropa y Moda le das clic en esa opción y luego en la YA.
NOVENO DE BÁSICA
6. Luego te aparecerá una serie de plantillas en las cuales vas a elegir la que mejor consideres
que es la que se adapta a tu gusto.
JECHC
7.
En esta ocasión yo seleccione la primera plantilla la de Zapatería. Le podemos dar clic en VER y nos
daremos cuenta de toda la información que hay en esta plantilla si nos ha gustado esta
plantilla. Le damos clic en Editar este sitio web donde comenzaremos a modificar todo el
cotenido que encontraremos, para adaptarlo a lo que a nosotros nos interesa.
NOVENO DE BÁSICA
JECHC
8. Ahora aparecerá esta imagen indicando que se están cargando todas las opciones para editar
este sitio.
9. Luego te aparecerá el centro de ayuda. El cual como su nombre lo indica te ayudará a poner tu
tienda online, lo mejor posible que tu desees. Ahí encontrarás un video muy explicativo para
todo lo que necesites.
NOVENO DE BÁSICA
JECHC
10. Al cerrar el centro de ayuda te saldrá un cuadro en el cual debes introducir el nombre de tu sitio.
11. Después que escriba el nombre de tu sitio online le das clic en Guardar. Luego te aparecerá
nuevamente el cuadro de centro de ayuda y debes volver acerrarlo. Te aparecerá este
mensaje, le das clic en Ok. Y
NOVENO DE BÁSICA
12.
comienza a editar tu sitio de una vez.
JECHC
13. Luego le das clic en el botón páginas en el cual podrás navegar por todas las páginas ya creas y
modificarlas a tu gusto. El asterisco que esta al lado del nombre de la página te permite
configurar y modificar.
14. De esta manera podras modificar todos lo nombres que quieras. Y ponerlos a tu gusto
NOVENO DE BÁSICA
JECHC
15. Como puedes ver el carrito no se ve. Así que debes de habilitarlo de esta manera. Para que cuando
el usuario haga la cotización le aparezca toda la información.
16. Ahora le das clic en el botón diseño en el cual se desplegará 3 funciones: Fondo, Colores y Fuentes.
NOVENO DE BÁSICA
JECHC
De las cuales puedes ajustar a tu gusto.
17. Seleccionas el color del fondo de la página que mejor te guste. En este caso se eligió el amarillo.
18. Ahora le damos clic en el botón colores. Y seleccionas el que tú quieras. Yo seleccione el negro
para la franja en la cual estoy trabajando y marrón para los productos que voy a mostrar.
NOVENO DE BÁSICA
JECHC
19. Luego das clic en el botón fuentes. Para modificar el tamaño y tipo de letra que quieras.
20. Para quitar la imagen del frente y cualquiera que quieras. Solo debes hacer clic izquierdo en
cualquier articulo sea imagen, texto, video, franja, etc. Al hacer clic te aparecerá una imagen
como esta. En la cual te da unas opciones de Cambiar, Editar, Opciones, Cambiar estilo, eliminar,
copiar, cortar, etc.
NOVENO DE BÁSICA
JECHC
Al darle clic en cambiar imagen te mostrará este cuadro el cual te dice que si deseas usar las imágenes que
tiene Wix en su galería, si usas las imágenes tuyas ya montadas o cargas una imagen de tu Pc.
21. Como puedes ver yo coloque una imagen de un perro y un gato y modifique todos los
anuncios, mejor dicho los elimine.
NOVENO DE BÁSICA
JECHC
22. Ahora mueven la barra hacia abajo y notaran. Que ya hay unos productos hay entonces nosotros
ahora solo tenemos que entrar dándole clic izquierdo en la opción Organizar imágenes.
23. Nos aparecerá este mensaje asi que le damos clic en agregar imágenes.
Ahora vamos a cargar las imágenes que tenemos en el PC y las cargamos para que esas sean las que se
van a mostrar.
NOVENO DE BÁSICA
JECHC
24. Ahora se muestra que se está cargando las fotos.
25. Luego
NOVENO DE BÁSICA
JECHC
26. Ahora seleccionas foto porfotoy lasvasmontando todas. La primera queyomonte como te
puedes da cuenta fue donde estan los tres jeans.
NOVENO DE BÁSICA
27. Le das doble clic. Y escribes el título y una pequeña descripción y le das clic en Ok.
JECHC
28. Y te quedará así. A mí solo me aparece una foto por que las otras donde estaban los demás
zapatos yo las elimine.
NOVENO DE BÁSICA
29. Algo muy importante es que vayas guardando cada acción que hagas porque de lo contrario,
JECHC
no se guardará nada de lo que hiciste si por equivocación se cierra la página.
30. Luego podemos modificar las demás páginas que estén aquí dándole clic en esta opción. Al
principio cuando la creamos yo le coloque estos nombres. De los cuales ustedes también
pueden modificar.
NOVENO DE BÁSICA
JECHC
31. También podemos agregar lo que nosotros queramos mediante este botón Agregar que se
encuentra en este lado. En el cual podemos agregar Texto, Imagen, Galería, Media, Formas y
Líneas, Botones y Menús, Tienda Online, Social, Apps.
32. También encontrarás este botón Opciones que te permite controlar toda la página. Muy útil.
NOVENO DE BÁSICA
JECHC
33. Este botón también es muy útil Wix App Market.
34. En cuanto a los productos te ubicas en la página en que quedaron y le das clic a cualquiera de
ellos y luego en la opción Administrar Tienda. Donde podrás controlar todos tus
artículos o productos a la venta.
NOVENO DE BÁSICA
JECHC
38
35. Luego tendrás esta imagen, la cual vas a modificar, primero tienes que cambiar el
producto que están aquí si no te sirven.
36. Primero que todo vamos a darle nombre a todas las categorías que aparecen aquí. Si
NOVENO DE BÁSICA
necesitamos más podemos agregar o quitarlas si tenemos de más.

Le damos clic en editar y comenzamos a cambiarle los nombres.
JECHC
39
37. Ya cambiados todos los nombres como cada categoría ya tiene artículos introducidos
vamos a eliminar esos y a agregar los nuestros.
NOVENO DE BÁSICA
38. Los eliminamos de esta manera. seleccionamos arriba y luego le damos la opción eliminar.
JECHC
40
39. Luego aparecerá este mensaje, en cual le damos eliminar para que se haga efectiva la
eliminada de todos los artículos de esa categoría.
NOVENO DE BÁSICA
40. Ya eliminados todos los productos que no necesitamos tendremos una imagen como esta. En
la cual todas las categorías están en cero. Estando esto así seleccionamos la categoría y
comenzamos a agregar nuestros productos a la venta.
JECHC
41
41. Dándole clic a la categoría Pantalones y luego a Agregar productos nos aparecerá esta
imagen. En la cual vamos
NOVENO DE BÁSICA
a agregar nuestro producto donde dice foto.
42. Le damos clic donde dice foto. Y nos aparecerá las fotos que hallamos montado yo como he
montado estas cinco me la muestra. Si necesitamos más fotos tenemos que darle clic en
cargar para seguir montando las fotos de todos nuestros productos.
JECHC
42
43. Ahora seleccionamos una y luego en cerrar donde está la X. y tendrá una imagen así.
NOVENO DE BÁSICA
44. Donde dice precio le colocamos el valor en el cual lo vamos a vender.
JECHC
43
45. Luego bajamos la barra y podemos darle una descripción a nuestros productos y ponerle el
precio minoritario que significa lo que valía antes, también podemos administrar el
inventario.
NOVENO DE BÁSICA
46. Seguimos bajando la barra y le damos clic en Guardar Producto.
JECHC
44
47. Luego aparecerá de esta forma. Y de esta manera seguiremos añadiendo todo tipo de
artículos y productos que queramos. Al terminar con esta categoría de pantalones,
podemos pasar a otra y hacer lo mismo.
NOVENO DE BÁSICA
48. Luego de haber agregado todos los productos en todas las categorías. Nos aparecerá una
imagen como está la cual tenemos que darle clic izquierdo y luego seleccionar la categoría en
la cual ya están todos nuestros productos.
JECHC
45
49. La damos clic en nuestra categoría, la que queramos que salga y luego en ok.
Después de haberle dado clic te mostrara todos los producto que habías montado de esta manera te
los mostrará. Yo como tan solo seleccione una foto por eso me muestra una sola foto.
NOVENO DE BÁSICA
JECHC
46
Puedes ir haciendo todas las modificaciones que tú quieras después que le

dediques tiempo a tu tienda.
NOVENO DE BÁSICA
JECHC
47
Dreamweaver CS6
Destrezas:
 Conceptualizar aspectos básicos de Dreamweaver CS6 y desplazarse a través de su interfaz

con precisión y orden.
 Desarrollar habilidades para crear páginas web básicas con Dreamweaver CS6
 Aplicar diversas propiedades a las páginas web básicas creadas.
Qué es Dreamweaver CS6

Dreamweaver CS6 es un software fácil de usar que permite crear páginas
web profesionales.
Las funciones de edición visual de Dreamweaver CS6 permiten agregar

rápidamente diseño y funcionalidad a las páginas, sin la necesidad de
programar manualmente el código HTML.
Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript,
etc.., de una forma muy sencilla y visual.
Editar páginas web

Hoy en día existe una amplia gama de editores de páginas web. Uno de los más utilizados, y que
destaca por su sencillez y por las numerosas funciones que incluye, es Adobe Dreamweaver.
Además de Dreamweaver, existen otra serie de buenos editores de páginas web, como pueden
ser Microsoft Expresion Web, Amaya, Bluefish, NVU, KompoZer o Quanta Plus. Algunos de
los cuales tienen la ventaja de ser gratuitos.
Cómo tener una página en Internet

NOVENO DE BÁSICA
Para poder poner una página web en Internet, es necesario contratar a alguna empresa con
servidores que pueda alojarla y hacerla accesible desde Internet las 24 horas del día. El precio
por disponer de espacio propio en el servidor dependerá de la empresa, del espacio en disco,
volumen de transferencia y otras opciones que podamos contratar.
Hay empresas que ofrecen este servicio gratuitamente, pero con ciertas limitaciones: poco
espacio de disco, lentitud y nombre de nuestra página precedido por el de la suya.
JECHC
48
Cuando se va a contratar un servicio de hospedaje es necesario contratar también un dominio.

Registrar un dominio consiste en registrar un nombre para nuestra página. Este nombre no puede
estar repetido en Internet, ha de ser único. Es posible registrar un mismo nombre con distintas
terminaciones, como por ejemplo, .net, .org, .es o .com. La terminación hace referencia al pais
(.es para España, .com.mx para México, .pe para Perú, ...) o al tipo de página (.com para
comerciales, .org para organizaciones, .mobi para teléfonos móviles o celulares, ...)
En el caso de los hospedajes gratuitos no es necesario registrar ningún dominio, ya que nuestra
página no será más que un archivo dentro de la de la empresa contratada.
Arrancar y cerrar Dreamweaver CS6
 Desde el botón Inicio situado, normalmente, en la esquina inferior izquierda de la

pantalla. Colocar el cursor y hacer clic sobre el botón Inicio, se despliega un menú. Puedes
comenzar a escribir el nombre del programa, y aparecerá directamente. O puedes pulsar en
Todos los programas y buscarlo en la lista con los programas que hay instalados en tu
ordenador. Buscar Adobe Dreamweaver CS6 y haz clic sobre él para arrancar el programa.
 Desde el icono de Dreamweaver CS6 del Escritorio, si lo tienes .
Para cerrar Dreamweaver CS6, podemos utilizar cualquiera de las siguientes operaciones:
 Hacer clic en el botón cerrar , en la esquina superior derecha, como en cualquier ventana
de Windows.
 Pulsar la combinación de teclas Alt + F4.
 Hacer clic sobre el menú Archivo y elegir la opción Salir.
Abrir y guardar documentos

Para abrir un documento, puedes utilizar cualquiera de las siguientes operaciones:
 Hacer clic en el botón abrir de la barra de herramientas estándar (si está visible).
 Pulsar la combinación de teclas Ctrl + O.
 Hacer clic sobre el menú Archivo y elegir la opción Abrir....
 Hacer clic sobre el menú Archivo y elegir la opción Abrir reciente. Muestra los últimos archivos
NOVENO DE BÁSICA
abiertos.
 Hacer clic sobre el menú Archivo y elegir la opción Examinar en Brigde. Se abrirá el programa
Brigde que muestra las carpetas y archivos de forma gráfica.
 Hacer doble clic sobre el archivo en la ventana del sitio.
 Hacer clic derecho sobre el archivo en el explorador de Windows, y elegir la opción Abrir con →
Adobe Dreamweaver CS6.
Para abrir un documento nuevo, puedes utilizar cualquiera de las siguientes operaciones.:
JECHC
49
 Hacer clic en el botón nuevo de la barra de herramientas estándar (si está visible).
 Pulsar la combinación de teclas Ctrl + N.
 Hacer clic sobre el menú Archivo y elegir la opción Nuevo.
Después de esto aparecerá una nueva ventana, en la que deberás elegir la Categoría Página en
blanco.
En la segunda columna seleccionamos HTML, observamos que hay muchos diseños ya creados
que podemos elegir, para nuestro primer ejemplo elegimos en Diseño ninguno. A continuación
pulsamos el botón Crear.
Para guardar un documento, puedes utilizar cualquiera de las siguientes operaciones.
 Hacer clic en el botón Guardar de la barra de herramientas estándar.

 Pulsar la combinación de teclas Ctrl + S.
 Hacer clic sobre el menú Archivo y elegir la opción Guardar.
Conceptos básicos de Dreamweaver CS6
Mi primera página
Para que te vayas haciendo una idea de cómo funciona Dreamweaver, vamos a crear una página
NOVENO DE BÁSICA
web sencilla, con varios estilos de texto, una imagen y un enlace a otra página. Crear esta página
solo te llevará unos pocos minutos, y sabrás cómo trabajar con los elementos básicos con los que
están hechas la mayoría de las páginas web. Si nunca has hecho una página web, este es el
momento para descubrir lo fácil que es.
Lo primero que tienes que hacer es abrir Dreamweaver. Ya has visto en la página anterior como
puede hacerse. Abre un documento nuevo y selecciona la Categoría Página básica, HTML, en la
columna Diseño dejamos la opción por defecto: <ninguno>.
JECHC
50
Seguidamente, haz clic sobre la zona blanca del documento y escribe lo siguiente:
Una vez introducido el texto, vamos a modificar el título y el color de fondo del documento.
Para ello podemos hacer clic sobre el menú Modificar y elegir la opción Propiedades de la
página.
Entonces se abrirá una ventana como la que aparece a continuación:
NOVENO DE BÁSICA
En Color de Fondo escribe #CCCCFF, de este modo el fondo del documento pasará a ser de
color azul.
Haz clic en Título/Codificación a la izquierda, y en el Título escribe Mi primera página.
Para aplicar los cambios, pulsa sobre el botón Aceptar.

JECHC
51
Conceptos básicos de Dreamweaver CS6
Ahora vamos a insertar una imagen. Para insertar la imagen, hemos de tenerla en la carpeta
donde estamos creando nuestras páginas, habitualmente en una subcarpeta dedicada a las
imágenes.
Copia la imagen que aparece a continuación, para luego poder insertarla en la página web que
estamos creando. Guárdala en la carpeta donde vas a guardar la página que acabas de crear.
Ahora vamos a insertar la imagen debajo de la segunda línea de texto. En primer lugar, situamos
el cursor al final de la segunda línea y creamos un salto de línea (tecla Enter). Después nos
dirigimos al menú Insertar, opción Imagen.
En la nueva ventana que aparece, deberás buscar la imagen en la carpeta en la que la habías
guardado, seleccionarla y pulsar Aceptar.
Ahora vas a pasar a cambiar el formato del texto. Para ello necesitas visualizar el inspector de
propiedades que se encuentra normalmente en la parte inferior de la ventana, y que tiene el
siguiente aspecto:
NOVENO DE BÁSICA
Si no te aparece, puedes mostrarlo a través del menú Ventana, opción Propiedades.
Si lo que te ocurre es que únicamente te aparece el título del panel, es porque está contraído. Para
que te aparezca desplegado debes hacer doble clic en Propiedades.
JECHC
52
Selecciona la primera línea de texto. En el inspector de propiedades pulsa HTML y aplica el

formato Encabezado 1 (h1) seleccionando el valor Encabezado1 del cuadro Formato.
Para cambiar el color del texto cambiamos el panel a las opciones de estilo, pulsando el icono
CSS a la izquierda.
Mediante el inspector de propiedades en Dreamweaver CS6 accedemos tanto a las propiedades

de CSS como a las propiedades de HTML.
Podemos decir que en una página web, HTML se encarga de estructurar el contenido, la
información, mientras que CSS se encarga de mostrar ese contenido con el formato adecuado.
Al utilizar el inspector de propiedades de CSS, Dreamweaver aplica formato al texto mediante

hojas de estilos en cascada. Los estilos CSS ofrecen un mayor control sobre el diseño de la
página Web y reducen el tamaño del archivo.
Selecciona la primera línea. En Regla de destino selecciona <Nuevo estilo en línea>, para aplicar
el formato solo al texto seleccionado. También aplica el estilo de Fuente Arial, Helvetica, sans-
serif, color azul #009 y centra el texto con el segundo botón de la parte derecha , tal y como
muestra la imagen siguiente:
Selecciona la segunda línea de texto, y seleccionando como antes <Nuevo estilo en línea>, marca
los botones para ponerlo en negrita y cursiva respectivamente.
NOVENO DE BÁSICA
Vamos a centrar también la imagen. Para ellos selecciónala. Lo que hay que centrar es el
contenido del párrafo que la contiene. Para hacerlo, en la barra de estado, encima de las
propiedades nos aparece la jerarquía de etiquetas. Haz clic sobre p.
Ahora, en Regla de destino selecciona <Nuevo estilo en línea> y centra el párrafo como hemos
visto hasta ahora, pulsando en .
JECHC
53
Por último vamos a crear el enlace. Selecciona el texto de la última línea, y cambia el panel de
Propiedades a las propiedades de HTML.
En el campo Vínculo, escribe la URL de la página a enlazar, como se ve en la imagen:
Por último guarda el documento. Ya sabes que puedes

hacerlo a través del menú Archivo, desde la opción
Guardar.
Puedes llamar al documento como lo desees, pero la

extensión ha de ser htm o html. Por ejemplo, lo hemos
llamado miprimerapagina.htm, y la hemos guardado
en la misma carpeta que la imagen descargada.
Ahora, puedes ver cómo se ve en tu navegador pulsando

la tecla F12.
La pantalla inicial
Al arrancar Dreamweaver aparece una pantalla inicial como ésta, vamos a ver sus componentes
fundamentales. Así conoceremos los nombres de los diferentes elementos La pantalla que se
muestra a
continuación puede
no coincidir
exactamente con la
que ves en tu
ordenador, ya que
cada usuario puede
decidir qué
elementos quiere
que se vean en
cada momento y
dónde, como
veremos más
adelante.
NOVENO DE BÁSICA
En el resto de esta
unidad vamos a ir describiendo los puntos más importantes señalados en esta imagen por los
números en azul del 1 al 9.
1.- Las barras.
2.- Las pestañas de documentos.
JECHC
54
3.- La barra de estado.
4.- El panel de propiedades.
5.- Área de paneles.
6.- Paneles y ventanas.
7.- Línea inferior de pestañas.
8.- Vista diseño del documento.
9.- Vista código del documento.
Las barras
1.- La barra de la aplicación.
La barra la aplicación se incorporó en la versión anterior de Dreamweaver. Si tenemos la ventana

maximizada veremos todos los elementos de la barra ocupando una sola línea, si no, ocuparán
dos líneas, como en la imagen superior.
Esta barra contiene los siguientes elementos: los menús (en la imagen, en la parte inferior),
varios botones propios de la aplicación, el conmutador de espacio de trabajo y una caja de
búsquedas para obtener ayuda on line.
Los botones propios de la aplicación, que aparecen junto al icono, nos permiten (de derecha a
izquierda) cambiar entre la vista de diseño o código, acceder a las extensiones que se pueden
añadir, o al administrador de sitios, que ya veremos.
Más hacia la derecha observamos el conmutador del espacio de trabajo, como un desplegable.
Un espacio de trabajo es la configuración del entorno (paneles visibles y su disposición) que
podemos guardar y cargar. Lo veremos más adelante.
NOVENO DE BÁSICA
Los menús, están agrupados en categorías.
Al hacer clic en Insertar, por ejemplo, veremos las operaciones relacionadas con los diferentes
elementos que se pueden insertar en Dreamweaver. Todas las opciones de Dreamweaver son
accesibles a través de los menús, aunque en ocasiones nos envíen a los paneles.
JECHC
55
2.- Las pestañas de documento.
Cada archivo que tengamos abierto, mostrará una pestaña con su nombre, lo que nos permitirá
cambiar de uno a otro fácilmente. Si junto al nombre aparece un *, indica que ese archivo tiene
cambios sin guardar. Podemos cerrar cada documento clicando en el aspa de la derecha, o
acceder a otras acciones haciendo clic con el botón derecho, como Cerrar otros archivos.
Debajo de las pestañas encontramos los archivos a que utiliza nuestra página, como la hoja de
estilos, archivos JavaScript, etc... pudiendo acceder a ellos con un clic. Esto nos ahorrará
bastante tiempo.
3.- La barra de estado.
Esta barra la encontramos debajo de la ventana de documento, y nos da información sobre el

mismo.
A la izquierda, encontramos el selector de etiquetas. Nos sirve para seleccionar etiquetas

completas. Siguiendo hacia la derecha tenemos las herramientas de Selección, Mano (para
desplazarse) y Zoom. Más a la derecha encontramos tres iconos para ver la página en tres
tamaños de pantalla: móvil, tableta y PC escritorio.Y al final hay otros datos como el tamaño de
la ventana, el tamaño de la página o su codificación.
Hasta aquí las barras que siempre veremos en la aplicación. A parte, existen otras que podemos
ver u ocultar desde el menú Ver → Barras de herramientas.
NOVENO DE BÁSICA
La barra de herramientas estándar.
JECHC
56
La barra de herramientas estándar contiene iconos para realizar las acciones más habituales del
menú Archivo y Edición. De izquierda a derecha: Nuevo archivo, Abrir, explorar con Adobe
Bridge, Guardar, Guardar todo, Imprimir el código fuente, Cortar, Copiar, Pegar, Deshacer y
Rehacer. Esta barra puede ser muy útil, pero en realidad casi todo el mundo usa esos comandos
directamente con el teclado (Ctrl + G para guardar, Ctrl + C para copiar, etc.)
La barra de herramientas de documento.
La contiene iconos que nos permiten cambiar entre las distintas vistas de edición y la vista en
vivo, vistas previa en multipantalla, acceder cómodamente al título de la página, o realizar las
distintas opciones de validación que nos ofrece el programa.
La barra de representación de estilos.
Esta barra, menos utilizada, nos permite ver la apariencia de nuestra web en distintos
dispositivos, si estamos utilizando hojas distintas que dependan del eso. Hay varias opciones,
como las de ver los estilos que dependen de pseudo clases activas, como cuando el cursor está
sobre un elemento.
La barra de navegación con navegador.
Esta barra nos permite usar Dreamweaver como un navegador web y navegar por las páginas de
nuestro sitio, aunque sólo tiene sentido con la Vista en vivo, como ya veremos.
Como también veremos al personalizar el entorno, algunos paneles, como Insertar nos permiten
colocarlo como otra barra de herramientas.
Inspectores y paneles
Dreamweaver utiliza ventanas flotantes similares a las barras de herramientas, que se conocen
como paneles (ventanas) o inspectores. La diferencia entre panel e inspector es que, en general,
NOVENO DE BÁSICA
la apariencia y opciones de un inspector cambian dependiendo del objeto seleccionado, mientras

que el panel nos da acceso a opciones generales fijas.
A través de la opción Ventana, de la barra de menús, es posible mostrar u ocultar cada uno de los
paneles o inspectores. A continuación vamos a ver el inspector de Propiedades y más adelante
veremos el panel Insertar.
4.- El inspector de Propiedades
JECHC
57
El inspector de Propiedades muestra las opciones propias del objeto o texto seleccionado,
permitiéndonos editarlas, por lo que se convierte en uno de los elementos más utilizados en
Dreamweaver. Por ejemplo, cuando el elemento seleccionado sea una imagen, como sucede en la
imagen que puedes ver, mostrará su ubicación, dimensiones, peso, clase, etc...
En otros elementos, como párrafos y estilos, este panel puede mostrar dos tipos de propiedades,
HTML y CSS, que podemos aplicar a los diferentes elementos de la página Web que estemos
diseñando.
5.- Área de paneles.
En la parte derecha de la pantalla tenemos el área o pila de paneles.
Inicialmente, el área de paneles contiene unos determinados

elementos, pero podemos quitar y poner los elementos que
queramos. Para quitar un elemento del área de paneles basta hacer
clic con el botón derecho sobre su nombre para que aparezca un
menú con la opción Cerrar. Para añadir un elemento al área de
paneles hay que ir al menú Ventana y hacer clic en el elemento que
queramos añadir, si el elemento se abre en una ventana flotante,
bastará arrastrarlo al área de paneles.
6.- Paneles.
Una vez tenemos el áea de paneles con los elementos que más nos
interesen, podemos abrirlos o desplegarlos de tres formas.
1. Abrir el panel dentro del área de paneles. Para ello primero hay que expandir el área de
paneles pulsando el botón de la parte superior derecha , a continuación, basta hacer clic en
cada panel para que se abra dentro del área de paneles. Para cerrar el panel hacer doble clic.
Por ejemplo, en la siguiente imagen vemos el panel Archivos abierto dentro del área de paneles.
Se pueden abrir varios paneles a la vez y ajustar sus tamaños colocando el cursor en el borde
inferior y arrastrándolo.
NOVENO DE BÁSICA
JECHC
58
2. Abrir el panel al lado del área de paneles. Para ello hay que partir del área de paneles sin
expandir, y al pulsar en un panel, este se abrirá pegado al lado, como vemos en la siguiente
figura.
NOVENO DE BÁSICA
JECHC
59
3. Abrir como panel flotante. Para ello hay que pinchar en el título del panel y arrastar el panel
fuera del área de paneles, el panel se puede colocar en cualquier zona de la pantalla, incluso
fuera de la pantalla de Dreamweaver. Al hacer doble clic en el título del panel, este se contrae
pero sigue flotando en la misma posición. Para expandirlo, volver a hacer doble clic. En al
siguiente imagen vemos el panel Archivos flotando y epandido. NOVENO DE BÁSICA
JECHC
60
Hemos visto un inspector y ahora vamos a ver un panel, el panel Insertar.
El panel Insertar.
En el panel Insertar, encontramos todos los elementos que podemos encontrar en el menú
Insertar, clasificados en categorías. Podemos emplearlo para insertar imágenes, enlaces,
multimedia, tablas, formularios... cualquier elemento que nuestra web necesite.
NOVENO DE BÁSICA
Como vemos en las imágenes, es posible configurar este panel para verlo como menú (imagen
anterior), como panel flotante o como una barra de herramientas integrada en la ventana de
trabajo (imagen siguiente)
JECHC
61
7. Línea inferior de pestañas.
En al parte inferior de la pantalla tenemos una línea que contiene varias pestañas (Buscar,
Validación , ... )
Para abrir una pestaña basta hacer clic sobre ella, para cerrarla hacer doble clic en su título.
Estas pestañas se pueden configurar de forma similar a como acabamos de ver con el área de
paneles. Es decir, se pueden añadir y quitar, convertir en flotantes, etc.
Vistas de un documento
Podemos editar el documento con distintas vistas, que puedes cambiar través de la barra de
documento:
8.- La vista Diseño
La vista Diseño permite trabajar con el editor visual.

NOVENO DE BÁSICA
Nos ofrece un aspecto muy similar al resultado final, pero totalmente editable.
JECHC
62
9.- La vista Código
La vista Código se utiliza para poder trabajar en un entorno totalmente de programación, de

código fuente. No permite tener directamente una referencia visual de cómo va quedando el
documento según se va modificando el código.
El código que vemos es el que genera Dreamweaver al editar el contenido en la vista Diseño.
Configurar un sitio local
Introducción
Un sitio web es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño similar o
un objetivo común. Es necesario diseñar y planificar el sitio web antes de crear las páginas que
va a contener.
La forma habitual de crear un sitio consiste en crear una carpeta en el disco local. Los
documentos HTML normalmente se crean dentro de dicha carpeta, mientras que para contener
NOVENO DE BÁSICA
las imágenes, las animaciones, archivos de tipos específico, etc., se deben crear nuevas carpetas
dentro de ésta, con el objetivo de tener una mejor organización de los archivos a la hora de
trabajar. Esto es lo que se conoce como sitio local.
Después se podrán copiar los archivos en un servidor web, en el denominado sitio remoto, lo que
equivale a publicar el sitio, de modo que la gente podrá verlo en Internet.
Por tanto, el sitio local y el sitio remoto tienen la misma estructura. El sitio local es la copia del
sitio con la que trabajaremos, y los cambios los actualizaremos en el sitio remoto.
JECHC
63
La página inicial de nuestro sitio debe de tener el nombre index.htm o index.html, ya que cuando
se intenta acceder a una URL genérica, el servidor devuelve la página con ese nombre.
Crear o editar un sitio web sin conexión a Internet

Una vez creadas las carpetas que formarán la estructura del sitio local, o por lo menos la carpeta
raíz, ya es posible definir el nuevo sitio.
Para ello hay que dirigirse al menú Sitio, a la opción Administrar sitios... o directamente a Nuevo
sitio.
Recuerda que a través del panel Archivos, se puede cambiar a cada uno de los sitios definidos.
También podemos acceder desde el icono de acceso rápido de la barra de la aplicación a la

opción Administrar sitios o Nuevo sitio...
En el caso de haber seleccionado la opción Administrar sitios, aparece una ventana que contiene
la lista de sitios locales definidos
NOVENO DE BÁSICA
JECHC
64
Por supuesto, pueden existir varios sitios locales en un mismo ordenador, como podemos ver en
la imagen.
Desde esta ventana podemos realizar varias acciones. Debajo de la lista de sitios tenemos cuatro
botones que nos permiten borrar un sitio, editarlo, duplicarlo y exportarlo.
A continuación tenemos otros cuatro botones:
- Importar sitio. Si previamente lo hemos exportado, normalmente, desde otro ordenador.
- Importar sitio de Business Catlyst. Catalyst es un sitstema de hospedaje de pago de Adobe.
- Nuevo sitio. A continuación explicaremos esta opción.
- Nuevo sitio de Business Catlyst.

NOVENO DE BÁSICA
En la parte inferior derecha tenemos el botón Listo que nos abrirá el sitio seleccionado.
Tanto si se pulsa el botón Nuevo sitio, como si se elige el botón Editar, se mostrará la misma
ventana en la que definir o modificar las características del sitio.
JECHC
65
Las opciones del sitio se agrupan en diferentes categorías que aparecen en la parte izquierda.
Para visualizar las características de una categoría basta con seleccionarla de la lista haciendo
clic en ella.
Las dos únicas opciones imprescindibles son las que encontramos en la categoría Sitio, y de
momento son las únicas que cambiaremos:
Vamos a ver los datos que hay que editar para la categoría Datos locales, que será lo único que
empleemos de momento:
 Debe definirse el Nombre del sitio, que únicamente nos servirá para identificarlo en la lista de
sitios.
 La Carpeta del sitio local, que es en la que se encuentra el sitio dentro del disco duro local. La
carpeta puede contener ya archivos o no.
Estas dos características son las imprescindibles para definir un sitio local. El resto son
opcionales, y de momento no nos interesan.
Las demás opciones en este momento no nos interesan, ya que estamos definiendo el sitio local,
y no es necesario establecer los datos del servidor en el que estará el sitio remoto.
NOVENO DE BÁSICA
Después de rellenar los datos pulsamos el botón Aceptar y abrimos el sitio.
Abrir un sitio
Para abrir un sitio ya definido hay que dirigirse al menú Sitio, a la opción Administrar sitios....
seleccionar el sitio de la lista de sitios y pulsar sobre el botón Listo.
JECHC
66
También podemos utilizar el panel Archivos, buscar y seleccionar el sitio a abrir en el menú
desplegable Archivos.
Para practicar realiza el Ejercicio paso a paso Crear un sitio web local. En este ejercicio,
configuraremos un sitio que iremos completando más adelante.
Ver el sitio
El panel Archivos (menú Ventana → Archivos o tecla F8) es uno de los paneles más importantes
de Dreamweaver, ya que nos da acceso a los archivos del sitio.
En este caso vemos todos los documentos creados en nuestro sitio buscar.htm, paraplantilla.htm,
platossemana.htm, postresemana.htm y las carpetas imagenes y varios.
Es posible visualizar un sitio en el panel Archivos o en una ventana. Para cambiar de una vista a
otra hay que pulsar sobre el botón que aparece en la parte superior del panel y de la ventana.
Esto nos sirve para ver a la vez el sitio local (el de nuestro equipo) y el sitio remoto (el del
servidor), y poder, por ejemplo, sincronizar los archivos, o compararlos. También el servidor de
pruebas o las bases de datos.
NOVENO DE BÁSICA
En esta imagen, se visualiza el remoto (a la izquierda) todavía vacío, y el sitio local (a la

derecha) con nuestros archivos.
JECHC
67
Dreamweaver guarda la caché de nuestro sitio, cómo se organizan los archivos y se relacionan
entre ellos. Por eso, si cambiamos el nombre de un archivo o su carpeta desde Dreamweaver,
automáticamente actualizará todas las referencias a ese archivo (enlaces desde otras páginas,
origen de la imagen, etc).
En cambio, si realizamos estos cambios desde fuera de Dreamweaver, las páginas no se

mostrarán correctamente: no aparecerán imágenes, no funcionarán enlaces, etc, ya que
Dreamweaver simplemente no encontrará la página.
Al modificar algún objeto que es referenciado por algún otro documento, se muestra una ventana
similar a ésta, que indica los documentos que hacen referencia a dicho objeto, y que pueden ser
actualizados para que no se produzcan los problemas antes mencionados.
NOVENO DE BÁSICA
Simplemente hay que pulsar sobre el botón Actualizar, aunque esto dependerá de si tenemos
configurada la opción Mensaje al actualizar vínculos si movemos archivos. Lo cual podemos
establecer desde el menú Edición, opción Preferencias, categoría General.
Propiedades del documento
JECHC
68
Es conveniente definir sitios homogéneos, que todas las páginas de un sitio sigan un mismo
formato, es decir, que tengan el mismo color de fondo, de fuente, etc.
Puede definirse el formato de cada una de las páginas a través del cuadro de diálogo Propiedades
de la página.
Este cuadro se puede abrir de tres modos diferentes:
 Pulsar la combinación de teclas Ctrl + J.

 Hacer clic sobre el menú Modificar y elegir la opción Propiedades de la página.
 Hacer clic con el botón derecho del ratón sobre el fondo de la página. Aparecerá al final del
menú contextual la opción Propiedades de la página.
Se abrirá el cuadro de diálogo siguiente:
Las propiedades están organizadas en categorías.
En la categoría Apariencia (CSS), como ves en la imagen anterior, encontramos las propiedades:
 Fuente de página: es el tipo de letra que le aplicaremos al texto.

NOVENO DE BÁSICA
 Tamaño: es el tamaño de la fuente que aplicaremos al texto.

 Color del texto: es el color de la fuente.
 Color del fondo: permite especificar un color de fondo para el documento, pero dicho color solo
se mostrará en el caso de no haber establecido ninguna imagen de fondo.
 Imagen de fondo: permite especificar una imagen de fondo para el documento. Dicha imagen se
muestra en mosaico. Es importante al elegir una imagen de fondo tener en cuenta que según los
colores de la imagen será necesario establecer unos u otros colores para el texto, así como que
no es conveniente tener un gif animado como fondo.
JECHC
69
 Repetir: permite especificar si queremos que la imagen de fondo se repita o no. Si no queremos
que se repita, seleccionamos la opción no-repeat. Si queremos que se repita o dejamos la
opción en blanco o seleccionamos la opción repeat. Si queremos que se repita solo en horizontal
seleccionamos la opción repeat-x y si queremos que se repita en vertical, entonces
seleccionamos repeat-y.
 Márgenes: permiten establecer márgenes en el documento, es decir, la distancia entre donde
empieza el contenido de la página y la ventana del navegador.
En la categoría Apariencia (HTML), como vemos en la imagen siguiente, encontramos las

propiedades:
 Imagen de fondo:
permite especificar una
imagen de fondo para el
documento. Dicha
imagen se muestra en
mosaico. Es importante
al elegir una imagen de
fondo tener en cuenta
que según los colores de
la imagen será necesario
establecer unos u otros
colores para el texto, así
como que no es
conveniente tener un gif
animado como fondo.
 Fondo: permite
especificar un color de
fondo para el documento, pero dicho color solo se mostrará en el caso de no haber establecido
ninguna imagen de fondo.
 Texto: es el color de la fuente.
 Vínculos: es el color que mostrará el texto de los vínculos.
 Vínculos visitados: es el color que mostrará el texto de los vínculos visitados.
 Vínculos activos: es el color que mostrará el vínculo cuando el cursor del ratón hace clic sobre el
mismo.
 Márgenes: permiten establecer márgenes en el documento, es decir, la distancia entre donde
empieza el contenido de la página y la ventana del navegador.
Podemos observar que muchas propiedades HTML y CSS son similares. La diferencia es que
CSS aplica nuestra configuración utilizando reglas de estilo, mientras que HTML lo hace con
atributos HTML. Estos últimos están cayendo en desuso, ya que se tiende a limitar el HTML al
contenido, y no al diseño. Por eso, te desaconsejamos su uso.
NOVENO DE BÁSICA
En la categoría Vínculos (CSS) encontramos las propiedades:
JECHC
70
 Fuente de vínculo:
es el tipo de letra
que mostrará el
texto del vínculo.
 Tamaño: es el
tamaño del texto de
los vínculos.
 Color de vínculo: es
el color de los
vínculos, que ayuda
al usuario a
distinguir entre el
texto normal y los
vínculos que sirven
de enlace a otras páginas.
 Vínculos visitados: es el color de los vínculos visitados, que permite distinguir al usuario
si unos vínculos ya han sido visitados o no.
 Vínculos de sustitución: es el color del texto del vínculo cuando situamos el ratón encima
del vínculo.
 Vínculos activos: es el color de los vínculos activos.
 Estilo subrayado: por defecto, cuando tenemos un texto con un vínculo asociado, el texto
aparece subrayado, con esta opción podemos elegir otro tipo de estilo por ejemplo para
que no aparezca subrayado.
En la categoría Encabezados
(CSS) encontramos la propiedad:
 Fuente de encabezado: permite

establece el tipo de fuente de
los encabezados.
El resto propiedades hacen

referencia al estilo cursiva o
negrita, así como al tamaño y
color que queremos aplicar a
cada tipo de encabezado.
En la categoría Título/Codificación encontramos la propiedad:

NOVENO DE BÁSICA
 Título: es el título del documento, que aparecerá en la barra de título del navegador y de la
ventana de documento de Dreamweaver
En la categoría Imagen de rastreo encontramos las propiedades:
JECHC
71
 Imagen de rastreo: permite establecer una imagen como fondo del documento, pero que
sólo se mostrará en la ventana de documento de Dreamweaver, y nunca en un navegador.
Dicha imagen se utiliza como plantilla gráfica sobre la que crear el documento.
 Transparencia: permite establecer la opacidad de la imagen de rastreo.
 Los colores

 Para asignar colores es posible desplegar una
paleta de colores como ésta. Al seleccionar un
color de estas paletas, se muestra el valor
hexadecimal del color en la parte superior.
 Las paletas de colores de Dreamweaver utilizan
la paleta de 216 colores seguros para web. Éstos
son los colores que se muestran de la misma
forma en cualquier navegador bajo cualquier sistema operativo.
 Esto no quiere decir que sólo podamos utilizar estos colores. Podemos personalizarlos a
través del botón de la parte superior de la paleta.
 Los colores pueden asignarse a través de los botones: .

 Estos botones suelen aparecer en el inspector de propiedades de muchos objetos, y
también en algunas ventanas que permiten especificar propiedades (sobre todo
propiedades de texto, fondo, o tablas), como es el caso de la ventana de Propiedades de la
página, que vimos en este tema.
 El color puede insertarse de dos modos. Uno de ellos es pulsando sobre el recuadro gris
, lo que hace que se despliegue la paleta de colores. El otro modo es introduciendo
directamente el número hexadecimal del color en el recuadro blanco.
 Por ejemplo, si en la paleta de colores que aparece más arriba se seleccionara el color
azul con valor #39F, el botón quedaría del siguiente modo: .

 En la web, los colores se representan por la cantidad que contienen de los colores
primarios aditivos (Rojo, Verde y Azul).
 Para indicar la cantidad de cada uno, se utilizan números hexadecimales, que van del 0 a
la F (A=10, B=11, ..., F=16).
 El valor mínimo (00) indica la ausencia total de ese color, y el máximo (FF) su intensidad
total.
 Para indicar que nos referimos a un color, utilizamos el símbolo # la principio del código.
 Por tanto, podemos definir un color como #F7F0E2 donde el primer par corresponde al
rojo, el segundo al azul y el último al verde.
 En Dreamweaver observarás muchas veces que se emplean sólo tres valores. En este
caso, se interpreta que los valores de los pares están repetidos. Es decir, los colores
#FF22AA y #F2A son el mismo.
NOVENO DE BÁSICA
El texto: propiedades y formato
A lo largo de este tema vamos a aprender a cambiar las propiedades del texto y a crear estilos
CSS, que permiten asignar al texto clases y estilos creados por nosotros mismos, no predefinidos.
Características del texto

JECHC
72
Las características del texto seleccionado pueden ser definidas a través del menú Formato, y a
través del inspector de propiedades. Vamos a ver las posibilidades que se nos ofrecen a través del
inspector de propiedades, que están clasificadas en dos categorías HTML y CSS.
Comenzamos viendo las propiedades HTML
Todas estas propiedades generan etiquetas HTML, que tienen un estilo por defecto en el
navegador. Pero al final, podremos personalizarlas con CSS para que se vean exactamente como
queramos.
 Formato:
 Permite seleccionar un formato de párrafo ya definido para HTML, que puede ser encabezado,
párrafo o formato predeterminado. Los encabezados se utilizan para establecer títulos dentro
de un documento. El formato predeterminado sirve para que el texto aparezca tal cual ha sido
escrito, por ejemplo, si entre dos palabras se introducen varios espacios solo se considera uno,
pero al establecer el formato predeterminado se respetará que hayan varios espacios en lugar
de solo uno. El texto normal, debería ir siempre en párrafos, salvo que esté en otros elementos,
como tablas o listas.
 Es importante emplear correctamente los encabezados, ya que se organizará mejor el contenido
de nuestra web, y es importante de cara a buscadores y visitantes. No te preocupes por cómo se
muestran esos encabezados, recuerda que siempre podremos personalizarlo.
 Estilo:
 El botón B encierra el texto en una etiqueta <strong></strong>, que por defecto se muestra
en negrita. El botón I, lo encierra entre <em></em>, que por defecto se ve en cursiva.
 Estas son las etiquetas de resaltado más habituales, pero existen otras que encontramos a
través del menú Texto. Por ejemplo, subrayar el texto. Esta opción no aparece en el panel de
Propiedades ya que de normal no suele utilizarse, debido a que los vínculos aparecen
subrayados y el subrayar texto normal podría hacer que el usuario pensara que se trata de un
vínculo. Además, emplea etiquetas que están en desuso.
NOVENO DE BÁSICA
 Lista:
 Estos botones permiten crear listas con viñetas o listas numeradas. Veremos qué son las listas
en el siguiente apartado.
 Sangría:
 Estos dos botones permiten sangrar el texto y anular la sangría. La sangría es una especie de
margen que se establece a ambos lados del texto. En este caso los botones se refieren a sangría
a la izquierda del texto.
JECHC
73
 Si lo aplicamos sobre texto normal, lo encerrará en una etiqueta

<blockquote></blockquote>, que por defecto se muestra indentada hacia la derecha. En
cambio, al aplicarlo sobre una lista, creará una sublista dentro de ésta.
Accediendo a las propiedades CSS.
Las hojas de estilo en cascada (CSS, Cascading Style Sheets) nos permiten formatear nuestra
página y darle el diseño que queramos. Podemos cambiar desde propiedades simples, como el
color de fondo, hasta cosas más vistosas, como hacer que un bloque se muestre en una posición
determinada o que un elemento cambie al pasar el cursor sobre él. Profundizaremos en esto más
adelante, por ser una parte fundamental en la creación de páginas web.
Tenemos más posibilidades a la hora de aplicar formatos. Dreamweaver CS6 nos proporciona
numerosas funciones para la creación de estilos mediante hojas de estilos en cascada .
 Regla de destino:
 Las reglas CSS sirven para definir a qué elemento aplicamos el estilo, y cómo lo
hacemos.
 Podemos definir una Nueva Regla, eliminarla o aplicar una clase. Veremos esto antes de
acabar el tema.
 Editar regla:
 Mediante este botón accedemos a las opciones para la creación o modificación de estilos
CSS, de la regla seleccionada.
 Panel CSS:
 Este botón abre el panel CSS si no lo tuviéramos abierto.
NOVENO DE BÁSICA
 Fuente: Permite seleccionar un conjunto

de fuentes. Aparecen conjuntos de fuentes en lugar de una sola, ya que es posible que al
establecer una única fuente el usuario no la tenga en su ordenador. El seleccionar un
conjunto de fuentes posibilita que en el caso de que el usuario no tenga una fuente se
aplique otra del conjunto. Por ejemplo, si seleccionamos Arial, Helvetica, sans-serif, el
texto se verá con la fuente Arial, pero si esta no existe se verá en Helvetica.
 Estilo:
JECHC
74
 Estos botones ponen el texto en negrita y cursiva respectivamente. Pero en este caso,
generan un estilo css en línea.
 Alineación:
 A través de estos botones es posible establecer la alineación del texto de una de estas
cuatro formas distintas: izquierda, centrada, derecha y justificada.
 Hemos de aplicarlo sobre el elemento que contiene el texto que queremos alinear, por
ejemplo sobre un párrafo.
 Tamaño:
 Permite cambiar el tamaño del texto. El tamaño lo podemos indicar en diversas unidades,
en píxeles, porcentajes del tamaño base, etc...
 Color:
 Permite seleccionar el color de la fuente, ignorando el color que se haya definido en las
propiedades de la página. Si no se ha establecido ningún color en las propiedades de la
página ni aquí, el color del texto por defecto será el negro.
NOVENO DE BÁSICA
JECHC
75

Libro 9no (1) - 1

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Libro 9no (1) - 1

Cargado por

Copyright:

Formatos disponibles

REOPILACIÓN NOVENO DE BÁSICA

NOVENO AÑO DE EDUCACIÓN BÁSICA

Estimados Padres de Familia:

 Conceptualizar los distintos repositorios digitales y sus características.

One Drive: Es un servicio de almacenamiento online, similar a un

Un solo lugar de trabajo para todos tus archivos de trabajo u ocio

MediaFire es un servicio de alojamiento de archivos y de alojamiento de imágenes gratuito fundado en

1.- ¿Qué es Google Drive?

Google Drive es un servicio web que te permite almacenar, modificar, compartir y

2.- ¿Cómo acceder a Google Drive?

Cómo crear un documento?

Cargará el procesador de textos y ya podemos empezar a escribir.

¿Cómo subir un archivo o carpeta?

Una vez seleccionado el archivo o la carpeta, la aplicación comenzará el proceso de subida.

Y ya aparecerá el archivo en “Mi unidad”.

Descargar un archivo NOVENO DE BÁSICA

Cambiar nombre a un archivo

¿Cómo compartir nuestro documento para la colaboración en

1 Este es el enlace de nuestro documento por si queremos compartirlo manualmente

Proceso para crear una carpeta compartida en Google Drive

Las carpetas se administran desde la pantalla de inicio, como el resto

Primero, crearemos una carpeta nueva.

Para ello, pulsamos el menú Nuevo, y elegimos Carpeta.

Al pulsarlo, se abre una carpeta llamada Nueva carpeta, lista para la

Personalizar una carpeta:

Las carpetas aparecen listadas en el árbol de la izquierda, en el

Para acceder a una carpeta, hacemos clic sobre su nombre. Al

Si hacemos clic sobre su nombre, podremos editar sus características.

Una vez que la hayamos personalizado, pulsamos Guardar.

En la aplicación de Picasa puedo crear formularios. ( )

Indique los pasos a seguir para crear una carpeta virtual

Seleccione de 1 a 4 los pasos a seguir para Subir un Archivo.

( ) Empieza el proceso de subida

( ) Seleccione el archivo o Carpeta

FECHA:__________ Firma Nota:

Crear sitios web online con Wix.

MANUAL PARA EL USO DE WIX

CREA TU PROPIO SITIO WEB CON FACILIDAD.COM

¿Qué es Wix y de que nos sirve?

Wix no es una compañía de registro de dominios, así que no podemos dar

El servicio de conexión a un dominio propio (www.midominio.com) es un

¿Cómo crea una tienda online en Wix?

1. Ingresar a la página www.wix.com

2. Dar clic en el botón comienza ahora

4. Luego te da la bienvenida y te pide que selecciones la categoría en la cual quieres tu página.

De las cuales puedes ajustar a tu gusto.

24. Ahora se muestra que se está cargando las fotos.

no se guardará nada de lo que hiciste si por equivocación se cierra la página.

33. Este botón también es muy útil Wix App Market.

necesitamos más podemos agregar o quitarlas si tenemos de más.

a agregar nuestro producto donde dice foto.

44. Donde dice precio le colocamos el valor en el cual lo vamos a vender.

46. Seguimos bajando la barra y le damos clic en Guardar Producto.

Puedes ir haciendo todas las modificaciones que tú quieras después que le

 Conceptualizar aspectos básicos de Dreamweaver CS6 y desplazarse a través de su interfaz

 Aplicar diversas propiedades a las páginas web básicas creadas.

Qué es Dreamweaver CS6

Las funciones de edición visual de Dreamweaver CS6 permiten agregar

Editar páginas web

Cómo tener una página en Internet

Cuando se va a contratar un servicio de hospedaje es necesario contratar también un dominio.

Arrancar y cerrar Dreamweaver CS6