- Encontrar una pagina de alojamiento ya sea gratuito o de paga
- Darle un nombre al dominio o URL deseado para el sitio web yo elejí, http//:www.downhillextrem.com, para ello tenemos que subirlo a una pagina de hospedaje
- También es importante dar de alta nuestra pagina a un buscador para que sea identificado nuestro dominio y así para que nos proporcione una dirección IP así como las claves FTP para podre subir las carpetas o los archivos a la web
- Descargar una software para FTP e instalar(se recomienda FELIZILLA)
- Ya que tenemos el programa solo tenemos que llenar lo que nos pide para la nueva creacion del servidor
martes, 16 de junio de 2015
Pasos a segur para alojamiento web de un sitio
terminología básica del software para diseño
1. Dreamweaver CS5: Es un software de edición en forma de un
estudio (basado en la forma de Adobe Flash) su propósito es construir,
desarrollar, diseñar y editar sitios, vídeos y aplicaciones web.
Inicialmente fue creado por Macromedia pero actualmente es desarrollado por
Adobe Systems. Adobe Dreamweaver se ha convertido en el programa más utilizado
para el diseño y la programación web, esto gracias a las funciones que posee,
su fácil integración a otros programas como Adobe Flash y recientemente por su
soporte para estándares del World Wide Web Consortium....
www.crearcrear.com/adobe-dreamweaver-descargable/
www.crearcrear.com/adobe-dreamweaver-descargable/
2. CSS:
Son las siglas Cascading Style Sheets
3. Plantilla
de Dreamweaver: Es un tipo especial de documento que sirve para crear un diseño
de página “fijo”; puede crear documentos basados en la plantilla que heredan su
diseño de página. Al diseñar una plantilla, usted especifica como “editables”
aquellos contenidos de un documento basado en dicha plantilla que los usuarios
pueden editar. Las plantillas permiten a los autores controlar qué elementos de
la página pueden editar los usuarios de la plantilla (como los redactores, los
diseñadores gráficos y otros desarrolladores Web).
4. Contenedor
de Dreamweaver: se trata de esa caja que va el contenido de la web(texto,
imágenes, etc.. que va en el apartado dicho “container”, llamado “content”
–contenido--)
5. Comportamientos
Dreamweaver: Los comportamientos de Adobe® Dreamweaver® colocan código
JavaScript en los documentos para que los visitantes puedan cambiar una página
Web de diversas formas o iniciar determinadas tareas. Un comportamiento es una
combinación de un evento y una acción que desencadena ese evento. En el panel
Comportamientos, un comportamiento se añade a una página especificando en
primer lugar una acción y, a continuación, el evento que desencadena esa
acción.
6. Sitio
local: Un sitio local: archivos del disco local que corresponden a los archivos
del sitio remoto. Primero se crean los archivos en el disco local y, a
continuación, se cargan en el sitio remoto.
7. Sitio
dinámico: Al añadir elementos dinámicos a una página Web, el diseño
de la página se convierte en un elemento fundamental para facilitar su uso.
Para incorporar contenido dinámico a una
página Web consiste en crear una tabla para presentar contenido e importar
contenido dinámico en una o varias celdas de la tabla.
8. Sitio interactivo: Sitio interactivo permite a
los usuarios participar y aportar contenido. Un sitio interactivo es
básicamente un sitio dinámico al que se le fue añadido prestaciones
interactivas.
9. Región
editable: Controlan que aéreas de una pagina basada en plantilla que puede
editar el usuario
10. Maquetación:
Es la distribución de los elementos de nuestra página.
Piensa en una página web cualquiera.
Seguro de que distingues claramente diferenciados, como un encabezado, columna
y pie de página.
11. Etiqueta
Div: La etiqueta <div> se emplea para definir un bloque de contenido o
selección de la pagina, para aplicarle diferentes estilos e incluso para realizar
operaciones sobre ese bloque especifico.
12. Tabla:
Las tablas están formadas por un conjunto de celdas, distribuidas en filas y
columnas.
13. Formulario:
Los formularios se utilizan para recoger datos de los usuarios. Nos pueden
servir para realizar un pedido en una tienda virtual, crear una encuesta,
conocer las opiniones de los usuarios, recibir preguntas, etc.
Una vez el usuario rellena los datos y
pulsa el botón para enviar el formulario se arrancará un programa que recibirá
los datos y hará el tratamiento correspondiente.
14. Formulario
de contacto: 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.
actividad- introduccion en html
- ¿Qué entiendes por una pagina HTML? una pagina html es una pagina creada con este tipo de formato
- define cada una de las letras que conforman HTML. esto proviene de las siglas HyperText Markup Language
- ¿Quién invento HTML? Tim Berners-Lee
- Menciona cuatro características del lenguaje HTML. HTML es un lenguaje de marcado que nos permite indicar la estructura de nuestro documento mediante etiquetas. Este lenguaje nos ofrece una gran adaptabilidad, una estructuración lógica y es fácil de interpretar tanto por humanos como por máquinas, ya que siguen un esquema de árbol donde existe un elemento raíz y donde el resto de etiquetas se insertan de manera lógica y estructurada. Además, se trata de un fichero de texto, y solo se necesita un editor como el bloc de notas para generar un documento HTML.Todo lenguaje de marcado tiene una gramática que nos indica qué etiquetas se pueden utilizar, qué significan, cómo se relacionan entre ellas, etc. Es muy similar a las gramáticas de las lenguas humanas. Por ejemplo, la gramática española nos indica que un párrafo debe comenzar con mayúscula y finalizar con un punto y aparte. En HTML la gramática marca que un párrafo debe comenzar con la etiqueta <p> y finalizar con el cierre de la misma etiqueta (</p>). Las marcas de inicio y fin de párrafo son diferentes en castellano y en HTML, pero el significado es el mismo.Otro aspecto que debemos cumplir si utilizamos HTML es la división de la información en dos bloques: la cabecera (head) y el cuerpo (body). La división de esta información es fácil de entender si lo comparamos con un libro, donde la información técnica (título, editorial, etc.) se encuentra en las primeras páginas.En el caso del HTML reproducimos este mismo esquema, incluyendo el contenido en el body y los datos técnicos en la cabecera. En este sentido hay que destacar la etiqueta DOCTYPE, que nos indica qué tipo de gramática estamos utilizando: sería el equivalente a indicarle al navegador si hablamos en castellano o inglés.Por ejemplo, en la cabecera se puede encontrar:– Información contextual de la página. Estos metadatos nos permiten indicar información que puede no quedar clara en el contenido. Por ejemplo, indicar el idioma permite a un navegador de voz (para inviden tes) cambiar la pronunciación para leer correctamente el contenido.– Referencia a otros ficheros. Todos aquellos recursos que necesite nuestra página deben estar referenciados desde la cabecera. Por ejemplo, archivos de CSS y JavaScript, el icono de la barra de direcciones, etc.– Scripts y estilos. Si estos no se definen en un fichero independiente, se incluyen en la sección de cabecera para que estén disponibles en todo el documento y no tener que repetirlos.Por otro lado, en el cuerpo se encuentra todo el contenido de la página, desde el texto a las imágenes, pasando por vídeos, enlaces, etc. Este contenido debe estar estructurado en diferentes secciones y marcado correctamente.Por ejemplo, como decíamos antes, un párrafo se marca con una etiqueta <p>. Otro ejemplo podría ser la relación semántica que existe en un conjunto de puntos que forman una lista. En este caso se marcarían con las etiquetas <ul> o <ol> (unordered list u ordered list) dependiendo de cómo queramos establecer esta relación. http://www.postgradomarketingonline.com/blog/tecnologia-web/cuales-son-las-caracteristicas-principales-del-html/
- Menciona 7 reglas básicas que debes seguir para el diseño de una página web. inclusión, agrupamiento, herencia, clase como selector,selectores contextuales,comentarios.
lunes, 15 de junio de 2015
actividad-1.3: Elementos básicos de HTML
- Bloc de notas :(en inglés notepad) es un editor de texto simple incluido en los sistemas operativos de Microsoftdesde 1985. Su funcionalidad es muy simple. 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 si el documento comienza por ".LOG".
- Ajuste de línea.
- Posibilidad de exportar a cualquier formato de texto no formateado (muy útil como recurso de emergencia para programar)
Es el equivalente en Windows del editor de MS-DOS edit.La extensión predeterminada de este editor es *.txt http://es.wikipedia.org/wiki/Bloc_de_notas - 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. http://es.wikipedia.org/wiki/Compatibilidad_%28inform%C3%A1tica%29
- Buscador: Temporalmente, los motores de búsqueda son posteriores a los índices. El concepto es diferente: en este caso, el rastreo de la web lo hace un programa, llamado araña ó motor (de ahí viene el nombre del tipo de buscador). Este programa va visitando las páginas y, a la vez, creando una base de datos en la que relaciona la dirección de la página con las 100 primeras palabras que aparecen en ella. Como era de esperar, el acceso a esta base de datos se hace por palabras clave: la página del buscador me ofrece un espacio para que yo escriba la ó las palabras relacionadas con el tema que me interesa, y como resultado me devuelve directamente un listado de páginas que contienen esas palabras clave. Por ejemplo, si utilizo un motor de búsqueda para localizar información sobre el Museo del Prado, simplemente tendré que escribir "Museo del Prado" en el espacio de búsqueda y pinchar en el botón Buscar. A continuación se me devolverá otra página con los resultados de la búsqueda: un listado con enlaces a las páginas solicitadas http://www.aula21.net/tallerwq/buscadores/buscador1.htm
- Estructura de pagina web:Se refiere al proceso de identificar la forma que tendrá el Sitio Web que se está desarrollando. En este sentido es importante hacer una diferencia entre estructura y diseño http://www.guiadigital.gob.cl/articulo/definicion-de-la-estructura-del-sitio
- Etiqueta:es un tipo de información que describe o define algún aspecto de un recurso de información (como un documento, una imagen, una página web, etc).http://www.alegsa.com.ar/Dic/etiqueta%20metadato.php#sthash.XawPbMnc.dpuf
- Hipertexto:Sistema informático de organización y presentación de datos que se basa en la vinculación defragmentos textuales o gráficos a otros fragmentos, lo cual permite al usuario acceder a la información no necesariamente deforma secuencial sino desde cualquiera de los distintos ítems relacionados http://es.thefreedictionary.com/hipertexto
- Lenguaje HTML : se refiere principalmente a el lenguaje utilizado para la elaboración de paginas web de diferentes formas
- Marcas(tags) :Sistema tag (tag system), un modelo computacional determinista http://www.alegsa.com.ar/Dic/tag.php#sthash.KKKJksFH.dpuf
- Navegador: es un software que permite el acceso a Internet, interpretando la información de distintos tipos de archivos y sitios web para que éstos puedan ser visualizados.La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente con recursos multimedia incrustados. Además, permite visitar páginas web y hacer actividades en ella, es decir, podemos enlazar un sitio con otro, imprimir, enviar y recibir correo, entre otras funcionalidades más. http://es.wikipedia.org/wiki/Navegador_web
- Pagina WEB: se conoce como página web al documento que forma parte de un sitio web y que suele contar con enlaces (también conocidos comohipervínculos o links) para facilitar la navegación entre los contenidos. http://definicion.de/pagina-web/
- 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 enInternet2 Una página web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet.Todos los sitios web públicamente accesibles constituyen una gigantesca World Wide Web de información (un gigantesco entramado de recursos de alcance mundial). http://es.wikipedia.org/wiki/Sitio_web
- Plataforma:es un sistema que sirve como base para hacer funcionar determinados módulos de hardware o de software con los que es compatible. Dicho sistema está definido por un estándar alrededor del cual se determina una arquitectura de hardware y una plataforma de software (incluyendo entornos de aplicaciones). Al definir plataformas se establecen los tipos de arquitectura, sistema operativo, lenguaje de programación o interfaz de usuario compatibles. http://www.reddeaprendizaje.com/inicio/item/47-plataforma-informatica
- Servidor WEB: sirve contenido estático a un navegador, carga un archivo y lo sirve a través de la red al navegador de un usuario. Este intercambio es mediado por el navegador y el servidor que hablan el uno con el otro mediante HTTP. https://www.masadelante.com/faqs/servidor-web
- Vínculos : Apuntadores hipertexto que sirven para saltar de una información a otra, o de un servidor web a otro, cuando se navega por Internet
Suscribirse a:
Entradas (Atom)