Diseño de Paginas WEB

1
Qu es un sitio web ?
Coleccin de pginas web dotadas de una direccin web nica
Qu es un pgina web ?
Es un documento creado en lenguaje HTML y almacenado en

un lugar Web, denominado servidor, listo para ser visto por un
navegador
Qu es una direccin web ?
La direccin web es el "nombre" con el que se identifica una

pgina en internet http://www.ieslesdunes.com
2
Qu es un navegador ?
Un navegador web (del ingls, web browser) es un programa

que permite visualizar en nuestro ordenador la informacin que
contiene una pgina web
Firefox Internet Explorer
Opera Netscape
Google Crome
3
Cmo funciona la web ?

4
Qu es una direccin IP ?
La direccin IP de un ordenador es la identificacin nica que

ese ordenador tiene en Internet. Esta compuesta de cuatro
nmeros separados por puntos 192.168.2.1
Qu significan las siglas DNS ?
Sistema de Nombres de Dominio. Servicio que traduce los

nombres de las pginas Web, en la direccin IP del ordenador
donde se encuentra ubicada o alojada.
5
Qu un servidor DNS ?
Es un ordenador especial dentro de internet que traduce los

nombres de pginas web en direcciones IP
6
El lenguaje HTML
HTML (HyperText Markup Language) es un lenguaje muy

sencillo que permite describir hipertexto, es decir, texto
presentado de forma estructurada y agradable, con enlaces
(hyperlinks) que conducen a otros documentos o fuentes de
informacin relacionadas, y con inserciones multimedia
(grficos, sonido...).
Cada pgina web de un sitio web se corresponde con un

archivo cuya extensin es .htm o .html
7
Para programar una pgina web en html, basta con utilizar
cualquier editor de textos, como por ejemplo el Bloc de Notas de
Windows.
El lenguaje html, como cualquier lenguaje de programacin,

consta de una serie de rdenes o instrucciones denominadas tags.
Cada instruccin del lenguaje tiene una sintaxis y una funcin

determinada.
Todos las instrucciones del lenguaje html se encierran entre los

signos < y >, es decir, <instruccin>.
Francisco Romero Antn

8
Estructura bsica de un documento HTML
Un documento HTML comienza con la etiqueta <html>, y

termina con </html>. Dentro del documento (entre las etiquetas
de principio y fin de html), hay dos zonas bien diferenciadas: el
encabezamiento, delimitado por <head> y </head>, que sirve
para definir diversos valores vlidos en todo el documento; y el
cuerpo, delimitado por <body> y </body>, donde reside la
informacin del documento.
Francisco Romero Antn

9
En resumen, la estructura bsica de un documento HTML
queda de la forma siguiente:
<HTML>
<HEAD>
<TITLE>Ttulo</TITLE>
</HEAD>
<BODY>
Texto, grficos, enlaces, etc.
</BODY>
</HTML>
10
Mi primera pgina web

<HTML>
<HEAD>
<TITLE>Mi primera pagina web </TITLE>
</HEAD>
<BODY>
<H1><CENTER>Mi Primera pagina web</CENTER> </H1>
<HR>
<P>Esto tan sencillo es una pgina web.</P>
</BODY>
</HTML>
11
Tags para dar formato al texto

<Hn></Hn> Se utiliza para poner encabezados o ttulos, segn
el tamao que queramos en orden decreciente del 1 al 6.
<BR> Se utiliza para dejar una lnea en blanco.
<B></B> El texto escrito aparecer en negrita.
<I></I> El texto escrito aparecer en cursiva.

<U></U> El texto escrito aparecer en subrayado.
<CENTER></CENTER> El texto escrito aparecer centrado

horizontalmente en la pgina.
<HR> Muestra una lnea horizontal de separacin.

12
Tags para insertar enlaces

<A HREF="http://www.ieslesdunes.com">IES Les Dunes</A>
IES Les Dunes
<A HREF=sigpagina.html">Avanzar pgina</A>
Avanzar pgina
<ADDRESS>informacion@ieslesdunes.com</ADDRESS>
informacion@ieslesdunes.com
13
Tags para insertar imgenes

<IMG SRC=alicante.gif" ALT=mapa">
Hay que tener presente que las imgenes que pueden insertarse en una
pgina web deben estar en formato .gif, .jpg o .png
14
Tags para crear tablas

Las tablas nos permiten representar cualquier elemento de nuestra
pgina (texto, listas, imagenes, etc...) en diferentes filas y columnas
separadas entre s. Es una herramienta muy util para ordenar contenidos
de distintas partes de nuestra pgina.
La tabla se define mediante la directiva <TABLE></TABLE>
Para definir las filas se utiliza la directiva <TR></TR>
Para definir las columnas se utiliza la directiva <TD></TD>

Diseño de Paginas WEB

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Diseño de Paginas WEB

Загружено:

Авторское право:

Доступные форматы

1

Coleccin de pginas web dotadas de una direccin web nica

Es un documento creado en lenguaje HTML y almacenado en

Qu es una direccin web ?

La direccin web es el "nombre" con el que se identifica una

Un navegador web (del ingls, web browser) es un programa

Firefox Internet Explorer

Cmo funciona la web ?

La direccin IP de un ordenador es la identificacin nica que

Qu significan las siglas DNS ?

Sistema de Nombres de Dominio. Servicio que traduce los

Es un ordenador especial dentro de internet que traduce los

HTML (HyperText Markup Language) es un lenguaje muy

Cada pgina web de un sitio web se corresponde con un

El lenguaje html, como cualquier lenguaje de programacin,

Cada instruccin del lenguaje tiene una sintaxis y una funcin

Todos las instrucciones del lenguaje html se encierran entre los

Francisco Romero Antn

Estructura bsica de un documento HTML

Un documento HTML comienza con la etiqueta <html>, y

Francisco Romero Antn

Mi primera pgina web

Tags para dar formato al texto

<B></B> El texto escrito aparecer en negrita.

<I></I> El texto escrito aparecer en cursiva.

<CENTER></CENTER> El texto escrito aparecer centrado

<HR> Muestra una lnea horizontal de separacin.

Tags para insertar enlaces

IES Les Dunes

<A HREF=sigpagina.html">Avanzar pgina</A>

Tags para insertar imgenes

Tags para crear tablas

La tabla se define mediante la directiva <TABLE></TABLE>

Para definir las filas se utiliza la directiva <TR></TR>

Para definir las columnas se utiliza la directiva <TD></TD>

Вам также может понравиться