SlideShare una empresa de Scribd logo
1 de 5
Practicas Diseño De Páginas Web<br />Practica 1:<br />Crear tu primera página HTML usando ya sea bloc de notas o dreamwever usando las siguientes etiquetas o códigos:<br /><HTML>…. </HTML><br /><head>…. </head><br /><HTML>…. </HTML><br /><title>…. </title><br />Guardar como Practica 1(Pagina 1)<br />Practica 2<br />Abrir tu pagina 1 Crada en la practica 1 y ponerle color de fondo usando los siguientes códigos<br />bgcolor=quot;
Codigo de colorquot;
<br />Guardar como practica 2<br />Practica 3<br />Abrir tu Practica 2[Pagina1edicion 2]<br />Aplicarle un color al Texto de la página usando los siguientes códigos<br />text=quot;
Código de colorquot;
<br />Guardar como Practica 3<br />Practica 4 <br />Abrir tu practica 3[Pagina 1 edicion 2]Aplicar un salto de líneaCon la etiqueta:<br>Guardar como Practica 4Practica 5Abrir Practica 4[Pagina 1 edición 3]<br />Editar tu página Aplicando la etiqueta:<HR><br />Con un largo de 80% de la página y 4 de tamaño<br />Aplicar un titulo a tu pagina web con las siguientes etiquetas:<Hx> Texto </Hx>(Donde X es un número del 1 al 6 donde entre más pequeño el número más grande el titulo)<br />Insertar un párrafo usando las siguientes etiquetas <p> Contenido del Párrafo </p><br />Alineandlo usando ALIGN [LEFT(izquierdo), RIGTH(derecho), CENTER(centro)]<br />Ejemplo:<p ALIGN=LEFT> texto </p>Alinear textos títulos etc… de forma que quede presentable<br />Insertar otro encabezado usando la etiqueta <Hx>… </Hx> (de forma que quede abajo y menor que el primero)<br />Guardar como Practica 5<br />Practica 6<br />Abrir tu practica 5 y Aplicar alguno de lso siguientes tipos de caracteres:Negrita <b><br />Itálica <i><br />Subrayado <u><br />Tachado <strike><br />Parpadeo <blink> (solo visualizado en Netscape y Mozilla)<br />Testo Maquina de Escribir <tt><br />Texto grande <big><br />Texto Pequeño <small><br />Insertar algún texto pre formateado usando la etiqueta:<br /><Pre><br />Insertar laguna Cita usando la etiqueta <br /><blockquote><br />Guardar como Practica 6<br />Utilidades:Tabla de códigos de Colores HTML<br />Todos llevan antes #<br />
Practicas diseño de páginas web
Practicas diseño de páginas web
Practicas diseño de páginas web
Practicas diseño de páginas web

Más contenido relacionado

La actualidad más candente

Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandraTatianita Is
 
Programación en html 2
Programación en html 2Programación en html 2
Programación en html 2luchopaisa
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notasSandra Meza
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina WebJoshi Tüsa
 
El Escritoriodel Blog
El Escritoriodel BlogEl Escritoriodel Blog
El Escritoriodel BlogMiguel Sanz
 

La actualidad más candente (10)

Expo html alexa
Expo html alexaExpo html alexa
Expo html alexa
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Como hacer una página web fácil
Como hacer una página web fácilComo hacer una página web fácil
Como hacer una página web fácil
 
Html
HtmlHtml
Html
 
Programación en html 2
Programación en html 2Programación en html 2
Programación en html 2
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notas
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina Web
 
El Escritoriodel Blog
El Escritoriodel BlogEl Escritoriodel Blog
El Escritoriodel Blog
 
Como Crear Una Pagina Web
Como Crear Una Pagina WebComo Crear Una Pagina Web
Como Crear Una Pagina Web
 

Destacado

Diseño de páginas Web con HTML
Diseño de páginas Web con HTMLDiseño de páginas Web con HTML
Diseño de páginas Web con HTMLJavier
 
TRABAJO PRACTICO Nº 3 ANALISIS DE PAGINAS WEB DE SEGUROS.
TRABAJO PRACTICO Nº 3 ANALISIS DE PAGINAS WEB DE SEGUROS.TRABAJO PRACTICO Nº 3 ANALISIS DE PAGINAS WEB DE SEGUROS.
TRABAJO PRACTICO Nº 3 ANALISIS DE PAGINAS WEB DE SEGUROS.caretaveronica
 
