Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

introducción al html

COMO CREAR UNA PAGINA WEB
by

Zabdiel Rodriguez

on 29 August 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of introducción al html

CODIGO FINAL
1. CREAR UNA CARPETA EN EL DISCO RAIZ PREFERIBLEMENTE
COMO CREAR UNA PAGINA WEB
<b>
negrita
<i>
cursiva
<u>
subrayado
<center>
centrar

<h1>
tamaño de letra
,
entre mas pequeño el números mas grande la letra (h1, h2, h3, h4, h5, h6.)
<br>
salto de linea

*no se cierra
<marquee>
texto en movimiento
body style
="background-color: #FF0000;"
bgcolor="red"
color de fondo *se escribe dentro del body Ej: <body bgcolor="red">
<img src= "
foto1.gif
">
insertar imagen *la imagen esta dentro de la carpeta para que se pueda visualizar

*Para realizar cambios en la pagina, dar clic derecho en leccion1, guardar los cambios.
*Todas las etiquetas se deben abrir y cerrar.
ETIQUETAS PARA
MEJORAR LA APARIENCIA
DE LA PAGINA
ENCABEZADO
DE LA PAGINA
2. BLOC DE NOTAS, HEAD. LLAMAR AL ARCHIVO
LECCION1
CUERPO DE
LA PAGINA
3.
BODY

<html>


<head>
<title> Bienvenidos a mi web
</title>
</head>
<body> Pagina de prueba
</body>
</html>

*En el Ejemplo1:
dar clic derecho, código fuente, en la pagina web de Google, con el fin de visualizar las etiquetas.
lenguaje que se utiliza para crear paginas web, el cual cual indica a los navegadores como deben mostrar el contenido de las paginas.
Lenguaje Marcado
de HiperTexto

PASOS PARA GUARDAR EL ARCHIVO
(BLOC DE NOTAS)
1. Archivo de block de notas.
2. Guardar como.
3. Guardar dentro de la carpeta que se creo con anterioridad.
4. Asignarle un nombre a el archivo leccion1 sin espacios.

Cambiamos la extensión txt por htm y observamos como queda el encabezado de la pestaña
Para la imagen, buscamos en google: Bienvenidos a mi web y escogemos la de Bart, y la guardamos en la carpeta como foto1 y la extension es gif o jpg
CSS es el acrónicmo de CascadingStyle Sheets (es decir, hojas de estilo en cascada).
CSS es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento
Digamos que queremos un bonito color rojo como fondo de nuestra página web:

Usando HTML podríamos haberlo conseguido así:

<body bgcolor="#FF0000">
Con CSS el mismo resultado puede lograrse así:

body {background-color: #FF0000;}
<html>
<head>
<title>curso de diseño de pagina web</title>
</head>
<body>
Texto sin negrita <br>
<b> Esto hace negrita la letra</b>
</body>
</html>
<html>
<head>
<title>Bienvenidos a mi web </title>
</head>
<body bgcolor="pink"> <b> <i> <u> <center>
<h1>Pagina de prueba</b></i></u></center></h1>
<br> <marquee> <img src="foto1.gif"> </marquee>
</body>
</html>
Como veremos el código usado es más o menos identico para html y CSS
Creamos una hoja en block con el nombre leccion2 y digitamos el codigo siguient
e:
<html>
<head>
<title>Ejemplo</title>
</head>
<body bgcolor="#FF0000">
<p>Esta es una página con fondo rojo</p>
</body>
</html>

la pagina se observa así
La idea es crear un solo estilo y luegoo llamarlo desde la página htm
El fichero style se crea en el block y luego se cambia a CSS
insertamos este codigo
en style
body {
background-color: #00FFFF;
}
Llamamos el codigo modificamos la leccion 2
<html>
<head>
<title>Ejemplo2</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<p>Esta es una página con fondo azul desde css</p>
</body>
</html>
Mas información
http://es.html.net/
tutorials/css/
introduction.php

colores
http://www.w3schools.com/cssref/css_colornames.asp
.jpg
http://serbal.pntic.mec.es/apan/marque.htm
Utilizar otro tipo de marquesina
Full transcript