Practica 24: registrar y subir una pagina web

Para subir la pagina, primero hay que registrarla. Para ello hay distintos sitios que podemos utilizar de alojamiento gratis. En este caso, utilice unlugar.com.
Aquí, primero hay que registrarnos, crear una cuenta para poder utilizar el sitio y así subir la pagina web. Para esto pide tu nombre de usuario y tu contrasenia. una vez creada tu cuenta, sigue el dominio.
Después procederemos a crear un dominio (una cuenta), para realizarlo tenemos que estar en Panel de control, en este caso utilice el .com
Por consiguiente, elegiremos el plan de hosting que utilizaremos, ente caso el gratuito. Así, crearemos nuestro dominio.
En Panel de control, del lado izquierdo de la pantalla seleccionaremos la opción cuentas FTP y después webFTP. Tendrá que aparecernos un cuadro azul, donde nos pide colocar el hostname, en ese lugar coloque www.photoskaren.unlugar.com que es el nombre de mi dominio. También pide colocar el usuario, ahí colocaremos lo mismo pero sin el www, asi: ftp-photoskaren.unlugar.com
Finalmente nos pide el password. Damos clic en conectar.
Después aparece otro recuerdo azul en el que empezaremos a subir cada archivo de nuestra pagina web. Damos clic en seleccionar archivo y seleccionamos uno de los archivos, aceptar. repitamos eso hasta que el botón de seleccionar archivo no te deje subir mas, así que damos clic en subir archivos. (y repitamos lo anterior, solo acepta 5 o 6 archivos para subir a la vez).

Una vez terminado de subir los archivos, es momento de subir la pagina directamente de Dreamweaver.
Para ello abrimos el programa con nuestro sitio. Damos clic en Sitio...administrar sitio (o definir sitio)... elegiremos el sitio, sino la tienen hay que crearlo, para ello damos clic en nuevo.
En la venta que aparecerá, damos un nombre al sitio y escogemos donde queremos colocarlo. Ahora damos clic en servidores y seleccionamos el símbolo de + (nuevo servidor).
Nos aparece una ventana en la que tendremos que elegir el nombre del servidor, la direccion FTP que es la misma que colocamos al momento de llenar el registro por ejemplo: ftp.photoskaren.unlugar.com
Colocamos nuestro nombre de usuario y nuestro password. Las otras opciones las dejamos así.
Por consiguiente seleccionamos avanzadas que se encuentra arriba junto a básicas. Ahí solo seleccionaremos el modelo del servidor, en este caso elegí ASP JavaScript
Damos clic en guardar... guardar...listo.
Finalmente en la parte inferior derecha aparece un símbolo que se llama conector en forma de enchufe (conectar al servidor remoto), damos clic sobre el.
Listo!

Practica 23: Sitios que venden alojamiento

Entre los sitios que venden alojamiento tenemos los siguientes:

Practica 22: Sitios gratis

Entre la infinidad de sitios de hosting que te proporcionan alojamiento gratis, tenemos los siguentes:

Actividad 18: entorno del software del Dreamweaver

Realiza una entrada en tu blog identificando los elementos de la ventana de Dreamweaver; asi como su barra de herramientas

Actividad 17: terminología básica del software para diseñar paginas web

Realiza una búsqueda en internet y define lo siguiente; creando una entrada en tu blog:

1.    CSS: CSS (Cascading Style Sheets, u Hojas de Estilo en Cascada) es la tecnología desarrollada por el World Wide Web Consortium (W3C) con el fin de separar la estructura de la presentación.

2.    Maquetación: Maquetación, composición de una página, compaginación de diferentes elementos. Son términos diferentes, que se utilizan para hacer referencia a una misma cosa; la forma de ocupar el espacio del plano mesurable, la página.

3.    Plantilla en Dreamweaver: Son plantillas profesionales prediseñadas para sitios Web que se pueden editar y personalizar fácilmente utilizando Adobe Dreamweaver.

4.    Contenedor en Dreamweaver: se denomina contenedor a cada elemento de la pagina web.

5.    Región editable: son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla.

6.    Comportamientos en Dreamweaver: Los comportamientos son acciones que suceden cuando los usuarios realizan algún evento sobre un objeto, como puede ser mover el ratón sobre una imagen, pulsar sobre un texto, hacer doble clic sobre un mapa de imagen, etc.

Los comportamientos no existen como código HTML, se programan en JavaScript. Dreamweaver permite insertarlos a través del panel Comportamientos, por lo que no es necesario escribir ninguna línea de código JavaScript para programarlos.

7.    Tabla: sirven para organizar datos e imágenes en un archivo HTML.
Consisten de tres elementos básicos: filas, columnas y celdas (que surgen de la intersección de una fila con columna). Para crear una tabla debemos hacer clic sobre el botón Insertar tabla (Insert Table) de la paleta de Objetos.