Curso de analítica web
Curso de analítica webCurso de analítica web
Curso de analítica webIván Fociños
 
Trabajo Práctico - Paginas web
Trabajo Práctico - Paginas webTrabajo Práctico - Paginas web
Trabajo Práctico - Paginas webGabriel Baldomir
 
Taller práctico: Diseño de páginas web educativas
Taller práctico: Diseño de páginas web educativasTaller práctico: Diseño de páginas web educativas
Taller práctico: Diseño de páginas web educativasAntonio Delgado Pérez
 
Buenas Prácticas y Uso de Páginas Web de Empleo y Cv Digital - AULACM
Buenas Prácticas y Uso de Páginas Web de Empleo y Cv Digital - AULACMBuenas Prácticas y Uso de Páginas Web de Empleo y Cv Digital - AULACM
Buenas Prácticas y Uso de Páginas Web de Empleo y Cv Digital - AULACMOskar Valero
 
ELEMENTOS DE LAS PAGINAS WB
ELEMENTOS DE LAS PAGINAS WBELEMENTOS DE LAS PAGINAS WB
ELEMENTOS DE LAS PAGINAS WBCETis 109
 
6 propiedades de un sitio web
6 propiedades de un sitio web6 propiedades de un sitio web
6 propiedades de un sitio webUVM
 
Ejemplos de interés simple de la empresa La Pluma S.A
Ejemplos de interés simple de la empresa La Pluma S.AEjemplos de interés simple de la empresa La Pluma S.A
Ejemplos de interés simple de la empresa La Pluma S.AAdrinTzab
 
SEO: Optimización de webs para buscadores. Buenas prácticas y resultados
SEO: Optimización de webs para buscadores. Buenas prácticas y resultadosSEO: Optimización de webs para buscadores. Buenas prácticas y resultados
SEO: Optimización de webs para buscadores. Buenas prácticas y resultadosIAB Spain
 
Optimización On-Site para Wordpress | Wordcamp Lima 2014
Optimización On-Site para Wordpress | Wordcamp Lima 2014Optimización On-Site para Wordpress | Wordcamp Lima 2014
Optimización On-Site para Wordpress | Wordcamp Lima 2014Capybara SEO
 
Tarea04 Cuento Inedito Millercuaran
Tarea04 Cuento Inedito MillercuaranTarea04 Cuento Inedito Millercuaran
Tarea04 Cuento Inedito Millercuaranguestd5974a6
 
Guia SEO para redacción de artículos.
Guia SEO para redacción de artículos.Guia SEO para redacción de artículos.
Guia SEO para redacción de artículos.Capybara SEO
 
3p 10cjm Millercuaran Programacion Practica01
3p 10cjm Millercuaran Programacion Practica013p 10cjm Millercuaran Programacion Practica01
3p 10cjm Millercuaran Programacion Practica01guestd5974a6
 
Tema 1, práctica 1ª
Tema 1, práctica 1ªTema 1, práctica 1ª
Tema 1, práctica 1ªmonrroe8
 
Tarea07 3p 10programacion
Tarea07 3p 10programacionTarea07 3p 10programacion
Tarea07 3p 10programacionguestd5974a6
 
Tarea06 3p 10programacion
Tarea06 3p 10programacionTarea06 3p 10programacion
Tarea06 3p 10programacionguestd5974a6
 
Ejemplos de HTML
Ejemplos de HTMLEjemplos de HTML
Ejemplos de HTMLeduardodf47
 

Destacado (20)

Diseño de páginas Web con HTML
Diseño de páginas Web con HTMLDiseño de páginas Web con HTML
Diseño de páginas Web con HTML
 
TRABAJO PRACTICO Nº 3 ANALISIS DE PAGINAS WEB DE SEGUROS.
TRABAJO PRACTICO Nº 3 ANALISIS DE PAGINAS WEB DE SEGUROS.TRABAJO PRACTICO Nº 3 ANALISIS DE PAGINAS WEB DE SEGUROS.
TRABAJO PRACTICO Nº 3 ANALISIS DE PAGINAS WEB DE SEGUROS.
 
