Descargar la presentación
La descarga está en progreso. Por favor, espere
1
Curso Creación Pàginas Web
2
Una web por dentro Qué necesitas para empezar Editores de HTML Alojar las páginas Subir los archivos al servidor Introducción al diseño
3
Una web por dentro Para ello en Internet Explorer se ha de pulsar sobre el menú de Ver > Código fuente y en Firefox se ha de seleccionar Ver > Código fuente de la página.
4
Qué necesitas para empezar
En concreto, los materiales necesarios son un editor de textos, con el que programaremos nuestras páginas y un cliente web como Internet Explorer o Firefox, Opera, o cualquier otro navegador que tengamos instalado. Como un ordenador Windows por defecto siempre tiene instalado el Block de Notas y también el Internet Explorer se puede empezar a construir una página web sin más necesidades.
5
Editores de HTML En el mercado existen multitud de editores de HTML WYSIWYG, es el acrónimo de What You See Is What You Get (en español, "lo que ves es lo que obtienes"). Se aplica a los procesadores de texto y otros editores de texto con formato (como los editores de HTML) que permiten escribir un documento viendo directamente el resultado final, frecuentemente el resultado impreso es importante elegir un editor bueno porque nuestros trabajos van a depender de sus resultados. Actualmente el rey de los editores y el que os aconsejaríamos sin duda es el Dreamweaver, fabricado por Adobe. Otras posibilidades son editores como Kompozer, una opción gratuita Frontpage, desactualizado
6
Alojar las páginas Debes elegir un servidor para alojar tus páginas, es decir, un alojamiento web acorde con tus necesidades. Cualquier servicio que se quiere ofrecer en Internet tiene que brindarlo un servidor, que es un ordenador que se encuentra encendido las 24 horas del día y conectado a Internet también permanentemente. En el caso de una página web, existen unos servidores que son los encargados de mandarla cuando se la solicita, son los servidores web. Nuestras páginas tienen que estar alojadas en un servidor web para que puedan estar accesibles desde Internet.
7
Subir los archivos al servidor
Subir archivos por FTP La forma más tradicional de subir ficheros es por FTP, que es un servicio más de Internet, que se utiliza para transferir ficheros por la red. Permite transferir los ficheros desde nuestro ordenador Nombre del servidor FTP: suele tener una forma como ftp.tudominio.com Usuario: tu nombre de usuario. Password: tu palabra de clave al servidor. Acceso con interfaz web Es muy típico que los proveedores de alojamiento gratuito provean de una herramienta. Se accede a través de la web alojador y no es más que un formulario donde se puede elegir los archivos que se desea subir al servidor, se pulsa un botoncito, y todo listo.
8
Introducción al diseño
9
En cuanto a su estructura esta dividido en una serie de bloque:
1) <HTML> y </HTML> 2) <HEAD> y </HEAD> 3) <BODY> y </BODY>
10
Ejemplo de un documento HTML
11
Los elementos que componen la página Web
WWW: conocida como W3 o Web proviene de la palabra World Wide Web que se puede traducir como trama mundial Documento de hipertexto: es una combinación de texto, imágenes, elementos multimedia en general y, lo más importante, hiperenlaces o también llamadas hipervínculos, vínculos o enlaces.
12
Hipervínculos Palabras o frases destacadas en distintos color o subrayadas, también puede ser gráficos Documentos que pueden estar situados en el mismo ordenador u otro de cualquier parte del mundo Cuando se hace clic sobre uno de ellos y aparece en la pantalla el documento que hacia referencia,
13
Ejemplo
14
Dirección URL la forma de escribir las direcciones de los distintos servicios Internet. La estructura de una dirección URL, se compone de tres partes: Metodo de Acceso Dirección del dominio Nombre página
15
Lo que puede contener En un documento Web podemos escribir cualquier texto, como en un procesador de textos cualquiera. Un tipo de texto especial es el que hace de enlace con otros documentos Web. Hemos mencionado antes que en un documento Web, se pueden incluir enlaces de hipertexto, es decir, instrucciones para que el navegador, al hacer un clic sobre el enlace, nos presente un documento situado en cualquier otro ordenador conectado a Internet . <HTML> <HEAD> <TITLE>Prueba de página </TITLE> </HEAD> <BODY> Si pincha en el texto subrayado <A HREF=" Buscador</A>, podrá acceder a la página de ese archivo. </BODY> </HTML>
16
ETIQUETAS <H#> y </H#> (# = un número entre 1 y 6): Define el título de una parte del documento. H1 es el título con un tamaño de letra más grande, y H6, el más pequeño. Sirven para dividir de un modo lógico los contenidos de una página. <UL> y </UL>: Definen una lista no numerada. Los elementos de la lista deben llevar, solo al comienzo de cada elemento, una etiqueta <LI>. <OL> y </OL>: Igual que la anterior, sólo que los elementos de la lista irán numerados. (14) <P> y </P>: Indican el comienzo y el fin de un párrafo. En realidad, la etiqueta de fin de párrafo no es necesaria, ya que al comenzar un nuevo párrafo, HTML introduce automáticamente un salto de línea. <BR>: Salto de línea. No obstante, tanto la línea anterior como la siguiente están en el mismo párrafo. <B> y </B>: Texto en negrita. <I> y </I>: Texto en cursiva
17
IMG SRC="c:\imagenes\escudo.jpg"
<IMG SRC="nombre de la imagen">: Etiqueta para colocar imágenes en la pantalla. En este caso, hay que indicar en que parte del ordenador está esa imagen (en qué directorio) y el nombre del fichero informático que la contiene. Por ejemplo, si queremos poner en nuestra página la imagen con el escudo de un archivo, llamado "escudo.jpg", que está en el directorio IMÁGENES de nuestra unidad C: (el disco duro del ordenador, por lo general), la etiqueta completa sería: IMG SRC="c:\imagenes\escudo.jpg"
Presentaciones similares
