PAGINA HTML

DANIELA ISABEL GUZMAN ROLDAN

3 “C”

“PORTAFOLIO “

Contenido INTRODUCCION ........................................................... 3

ESQUELETO .................................................................. 5

FONDO ......................................................................... 6

TITULO ......................................................................... 7

DIVISIONES .................................................................. 7

INSERTAR TEXTO ....................................................... 10

IMÁGENES ................................................................. 12

MUSICA ..................................................................... 13

PAGINA TERMINADA ................................................. 15

ENSAYO ..................................................................... 16

INTRODUCCION

Se conoce como página web al documento que forma parte de un sitio web y que suele

contar con enlaces (también conocidos como hipervínculos o links) para facilitar la

navegación entre los contenidos.

Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden

ser interpretados por los navegadores. De esta forma, las páginas pueden presentar

información en distintos formatos (texto, imágenes, sonidos, videos, animaciones), estar

asociadas a datos de estilo o contar con aplicaciones interactivas.

Tiene que tener un diseño atractivo para poder llamar la atención del usuario y conseguir

que navegue por ella. En este sentido, ese atractivo se conseguirá ofreciendo información

de calidad así como materiales de diversa índole tales como animaciones, vídeos, imágenes.

Es vital que se realice con ella las consabidas tareas de estrategia SEO y de optimización.

Sólo de esa manera se logrará que la misma sea visible y conocida.

Tiene que incluir enlaces tanto a distintos apartados de la misma página web como a otros

espacios que pueden resultar de gran interés para el usuario.

OBJETIVO: aprender a desarrollar una página web, con las herramientas que nos dio la

profesora, que son para títulos, color, márgenes, marcos, textos.

Las etiquetas multimedia: bg sound (sonido), video, embed (video y sonido), tablas, img

(imágenes), hipervínculo, pero lo más importante el bloc de notas.

HERRAMIENTAS: frameset, frameset cols, frameset rows, frameset frameboder, frameset

bord ercolor,”url”, frame name “música”, frame name no resize, blo de notas, marquee, down,

up, basound, loop, width, autoestart, height, table, tr,align, border, img src, ,value, size,

marlenght, checked, etc.

LOGOTIPO:

El objetivo de esta página es a dar a conocer a nuestro

producto que es “CHOKIS”

ESQUELETO

Para empezar, construimos

nuestro esqueleto:

Aquí usamos lo que es

frameset de qué tamaño

queríamos nuestros

cuadros, frameset cols,

framese rows.frameset

bord color,

FONDO

FONDO

Para el fondo solo es

usar “BGCOLOR” para

aplicar el fondo y

buscar el código del

color amarillo ya que

yo escogí el color

amarillo porque mi

logo tiene partes

amarillas.

TITULO

DIVISIONES

TITULO:

Para el titulo use lo que es, style: para el estilo del restangulo

borde: como quiero y de cuanto quiero el borde, background-

colorel color de fondo, font-size:el largo del rectángulo ,solid y

marquee, tambien como podemos ver se aplicó el nombre de

“CHOKIS” que color la queremos y el tipo de letra.

DIVISIONES:

En mi página hice 2 cuadros de

cada lado de igual medida, en el

cual aplique lo que es;

Style, para el estilo, top la medida,

widht para el ancho, height alto,

border para el borde, solid para el

color, background-color para el

color del cuadro,entre center

habrá una discripcion de lo que

son los valores y para el fondo le

puse un color azul.

Para los otros cuadros use unas medidas más chicas pero las

mismas herramientas y el color del fondo

Style, para el estilo, top la medida, widht para el ancho,

height alto, border para el borde, solid para el color,

background-color para el color del cuadro,entre center

habrá una discripcion de lo que son los valores y para el

fondo le puse un color azul.

Para el rectángulo de en medio,

use estas etiquetas, style para el

estilo y posición del cuadro, top el

espacio entre divisiones, left de

arriba abajo,

Border el borde del rectangulo

<div>

<div id= "capa"

style="position:absolute; top:-

600px; left:680px;

width:178px;height:720px;

border: 5px solid black;">

INSERTAR TEXTO

INSERTAR TEXTO

En este cuadro inserte lo que es

la misión de la empresa Gamesa

con center para que pudiese

quedar en medio el título y

</p> para lo que es párrafo , e

igual se ocupó en los otros 4

visión, objetivo e historia de

chokis

IMÁGENES

IMÁGENES

Para lo que son las imágenes use las

herramientas de;

SRC que es el nombre de la imagen,

border lo que es el contorno de la

imagen, widht para el ancho , height

para el largo y alighn para la posición.

Algo que tenemos que tener en cuenta,

para que aparezcan las imágenes en mi

página tienen que estar guardadas en la

misma carpeta donde estas guardando

tu txt y html

MUSICA

VIDEO

MUSICA

Para esta etiqueta utilice las siguientes herramientas;

Src para el nombre de la canción, autoestart para la reproducción automática,

loop para reproducción infinita,o widht para el ancho , height para el largo, y

tambien la música tiene que estar guardada en tu carpeta de txt y html para

poderla apreciar en tu pagina.

VIDEO

Src para el nombre de la canción, autoestart para la

reproducción automática, loop para reproducción infinita,o

widht para el ancho , height para el largo, y tambien la música

tiene que estar guardada en tu carpeta de txt y html para

poderla apreciar en tu página.

PAGINA TERMINADA

ENSAYO Hacer esta página web para mí no fue fácil, fue un poco complicada ya que me

cuesta esto, pero al final de cuentas como pude la acabe sé que me faltaron

cosas por poner pero hice mi mejor esfuerzo.

Hacer esta página web me hiso entender que no es fácil hacer una página

aunque la vemos así toda padre y creativa tiene su chiste al igual que todo, no

puedo decir que me gusto hacer esta página web porque fue muy estresante

para mí, pero pues me salió a pesar de todo.

Sé que para algo me servirá en un futuro, ahora entiendo todo lo que se tiene

que poner las etiquetas etc. Etc