Curso de analítica web
Curso de analítica webCurso de analítica web
Curso de analítica web
 
Trabajo Práctico - Paginas web
Trabajo Práctico - Paginas webTrabajo Práctico - Paginas web
Trabajo Práctico - Paginas web
 
Taller práctico: Diseño de páginas web educativas
Taller práctico: Diseño de páginas web educativasTaller práctico: Diseño de páginas web educativas
Taller práctico: Diseño de páginas web educativas
 
Buenas Prácticas y Uso de Páginas Web de Empleo y Cv Digital - AULACM
Buenas Prácticas y Uso de Páginas Web de Empleo y Cv Digital - AULACMBuenas Prácticas y Uso de Páginas Web de Empleo y Cv Digital - AULACM
Buenas Prácticas y Uso de Páginas Web de Empleo y Cv Digital - AULACM
 
Curso Avanzado de WordPress
Curso Avanzado de WordPressCurso Avanzado de WordPress
Curso Avanzado de WordPress
 
ELEMENTOS DE LAS PAGINAS WB
ELEMENTOS DE LAS PAGINAS WBELEMENTOS DE LAS PAGINAS WB
ELEMENTOS DE LAS PAGINAS WB
 
6 propiedades de un sitio web
6 propiedades de un sitio web6 propiedades de un sitio web
6 propiedades de un sitio web
 
Ejemplos de interés simple de la empresa La Pluma S.A
Ejemplos de interés simple de la empresa La Pluma S.AEjemplos de interés simple de la empresa La Pluma S.A
Ejemplos de interés simple de la empresa La Pluma S.A
 
SEO: Optimización de webs para buscadores. Buenas prácticas y resultados
SEO: Optimización de webs para buscadores. Buenas prácticas y resultadosSEO: Optimización de webs para buscadores. Buenas prácticas y resultados
SEO: Optimización de webs para buscadores. Buenas prácticas y resultados
 
Optimización On-Site para Wordpress | Wordcamp Lima 2014
Optimización On-Site para Wordpress | Wordcamp Lima 2014Optimización On-Site para Wordpress | Wordcamp Lima 2014
Optimización On-Site para Wordpress | Wordcamp Lima 2014
 
Tarea04 Cuento Inedito Millercuaran
Tarea04 Cuento Inedito MillercuaranTarea04 Cuento Inedito Millercuaran
Tarea04 Cuento Inedito Millercuaran
 
Guia SEO para redacción de artículos.
Guia SEO para redacción de artículos.Guia SEO para redacción de artículos.
Guia SEO para redacción de artículos.
 
3p 10cjm Millercuaran Programacion Practica01
3p 10cjm Millercuaran Programacion Practica013p 10cjm Millercuaran Programacion Practica01
3p 10cjm Millercuaran Programacion Practica01
 
Tags en html
Tags en htmlTags en html
Tags en html
 
Tema 1, práctica 1ª
Tema 1, práctica 1ªTema 1, práctica 1ª
Tema 1, práctica 1ª
 
Tarea07 3p 10programacion
Tarea07 3p 10programacionTarea07 3p 10programacion
Tarea07 3p 10programacion
 
Tarea06 3p 10programacion
Tarea06 3p 10programacionTarea06 3p 10programacion
Tarea06 3p 10programacion
 
Ejemplos de HTML
Ejemplos de HTMLEjemplos de HTML
Ejemplos de HTML
 

Similar a Practicas diseño de páginas web

Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandrafausto10
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandrafausto10
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN HtmlMargarita T.
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Htmlmarcos0209
 
Clase 1 periodo II html
Clase 1 periodo II  htmlClase 1 periodo II  html
Clase 1 periodo II htmlcrisotos
 
Curso de accesibilidad web - Módulo 2: Buenas prácticas
Curso de accesibilidad web - Módulo 2: Buenas prácticasCurso de accesibilidad web - Módulo 2: Buenas prácticas
Curso de accesibilidad web - Módulo 2: Buenas prácticasMario Carvajal
 
CODIGOS HTML.Magdalena ortega de nariño.
CODIGOS HTML.Magdalena ortega de nariño.CODIGOS HTML.Magdalena ortega de nariño.
CODIGOS HTML.Magdalena ortega de nariño.natalycamilaipiacapo
 
Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0Raymond Marquina
 