8.    Formulario: Su función principal es para recoger los datos de los usuarios que visitan nuestra web, y puede servirnos para muchas funciones, desde recoger los datos para registrar un usuario, guardar los datos de una compra online o una encuesta etc.

9.    Formulario de contacto: al rellenarlo el usuario dar a enviar, enviará esos datos por email.

10. Dreamweaver CS5: es la aplicación que lidera el sector de la edición y creación de contenidos web. Proporciona funciones visuales y de nivel de código para crear diseños y sitios web basados en estándares para equipos de sobremesa, teléfonos inteligentes, tabletas y otros dispositivos.

Actividad 10: etiqueta Font

Presenta atributos que nos permiten modificar el tamaño y color del texto incluido en la etiqueta de inicio y fin.
como por ejemplo los siguientes atributos:
Color: determina el color que se aplica al texto
Size: determina el tamaño relativo del texto. los tamaños validos son del 1 al 7, siendo el predeterminado el 3 y el mas grande el 1.
Face: asigna una fuente o tipo de letra.

actividad 8: Atributos de las etiquetas

hay muchísimos atributos a etiquetas, entre los mas usados están los siguientes:

actividad 4: estructura básica de HTML

actividad 3: elementos basicos de HTML

Bloc de notas

Es un programa que permite crear y modificar archivos compuestos por texto sin formato.

Buscador

Es un sistema informático que busca archivos almacenados la web.

Compatible

Es la condición que hace que un programa y un sistema, logren comprenderse correctamente directamente o indirectamente

Etiqueta

Es el lenguaje de marcado predominante para la elaboración de páginas web.

Hipertexto

Nombre que recibe el texto que permite conducir a otros textos relacionados.

Lenguaje HTML

 HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). Como por ejemplo:

  

Marcas (tag)

 las marcas tag se utilizan para dar interpretación en una etiqueta.

Navegador

Es una aplicación que opera a través de Internet, interpretando la información de archivos y sitios web para que podamos ser capaces de leerla

Pagina web

Es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede ser accedida mediante un navegador para computadora o dispositivo móvil.

Plataforma

Se refiere al sistema operativo o a sistemas complejos que a su vez sirven para crear programas, como las plataformas de desarrollo.

Servidor web

Es un programa informático que procesa una aplicación del lado del servidor realizando conexiones bidireccionales y/o unidireccionales y síncronas o asíncronas con el cliente generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente

Vínculos

Es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento

actividad 2: Actividad integradora parte 1

1.- ¿Cuáles son tus posibles temas a tratar en tu pagina web?

Fotografía.

2.-Clasifica tus temas

·         Fotografía Normal y su crítica.

·         Fotografía Rostros y Paisajes (cultura).

·         Photoshop.

3.-Escoge el tema para tu pagina web

Arte

4.-Define la información para tu pagina web

En esta pagina web se podrá encontrar criticas sobre las fotografías, fotografías artísticas (photoshop) y fotografías de rostros y paisajes de la ciudad de Ensenada además como tips para crear efectos.

5.- ¿Cuáles fuentes de información tienes para tu pagina?

Tengo paginas web como Kabytes (http://www.kabytes.com/), Paulette´s photograpy, fotografias.net (http://www.fotografias.net/), además de diversas fuentes de información en internet.

6.-Escalabilidad

Cada semana.

7.-Planificacion: (objetivos, público y estructura)

Objetivo: que la gente pueda ver los mensajes que se trata de transmitir a travez de la fotografía así como dar su punto de vista y aprender nuevas técnicas en photoshop.

Publico: para todo aquel que le interesé la fotografía

Estructura: el sitio web tendrá como home page un collage de fotografía y este serán links para las diferentes páginas en las que estarán (en orden) Fotografía Normal y su crítica, Fotografía Rostros y Paisajes de Ensenada (cultura) y Photoshop.

8.-Definicion del diseño

Actividad 1: Contenido y estructura de la Página Web

¿Que entiendes por página Web?

Es una página en internet donde podemos encontrar cualquier información que va desde entretenimiento hasta información con sentido científico.

 

¿Que tipo de información tienen las paginas Web?

Las paginas web contienen información variada que van desde temas simples como la farándula y/o modas hasta complejos como medicina y ciencia.

¿Que entiendes por sitio Web?

Un sitio web es donde localizas información en diferentes páginas, como si fuera una colección de páginas web.

¿Cual es la diferencia entre sitio Web y Pagina Web?

Un ejemplo claro seria un libro y sus paginas. El libro seria el sitio web mientras que su contenido seria las páginas web.

¿Para que crees que sirva una pagina Web?

Para encontrar información  de cualquier tipo del gusto del usuario, ya sea en texto, imágenes o videos.

¿Que te gustaría que tuviera la pagina Web que diseñarías?

Información relevante a la fotografía.