- Para ustedes los pasos para subir la pagina.
- Lo primero que aremos es elegir la pagina para crear nuestra cuenta, en este caso tenemos que elegir un sitio que sea gratuito. Bueno para ustedes hostinger.es
- Nos pide completar el formulario de registro.
- Donde nos pide el nombre, e-mail y contraseñas para el registro.
- CLIP PARA CREAR CUENTA.
- Ya terminando el registro proseguimos para crear la nueva cuentas.
- Clic en el hostinger que aparece del lado izquierdo de la pantalla.
- Crear nuevo cuenta
- Aparece tres cuadros unos con el costo de la cuenta, pero tenemos que hacer clic en cero euros. cuenta gratuita.
- Te pide ingresar el dominio y la contraseña. En este caso ingresaremos nuestro subdominio
- platillosyuliosjar.hol.es.
- Clic en continuar.
- Confirmación de tu orden.
- La confirmación llegara a tu coreo, cuenta activada. Toda la información que necesites para poder subir tu pagina estará allí.
- Utilizaras la cuenta del servidor, nombre y contraseñar,
- Abre el archivo de filizilla y solo tienes que copiar esa información en las recuadros, con la información correcta.
- Para terminar solo arrastra las carpetas del lado derecho, para procesar la información y ya estará lista.
- Ahora solo tienes que registrarla
- Link para registro de tu pagina WEB
- http://platillosyulios.hol.es/indext.html
viernes, 6 de junio de 2014
Actividad 25- registro de la pagina.
miércoles, 7 de mayo de 2014
viernes, 2 de mayo de 2014
miércoles, 30 de abril de 2014
viernes, 21 de marzo de 2014
TERMINOLOGÍA BÁSICA DE SOFTWARE PARA DISEÑAR PAGINA WEB
1.¿QUE ES DREAMWEAVER?
Dreamweaver CS5 es un software fácil de usar que permite crear páginas web profesionales.
Las funciones de edición visual de Dreamweaver CS5 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.
Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del programa.
Para seguir este curso te puedes descargar la versión gratuita de Dreamweaver desde la página de Adobe, la versión caduca al cabo de 30 días, pero seguro que te dará tiempo a entenderlo y decidir si quieres adquirir la versión completa de este fantástico programa.
Nota: Esta versión estará disponible hasta que Adobe lance la nueva versión del programa.
Los logotipos de Dreamweaver son propiedad de Adobe, así como las marcas registradas Dreamweaver y Adobe. aulaClic no tiene ninguna relación con Adobe.
Las páginas web están escritas en HTML. Si no conoces las características básicas de HTML puedes verlas aquí.
2.CSS:
CSS son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe como se va a mostrar un documento en pantalla, por impresora, por voz (cuando la información es pronunciada a través de un dispositivo de lectura) o en dispositivos táctiles basados en Braille.
3.PLANTILLA EN DREAMWEAVER:
- Una 'Plantilla' es un pre.diseño de una página Web creada para que la utilices como base de un desarrollo Web rápido y de alta clidad en diseño. Simplemente agrega tu textoe imágenes a tu plantilla y obtendrás un sitio Web funcional y vistoso listo para subir a Internet.
4.CONTENEDOR EN DREAMWEAVER:
Los contenedores están incluidos en la misma página, pero cada contenedor puede albergar un elemento muy concreto tal como una imagen, una animación o un texto, y podemos situarlo donde deseemos, en cualquier parte de la página.
En lenguaje técnico, cuando hablamos de una página de capas, estamos hablando de utilizar el estándar CSS, hojas de estilo en cascada.
La potencia de este estilo es que tenemos total libertad para asignar una definición de estilo a cada capa, al igual que podemos especificar la forma y dónde queremos que ese elemento en concreto aparezca en la página, y el navegador se encargara por si solo de interpretarlo y visualizarlo de forma correcta.
5.COMPORTAMIENTOS EN DREAMWEAVER:
Los comportamientos son acciones, programadas normalmente en código JavaScript, que suceden cuando los usuarios realizan algún evento sobre un objeto (en lenguaje Dreamweaver) ya sea imagen, texto, capa, ... Los comportamientos de Dreamweaver introducen en los documentos código JavaScript que permite a los visitantes interactuar con la página Web para modificarla de diversas maneras o para que se realicen determinadas tareas. Un comportamiento es una combinación de un evento con una acción que desencadena ese evento.
| ||||
El panel Comportamientos, que se puede abrir a través del menú Ventana, o pulsando Mayús+F3 o sobre el botón del lanzador. Un comportamiento se añade a un objeto especificando en primer lugar una acción y, a continuación, el evento que desencadena esa acción. | ||||
| Estos eventos puede ser: | ||||
6.SITIO LOCAL:
En Dreamweaver, el término “sitio” se emplea para referirse a una ubicación de almacenamiento local o remota de los documentos que pertenecen a un sitio Web. Un sitio de Dreamweaver permite organizar y administrar todos los documentos Web, cargar el sitio en un servidor Web, controlar y mantener vínculos y administrar y compartir archivos. Para aprovechar al máximo las funciones de Dreamweaver, debe definir un sitio.
7.SITIO DINÁMICO:
Las dos principales categorías de sitios web son: sitios web estáticos, y sitios web dinámicos. Ambos tipos de sitios es aconsejable desarrollarles con herramientas que nos faciliten dicha creación como: Dreamweaver, Joomla!, Wordpress, Blogger, etc. Los sitios dinámicos utilizan bases de datos lo que los hace más versátiles y las páginas son generadas dinámicamente. A diferencia un sitios estático presenta mayor rigidez menos versatilidad pero pueden ser personalizados y lograr resultados increíbles a la antigua usanza de los monjes que diseñaban de forma artesanal y laboriosa páginas únicas, páginas que podrían ser una "obra de arte". Los sitios web estáticos tienen como extensión .htm, o .html.
8.SITIO INTERACTIVO.
Es la creación del programa a la preferencia con mas entretenimientos para el. 9. REGIÓN EDITA BLE: son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla. Las regiones bloqueadas (no editables) son las partes del diseño de la página que permanecen constantes de una página a otra. http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13263 10. MAQUETACION : La maquetación es la distribución de los elementos en nuestra página. Piensa en una página web cualquiera. Seguro que distingues algunos elementos claramente diferenciados, como un encabezado, columnas, y un pie de página.
http://www.aulaclic.es/dreamweaver-cs5/t_18_1.htm
11. ETIQUETA DIV: Una etiqueta div es una etiqueta que define las divisiones lógicas existentes en el contenido de una página Web. Puede utilizar etiquetas div para centrar bloques de contenido, crear efectos de columna y crear diferentes áreas de color, entre otras posibilidades.
12. TABLA:
Las tablas son una herramienta potente para presentar datos e imágenes en páginas HTML. Las tablas proporcionan a los diseñadores Web formas de añadir estructura vertical y horizontal a una página. Utilice las tablas para presentar datos tabulares, diseñar columnas o disponer texto o gráficos en una página Web. Podrá agregar contenido; añadir, eliminar, dividir y combinar filas y columnas; modificar las propiedades de tablas, de filas o de celdas para añadir color y alineaciones, así como copiar y pegar celdas.
Las tablas constan de tres componentes básicos:
|
13.FORMULARIO:
Los formularios permiten interactuar con los visitantes del sitio o recopilar información de ellos. Por ejemplo, puede solicitar el nombre y la dirección de correo electrónico de un usuario o hacer que los visitantes respondan a una encuesta o proporcionen comentarios acerca del sitio.
Los formularios constan de dos partes: el código HTML que describe el formulario (por ejemplo, los campos, etiquetas y botones que ve el usuario en la página) y una secuencia de comandos o aplicación que procesa la información enviada. No se puede recopilar datos de formulario sin utilizar una secuencia de comandos de procesamiento.
Puede utilizar Dreamweaver para crear distintos objetos de formulario, como campos de texto, campos de contraseña, botones de opción, casillas de verificación, menús emergentes o imágenes en las que es posible hacer clic (por ejemplo, un botón Enviar).
También puede utilizar el comportamiento validar formulario para comprobar la información que proporciona un visitante; por ejemplo, puede comprobar si una dirección de correo electrónico contiene el símbolo "@" o si se han introducido datos en un campo "obligatorio".
http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13290
14. FORMULARIO DE CONTACTO:
Es un grupo de diferentes campos o casillas de texto acompañadas de unos rótulos que definen cual será el contenido de las casillas, por ejemplo, si el rótulo es “Nombre:” la casilla de texto a su lado deberá ser llenada con el nombre de usuario del formulario.
martes, 11 de febrero de 2014
1.3 ELEMENTOS BÁSICOS DE HTML.
1. BLOccccccccccccgccccC DE NOTAS. :
Es un editor de texto simple incluido en los sistemas operativos de Microsof desde 1985. Su funcionalidad es muy sencilla. Algunas características propias son:
- Inserción de hora y fecha actual pulsando F5, en formato "HH:MM DD/MM/AA".
- Inserción de hora y fecha actual automática si el documento comienza por ".LOG".
- Ajuste de línea.
- http://es.wikipedia.org/wiki/Bloc_de_notas
2. BUSCADOR
Es un sistema informático que buscar archivo almacenados en servidores web gracias a su «spider»
3. COMPATIBLE
es la condición que hace que un programa y un sistema, arquitectura o aplicación logren comprenderse correctamente tanto directamente o indirectamente (mediante un algoritmo). A este algoritmo que hace que un programa logre ser comprendido por un sistema, arquitectura o aplicación se lo denomina emulador por el hecho de que es un intérprete entre el programa y el sistema, arquitectura o aplicación.
4. ESTRUCTURA DE PÁGINA
WEB
| <html> <head> <title>Esto es el título de la página.</title> </head> <body> Hola mundo!<br> <b>Esto es negrita.</b><br> <i>Y esto itálica.</i><br> </body> </html> |
5. ETIQUETA
concepto de etiqueta tiene distintos usos y significados. Se trata de una señal, marca,rótulo o marbete que se adhiere a un objeto para su identificación, clasificación o valoración.
6. HIPERTEXTO
Es una herramienta de software con estructura no secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos.
7. LENGUAJE HTML.
Significa HyperText Markup Language. Es el lenguaje en que se escriben los millones de documentos que hoy existen en el World Wide Web. Cuando accedemos a uno de estos documentos, el cliente (Netscape, IE, Mosaic, Lynx, Mozilla) los interpreta y los muestra.
8. MACAS (TAG)
Una palabra clave o término asociado con o asignado a una pieza de información.
9. NAVEGADOR
Un navegador o navegador web, conocido intencionalmente como browser, es un software que permite el acceso a Internet, interpretando la información de archivos y sitios web para que éstos puedan ser leídos.
10. PAGINA WEB
Es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador.
11. PLATAFORMA
Es un sistema que sirve como base para hacer funcionar determinados módulos de hardware o de software con los que es compatible.
Al definir plataformas se establecen los tipos de arquitectura, sistema operativo, lenguaje de programación o interfaz de usuario compatibles.
12. SITIO WEB
Un sitio web es una colección de páginas de internet relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet.
13. SERVIDOR WEB
es un programa informático que procesa una aplicación del lado del servidor, realizando conexiones bidireccionales y/o unidireccionales ysíncronas o asíncronas con el cliente y generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente. El código recibido por el cliente suele sercompilado y ejecutado por un navegador web. Para la transmisión de todos estos datos suele utilizarse algún protocolo. Generalmente se usa el protocolo HTTP para estas comunicaciones, perteneciente a la capa de aplicación del modelo OSI
14. VÍNCULOS
Un vínculo es un link. Apuntadores hipertexto que sirven para saltar de una información a otra, o de un servidor web a otro, cuando se navega por Internet<--esto es un vínculo
viernes, 7 de febrero de 2014
1.2 Introducción al hmtl
Que entiendes por html ?
Es un lenguaje utilizado para la dirección de una pagina web
Define cada una de las letras que conforman la palabra html
Hiper (Hyper): Es lo contrario de lineal. Los programas de la computadora se ejecutaban de forma lineal: cuando el programa había ejecutado una acción seguía hasta la siguiente línea, y después de ésta a la siguiente, y a la siguiente, HTML, sin embargo, ahora es diferente: se puede ir a donde uno quiera cuando uno quiera. .
Texto (Text): Se refiere al texto de la página web.
Lenguaje (lenguaje): Es lo que es HTML. Este lenguaje hace uso de muchos términos en inglé
Cual era el objetivo al crear el lenguaje html
Es el lenguaje en que se escriben los millones de documentos que hoy existen en el World Wide Web. Cuando accedemos a uno de estos documentos, el cliente (Netscape, IE, Mosaic, Lynx, Mozilla) los interpreta y los muestra.
Mención a 4 características de lenguaje html
DHTML es una característica de Netscape Comunicador 4.0, y Microsoft Explorer 4.0 y posteriores versiones de ambos navegadores, y está orientada al usuario.
*Es tarea del navegador mostrar y manipular las páginas web.
*es una herramienta con la que se pueden crear efectos que requieren poco ancho de banda, a la hora de bajarlos de Internet siendo estos que la página tenga una funcionalidad mejor.
*Se puede utilizar para crear animaciones, juegos, aplicaciones, para introducir nuevas formas de navegar a través de los sitios web, y para crear un auténtico entramado de capas que con sólo el HTML sería imposible abordar.
HTML
*Puede ser creado y editado con cualquier editor de textos básico.
*Utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.
*Cada elemento de un documento HTML consta de una etiqueta de comienzo, un bloque de texto y una etiqueta de fin
*Es tarea del navegador mostrar y manipular las páginas web.
*es una herramienta con la que se pueden crear efectos que requieren poco ancho de banda, a la hora de bajarlos de Internet siendo estos que la página tenga una funcionalidad mejor.
*Se puede utilizar para crear animaciones, juegos, aplicaciones, para introducir nuevas formas de navegar a través de los sitios web, y para crear un auténtico entramado de capas que con sólo el HTML sería imposible abordar.
HTML
*Puede ser creado y editado con cualquier editor de textos básico.
*Utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.
*Cada elemento de un documento HTML consta de una etiqueta de comienzo, un bloque de texto y una etiqueta de fin
Menciona 7 reglas básicas que debe seguir para el diseño de
una pagina web
1.-Tu página tiene que cargar rápido
Tan solo tienes 10 preciosos y escasos segundos para despertar su interés antes de que se marchen. Tus visitantes y probablemente tu tampoco esperarías 30, 40, ni 50 segundos hasta que el sitio cargue, en Internet el tiempo pesa y mucho, cuando navegamos en la red se pierde la paciencia rápidamente, así que lo mejor es asegurarse que tus paginas sean gráficamente ligeras para que no convierta tu sitio web en un sitio “pesado”.
2.-Despierta su Interés dándole lo que está buscando
Tu visitante antes de comprar va primero que todo en busca de información, el “Que Hay Aquí Para Mi”, dales precisamente eso información, pero no cualquier información dales contenido que no pueda conseguir en tu competencia, es por eso que tus contenidos no pueden ser mas de lo mismo que tienen los demás, debes enfocarlo desde un punto de vista novedoso, que lo haga fresco y original. De esta manera sentirán que tu sitio tiene eso que están buscando y que solo tú puedes ofrecerle.
3.-Pon a la vista lo que ofreces
Enséñales claramente y desde un primer momento los productos o servicios que vendes, si tus prospecto no están seguros de que va tu sitio web, se confundirán se marcharan y es muy poco probables que les recuperes.
4.-Atraparlo con un titulo poderoso
Si pones un titulo que llame poderosamente su atención, atraerás su interés por ver que es lo que tienes para el, y permanecerá mas tiempo lo que aumenta la posibilidad de que puedas venderle tus productos o servicios.
5.-Da para recibir
¿Quieres que tus Prospecto se Suscriban a tu Boletín?, entonces ofrecerles contenido gratis y relevante, es la mejor manera de ganarte su confianza, la confianza es un paso previo muy importante antes de que decidan comprar tus productos o servicios. Posterior a la suscripción también puedes enviarle información periódicamente, bien sea cursos, seminarios e incluso software gratis que apoye y le sirva como una herramienta de complemento a la información relevante de su interés.
6.-Diseño sencillo pero elegante
Un sitio web sencillo no tiene por que ser poco atractivo, al contrario de los que mucha gente piensa, los sitios web que más oportunidades de negocios tiene y que mas venden actualmente en la red son precisamente aquellos que son sencillos pero elegantes. Muy importante sin errores gramaticales, un lugar con errores ortográficos denota poca profesionalidad y genera rechazo y desconfianza en los usuarios. No debe tener colores de fondo chillones, debe ser agradable a la vista y sus textos con un tamaño adecuado y fácil de leer para todo el mundo.
7.-Ponle un mapa a tu sitio
Si tu sitio web es muy grande lo mejor es tener un mapa del sitio para facilitarle conseguir a tus usuarios lo que están buscando.
8.-Información Básica
Siempre, hay que incluir el nombre, la dirección, y teléfonos en nuestro sitio web. Resulta asombrosa la cantidad de negocios que circulan por la red que dan la impresión de estar huérfanos o acéfalos, carecen de información básica del responsable, lo cual genera sin duda desconfianza y poca credibilidad para el usuario, también hay que un e-mail de contacto de ser posible en todas y cada una de las paginas que componen el sitio.
9.-FAQs
Si tienes que responder a las mismas preguntas una y otra vez, lo mejor es hacer una página con las respuestas a esas preguntas frecuentes, tus visitantes solo tienen que consultarlas para despejar rápidamente sus dudas relacionadas con tus productos o servicios.
10.-Ofrecerles un Glosario de Términos
Una excelente manera de que tus prospecto vuelvan una y otra vez a tu negocio es poner a su disposición, un glosario de términos con la información que necesitan, volverán una y otra vez a consultar sus dudas y tendrás más posibilidades de ofrecerles tus productos o servicios
jueves, 6 de febrero de 2014
Suscribirse a:
Comentarios (Atom)