Diagrama de Flujo

Una pgina web o pgina electrnica,
1
es un documento o
informacin electrnica capaz de contener texto, sonido, vdeo,
programas, enlaces, imgenes, y muchas otras cosas, adaptada para
la llamada World Wide Web, y que puede ser accedida mediante
un navegador

2.) HTML, siglas de HyperText Markup Language (lenguaje de
marcas de hipertexto), hace referencia al lenguaje de marcado para
la elaboracin de pginas web. Es un estndar que sirve de referencia
para la elaboracin de pginas web en sus diferentes versiones, define
una estructura bsica y un cdigo (denominado cdigo HTML) para la
definicin de contenido de una pgina web, como texto, imgenes, etc.
Es un estndar a cargo de la W3C, organizacin dedicada a la
estandarizacin de casi todas las tecnologas ligadas a la web, sobre
todo en lo referente a su escritura e interpretacin. Es el lenguaje con
el que se definen las pginas web.

3.Los requisitos principales y fundamentales, para escribir cdigo
HTML y crear pginas web, son bsicamente dos: saber HTML (esto
lo conseguirs siguiendo este curso) y un editor de texto (nosotros
utilizaremos el Notepad++, aunque se pueden usar otros editores o
programas). Hay muchos profesionales que crean sus pginas en
Dreamweaver, usando Flash u otros programas o tecnologas.Esta
forma de crear pginas web tiene a favor la fcil creacin de stas
pero, si quieres hacer pginas web de calidad y tener un control total
sobre el cdigo generado, lo primero es saber HTML sin ms.

Para crear pginas web obviamente necesitas un ordenador y un
navegador (Explorer, Firefox, Chrome o similar) instalado.
Necesitamos conexin a internet para crear pginas web? La
respuesta es que no: podemos crear nuestras pginas en nuestro
propio ordenador y a posteriori subirlas a un servidor remoto para que
estn accesibles en internet desde cualquier parte del mundo. En este
curso vamos a trabajar inicialmente en local (es decir, en nuestro
propio ordenador sin necesidad de conexin a internet), y ms
adelante veremos cmo subir una web a un servidor. Tambin
podramos generar una pgina web directamente sobre un servidor,
pero por motivos de didctica y sencillez consideramos preferible
empezar trabajando en local. Una vez tengas conocimientos ms
avanzados, podrs hacerlo como te resulte ms cmodo.

Ahora indicaremos unos sencillos consejos que deberas tener en
cuenta antes de crear tus pginas web.

* Tomar ideas.
Ojo, tomar ideas no es copiar contenidos con derechos de propiedad
intelectual, no debes reproducir el trabajo de otros sin valorar si ests
vulnerando el derecho de propiedad intelectual. Sin embargo, es
importante inspirarte en otros sitios, buscar contenidos que te puedan
servir, combinaciones de colores que se vean bien, y diseos
organizados que te puedan ser tiles.
4. <ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>
Por ejemplo, con la etiqueta siguiente:
Texto que ser en negrita.

Letra Negrita, del ingls Bold
(negrita).
<TABLE> Definir una tabla.
<IMG> Inclusin de una IMaGen.

5. La estructura bsica de una pgina web es la siguiente:
<html>
<head></head>
<body>
</body>
</html>

Una estructura HTML se empieza con la etiqueta <html> y acaba con
</html>. Todo lo que est en medio ser la pgina web. Dentro de
<html></html> se encuentran 2 partes diferenciadas.
La primera <head></head> es la cabecera de la pgina. Aqu irn
cierta informacin que no es directamente el contenido de la pgina.
Aqu se pone el ttulo de la pgina, los metadatos, estilos, cdigo
javascript (todo esto se estudiar en captulos venideros). La primera
que se suele estudiar es <title></title>, que indica el ttulo de la pgina
(lo que el navegador pone en la parte superior izquierda).
La segunda parte es <body></body>. Aqu va propiamente el
contenido de la pgina: fotos, prrafos, formularios, etc. Por ejemplo,
siguiendo con el ejemplo de la pgina anterior, el siguiente cdigo
<html>
<head>
<title>Esto es el título de la
página.</title>
</head>
<body>
Hola mundo! 
Esto es negrita. 
Y esto itálica. 
</body>
</html>
generar el siguiente resultado (abre la pgina en otra ventana, dale al
botn derecho => ver cdigo fuente, y vers as el cdigo HTML de la
pgina):
Ver ejemplo en una pgina aparte.
Observad el ttulo en la parte superior izquierda de la pgina. Adems,
dentro de <body></body> distinguimos varias etiquetas:
 => Indica salto de lnea. En HTML un salto de lnea normal
(plsando la tecla Enter) no produce un salto de lnea en el resultado.
Es necesario escribir (u otra etiqueta similar).
 => Indica comienzo y fin de negrita.
 => Itlica.
Tambin observamos el cdigo &iaacute; => Esto indica que
queremos poner una "i" con acento, es decir, "". Esto se explicar en
un captulo posterior.

Es importante mencionar que las etiquetas se pueden escribir
indistintamente en maysculas o minsculas, es decir Esto es
negrita. y Esto es negrita. produce el mismo resultado.
Por otro lado, toda etiqueta que se abre (es decir, se pone la etiqueta
sin la barra /) debe cerrarse (es decir, poner su equivalente con el
smbolo /), si no, el navegador podra dar resultados inesperados.
Excepciones a esto son algunas etiquetas que no lo necesitan, como
 o <hr>.

DIAGRAMA DE FLUJO

INICIO
Tenemos que
dirigirnos a un
computador
Abrir la pestaa de
Google Chrome
Se busca facebook
Se empieza ha crear en
la entrada del mismo

Como preparar un caf?

Inicio

Voy a la tienda
y compro un
sobre de caf
Es
caro?
SI
NO
Llego a la casa entro a la
cocina y pongo a calentar
agua en una olleta
Cuando el agua ya este
hirviendo se le disuelve el caf
y se le echa azcar y se sirve.
A
quienes
les sirvo?
FIN

Diagrama de Flujo

Загружено:

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

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

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

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

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

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

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

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

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

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

Diagrama de Flujo

Загружено:

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

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

Una pgina web o pgina electrnica,

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