Revista computecni
19
Dubái un mundo de tecnología 1
description
jose manuel lara iii-081-00008
Transcript of Revista computecni
Dubái un mundo de tecnología
1
2
3
Universidad Yacambú
Contenido Una pagina web.. Es en esencia una tarjeta de presentación digital, ya sea
para empresas, organizaciones, personas, etc..
Lenguaje de marcado Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento….
Lenguaje para elaborar paginas web. El HTML (Lenguaje de marcación de Hipertexto) …..
Lenguaje HTML comando y ejemplos…….
Pasos para cargar una pagina web
¿Que necesito? Ya tengo todo, ¿y ahora que?
4
Una pagina web….Una página web es un documento electrónico adaptado para la World Wide Web que generalmente forma parte de un sitio web. Su principal característica son los hipervínculos de una página, siendo esto el fundamento de la WWW.
Las páginas web son escritas en un lenguaje de marcado que provea la capacidad de manejar e insertar hiperenlaces, generalmente HTML
Es en esencia una tarjeta de presentación digital, ya sea para empresas, organizaciones, personas, etc. Así mismo, la nueva tendencia orienta a que las páginas web no sean solo atractivas para los internautas, sino también optimizadas para buscadores a través del código fuente. Forzar esta doble función puede, sin embargo, crear conflictos respecto de la calidad del contenido.
5
6
Lenguaje de marcado
Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación. El lenguaje de marcas más extendido es el HTML. Los lenguajes de marcado suelen confundirse con lenguajes de programación. Sin embargo, no son lo mismo, ya que el lenguaje de marcado no tiene funciones aritméticas o variables, como sí poseen los lenguajes de programación.
Históricamente, el marcado se usaba y se usa en la industria editorial y de la comunicación, así como entre autores, editores e impresores. Orígenes El concepto de lenguaje de marcas fue expuesto por vez primera por William W. Tunnicliffe, en 1967. La mayor novedad consistía en la separación entre la presentación y la estructura del texto. Tunnicliffe, que prefería referirse a este concepto como codificación genérica (generic coding), dirigiría más tarde el desarrollo de un estándar al que bautizaría como GenCode, destinado a la industria editorial. El editor Stanley Fish también expuso ideas similares a finales de los años 1960. Brian Reid, en su disertación de 1980 en la Carnegie Mellon University, mostró su teoría y una implementación práctica de un lenguaje descriptivo todavía en uso.
7
8
Leguaje para elaborar paginas web..
El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .html
El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la (World Wide Web). Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programación como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se visualizara en la forma como éste lo entienda.
9
Lenguaje HTML Comandos <html> </html>
Para indicarle al browser que es código HTML el que viene descrito a continuación, se limita todo el código por estos dos parámetros. Dentro de ellos se escribe el código de la página
<title> </title> Entre estos dos comandos va escrito el título de la página, este va en la parte superior de la ventana que despliega el browser.
<body bgcolor=# text=# link=# vlink=# alink=# background=""> </body> Entre estos parámetros se escribe todo el texto de la página, el cuerpo del documento (BODY). Con estos comandos se define el color general de:
bgcolor=# color del fondo de la página, este color puede ser cambiado por un fondo, (background)
text=# es el color del texto general de la página link=# color del texto con link vlink=# color del texto de link visitado alink=# color del texto de link activo background="" en este comando se puede detallar un fondo
específico para la página, un archivo de imagen.
10
Los colores se definen en formato RGB, se puede ver ejemplos de los colores con sus códigos en al siguiente página COLORES. Estos colores consisten de seis dígitos, o letras desde la A hasta la F.
<br> Este comando sirve para insertar un salto de línea dentro de la página.
<p> Sirve para ingresar un salto de párrafo dentro del contenido
<h!!> </h!!> Especifica el tipo de título con un número del 1 al 6 en vez de !!, especificando la importancia del título.
Ejemplos:
11
font face="Arial,Helvetica" color=# size=%% > </font> Sirve para especificar las fuente del texto que va entre estos dos parámetros.
face="Arial,Helvetica" Especifica el tipo de letra a utilizar.
12
¿Que necesito? Necesitamos un hosting donde subir los archivos y un programa FTP, nosotros utilizaremos FileZilla.
Ya tengo todo, ¿y ahora que? Lo primero que haremos será abrir FileZilla, deberíamos ver una ventana como esta:
Pasos para cargar
una pagina web
13
14
Ahora veremos que significan esos numeros: Servidor: aquí debemos poner la dirección FTP que nos da nuestro hosting, generalmente (en el 90% de los casos) la dirección que debes poner ahí es ftp.tudominio.com. Nombre de usuario: el nombre de usuario para la cuenta FTP a la que te quieres conectar, generalmente es el mismo que utilizas para entrar a tu panel del hosting. Contraseña: igual que el anterior, la contraseña para el nombre de usuario de la cuenta FTP, generalmente es la misma que la que utilizas para entrar al panel de tu hosting. Directorio local: en este panel verás todas las carpetas y archivos que hay en tu computadora, para subir tu pagina web deberás ir hasta la carpeta donde tienes tu pagina web terminada. Directorio remoto: en este panel verás todas las carpetas y archivos que hay en tu servidor (la computadora donde vas a subir la pagina web), una vez que subas todos los archivos deberas ver lo mismo en ambos paneles (4 y 5). Barra de estado: aquí verás el progreso de los archivos cuando los subas.
15
Muy bien, ya conocemos cada parte del programa, ahora vamos a subir nuestra pagina web :) Paso 1: nos conectaremos a nuestro servidor, para eso completaremos los campos 1, 2 y 3, una vez que se haya conectado veremos varias carpetas en el panel 5 de la imágen. Paso 2: en el panel de directorio local (Nº 4) buscaremos la carpeta donde estan los archivos de nuestra pagina web. Paso 3: en el panel de directorio remoto (Nº 5) nos dirigiremos a la carpeta public_html o www (depende de cada hosting, si contrataste hostgator verás la carpeta public_html). Paso 4: una vez que tengamos localizada la carpeta de nuestro sitio en el panel 4 y la carpeta public_html en el panel 5 podemos comenzar a subir la pagina web, para esto seleccionaremos los archivos que queremos subir (en el panel 4 de la imágen), haremos un clic derecho y luego clic en subir. Si todo fue bien veremos en el panel 6, en la pestaña "Transferencias satisfactorias" que hay un numero con la cantidad de archivos que subimos.
16
17
18
19