Caracteristicas de la web 2.0
Caracteristicas de la web 2.0Caracteristicas de la web 2.0
Caracteristicas de la web 2.0neycar
 

Similar a Practicas diseño de páginas web (20)

html
htmlhtml
html
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Html
HtmlHtml
Html
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Crea una pagina web
Crea una  pagina webCrea una  pagina web
Crea una pagina web
 
Html
HtmlHtml
Html
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Clase 1 periodo II html
Clase 1 periodo II  htmlClase 1 periodo II  html
Clase 1 periodo II html
 
unidad 1
unidad 1unidad 1
unidad 1
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Curso de accesibilidad web - Módulo 2: Buenas prácticas
Curso de accesibilidad web - Módulo 2: Buenas prácticasCurso de accesibilidad web - Módulo 2: Buenas prácticas
Curso de accesibilidad web - Módulo 2: Buenas prácticas
 
CODIGOS HTML.Magdalena ortega de nariño.
CODIGOS HTML.Magdalena ortega de nariño.CODIGOS HTML.Magdalena ortega de nariño.
CODIGOS HTML.Magdalena ortega de nariño.
 
Leccion 1 dream
Leccion 1 dreamLeccion 1 dream
Leccion 1 dream
 
Conceptos básicos Html
Conceptos básicos HtmlConceptos básicos Html
Conceptos básicos Html
 
Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0
 
Caracteristicas de la web 2.0
Caracteristicas de la web 2.0Caracteristicas de la web 2.0
Caracteristicas de la web 2.0
 

Practicas diseño de páginas web

  • 1. Practicas Diseño De Páginas Web<br />Practica 1:<br />Crear tu primera página HTML usando ya sea bloc de notas o dreamwever usando las siguientes etiquetas o códigos:<br /><HTML>…. </HTML><br /><head>…. </head><br /><HTML>…. </HTML><br /><title>…. </title><br />Guardar como Practica 1(Pagina 1)<br />Practica 2<br />Abrir tu pagina 1 Crada en la practica 1 y ponerle color de fondo usando los siguientes códigos<br />bgcolor=quot; Codigo de colorquot; <br />Guardar como practica 2<br />Practica 3<br />Abrir tu Practica 2[Pagina1edicion 2]<br />Aplicarle un color al Texto de la página usando los siguientes códigos<br />text=quot; Código de colorquot; <br />Guardar como Practica 3<br />Practica 4 <br />Abrir tu practica 3[Pagina 1 edicion 2]Aplicar un salto de líneaCon la etiqueta:<br>Guardar como Practica 4Practica 5Abrir Practica 4[Pagina 1 edición 3]<br />Editar tu página Aplicando la etiqueta:<HR><br />Con un largo de 80% de la página y 4 de tamaño<br />Aplicar un titulo a tu pagina web con las siguientes etiquetas:<Hx> Texto </Hx>(Donde X es un número del 1 al 6 donde entre más pequeño el número más grande el titulo)<br />Insertar un párrafo usando las siguientes etiquetas <p> Contenido del Párrafo </p><br />Alineandlo usando ALIGN [LEFT(izquierdo), RIGTH(derecho), CENTER(centro)]<br />Ejemplo:<p ALIGN=LEFT> texto </p>Alinear textos títulos etc… de forma que quede presentable<br />Insertar otro encabezado usando la etiqueta <Hx>… </Hx> (de forma que quede abajo y menor que el primero)<br />Guardar como Practica 5<br />Practica 6<br />Abrir tu practica 5 y Aplicar alguno de lso siguientes tipos de caracteres:Negrita <b><br />Itálica <i><br />Subrayado <u><br />Tachado <strike><br />Parpadeo <blink> (solo visualizado en Netscape y Mozilla)<br />Testo Maquina de Escribir <tt><br />Texto grande <big><br />Texto Pequeño <small><br />Insertar algún texto pre formateado usando la etiqueta:<br /><Pre><br />Insertar laguna Cita usando la etiqueta <br /><blockquote><br />Guardar como Practica 6<br />Utilidades:Tabla de códigos de Colores HTML<br />Todos llevan antes #<br />