HTML Dreamweaver

Etiquetas mas importantes
>
HTML o HYPER TEX MARKUP LANGUAGE ( Lenguaje de marcas de hipertexto), es un
conjunto de reglas con el que se determina el contenido y el aspecto de una pagina.
¿Cómo crear páginas Web?
Editor de texto (Notepad, Wordpad)
Editor de HTML (HTMLed)

Aplicación compatible con HTML (Word,
PowerPoint)
Editor de páginas Web (Composer)
Gestor de Webs (FrontPage,
DreamWeaver)
ETIQUETAS DE APERTURA Y CIERRE
En el formato de diseño de HTML básico se deben de utilizar etiquetas las cuales

establecen jerarquías de orden e identifican cada acción o formato.
Ejemplo de etiqueta:
 <HTML> Etiqueta de apertura
 </HTML> Etiqueta de cierre (Nótese la barra inclinada delante para establecer

el cierre).
Cada jerarquía puede envolver otras etiquetas para así ir armando nuestro sitio web.
Etiquetas básicas HTML
Etiquetas básicas de construcción
<HTML> Es la etiqueta que indica el inicio y final de la página Web
<HEAD> Establece la cabeza del documento y en donde irá el título.
<TITLE> Establecimiento del título para la página web.
<BODY> Es el cuerpo de la página donde estará todo el diseño de la página.
<H1> y hasta
Permite títulos y subtítulos para que aparezcan en nuestra página.
<H3>
<P> Permite insertar un texto tipo párrafo en la página WEB.
<BR> Establece un salto de línea para separar los textos.

 <H#> y </H#> (# = un número entre 1 y 6): Define el título de una
parte del documento. H1 es el título con un tamaño de letra más
grande, y H6, el más pequeño. Sirven para dividir de un modo
lógico los contenidos de una página.
 <UL> y </UL>: Definen una lista no numerada. Los elementos de
la lista deben llevar, solo al comienzo de cada elemento, una
etiqueta <LI>.
 <OL> y </OL>: Igual que la anterior, sólo que los elementos de la
lista irán numerados. (14)
 <P> y </P>: Indican el comienzo y el fin de un párrafo. En realidad,
la etiqueta de fin de párrafo no es necesaria, ya que al comenzar un
nuevo párrafo, HTML introduce automáticamente un salto de línea.
<BR>: Salto de línea. No obstante, tanto la línea anterior como la
siguiente están en el mismo párrafo.
 <B> y </B>: Texto en negrita.
<I> y </I>: Texto en cursiva
Colores en una página
 Texto normal
<BODY TEXT = “black”>
 Texto del enlace
<BODY LINK = “blue”>
 Enlace visitado
<BODY VLINK = “#rrggbb”>
 Enlace activo (en descarga)
<BODY ALINK = “#rrggbb”>
Fondo de la página
 Color
 <BODY BGCOLOR = “white”>
 Imagen
 <BODY BACKGROUND = “imagen.gif”>
Tipografía
 Una buena tipografía depende del contraste entre una fuente y

otra, así como entre la caja de texto y el espacio en blanco que lo
rodea. Nada atrae más al ojo y al cerebro que los fuertes
contrastes, lo que sólo se consigue con un cuidadoso diseño de
las páginas.
Información imprescindible
 Información de contacto.
 Dirección de correo y teléfono.
 Copyright
 Fechas de página
Ejemplo básico de etiquetas
<HTML>
<HEAD>
2 <TITLE>Pagina de ejemplo</TITLE>
</HEAD>
<BODY>
<H2> Encabezado </H2>
1 <P>Primer Parrafo debajo del
4
encabezado.</P>
3 <H3> Un encabezado <BR> en dos
renglones </H3>
<P>Párrafo con partes
<B>en negrita</B> </P>
</BODY>
</HTML>
1- Etiqueta inicial con su respectivo cierre

2- Encabezado y título
3- Cuerpo del HTML donde se trabajará el diseño de la página
4- Etiquetas de párrafos, títulos y subtítulos
Etiquetas de diseño
Etiquetas para el diseño en el BODY
Permite utilizar las fuentes y sus diferentes características en el web
<FONT> page:
*FACE <FONT FACE ="impact" SIZE=5 COLOR="Green">
BIENVENIDOS </FONT>
Es una palabra reservada para establecer fondo enA LA PAGINA
<BODY
WEB el diseño de la página web.
BACKGROUND>
<body background="recursos/fondo1.jpg">
<TABLE> Permite realizar tablas con filas y columnas en nuestro diseño web.
Permite realizar vínculos hacia otras páginas u archivos para visión o

<A>
descargas
<IMG> Permite vincular imágenes para que puedan ser mostradas en HTML
<CENTER><RIG
Permite establecer la alineación de los elementos en el entorno HTML.
HT><LEFT>
<MARQUEE> Permite insertar una marquesina animada en el sitio web.

<A>
descargas
<IMG> Permite vincular imágenes para que puedan ser mostradas en HTML
Ejemplos de diseño básico
El fondo lo debemos tener
en la carpeta de recursos <body background="recursos/fondo1.jpg">
<FONT FACE ="impact" SIZE=5

COLOR="Green">
BIENVENIDOS A LA PAGINA WEB
</FONT>
Para el establecimiento de fuentes utilizamos Font y luego la palabra face,
seguido el tipo, tamaño y color, y
finalmente el texto
AL igual que las otras etiquetas debe

Tener apertura y cierre.
Importante: Tanto las etiquetas BODY como FONT no se deben
repetir, sólo deben agregarse las palabras reservadas.
Conexión al FTP
1- Proceda a conectar una nueva unidad

de FTP desde el PC del equipo.
2- Proceda a colocar un nombre y poste-
rior las credenciales
FTP: ftp://ftp.mavisolucionescr.com
User: cursoweb
Password: Cursoweb123%
Video que es una pagina web
Con base a lo expuesto en el video responda:

1- ¿Qué son las páginas web?
2- ¿Qué permiten las links en las páginas web?
3- ¿En qué formatos pueden estar presentados los contenidos en la web?
4- Mencione 2 tipos de páginas web
5- ¿Dónde se almacenan los archivos de las páginas web publicadas?
5- ¿Cómo se almacenan los archivos de páginas web en los hosting?
Preguntas adicionales
6- Mencione 3 etiquetas básicas para la construcción de la web.
Video 2 Insertar imágenes en
HTML
 Con base a la información estudiada responda:
1- ¿Cuál es el procedimiento para insertar una imagen a nivel de HTML?

¿Cuál es la etiqueta?
2- ¿Que hace la etiqueta <A></A>?
3- Explique qué son páginas web: Comerciales, Informativas, de
entretenimiento y educativas.
Realices esta práctica
 <html >
 <head >
 <title > Hola ni nombre es ( escribe tu nombre ) < /title >
 </head >
 <boby bgcolor=“blue” >
 <front color=green” > < h1 > MI primera pagina web en el colegio </h1>
 <b> ESTA<u>PAGINA </u> ES <i> UNA PRACTICA </i>
 </b>
 < html />
Ejercicio
 Realice un pequeño ejercicio en HTML básico en el que se

incorporen imágenes, marquesinascativas.
 El tema TIPOS DE ARTE , Escoja uno
Notas para el Diseño Web
 Lo primero que se debe de plantear una persona que pretende diseñar una
página, son las necesidades o metas que desea cubrir por medio de la
página.
 Es importante que entre el diseño de la página y el mensaje o información
que desea transmitir al público, exista coherencia, además de
 Se debe pensar es la clase de audiencia a la que se desea
 Es muy importante que, sino es totalmente necesario, no se utilicen todas la
herramientas para el diseño, ya que esto en lugar de ayudarnos a captar
atención, hace que la página sea muy pesada, y a la hora de que alguien
desea entrar a ella se aburrirá de tanto esperar a que baje la misma.
 Y en cuanto a colores se refiere, es importante recordar que en entre mas
discretos sean los colores mejor, y nunca se debe de sobresaturar una págin
con color.
 Debes de hacer fácil el sitio pcomo recurso, como un software útil que
resuelve tu dudas.
 No se deber mantener la información muy lejos demás de dos clic.
 Estos usuarios normalmente otorgan 15 segundos para que ellos puedan
entender ara utilizarlo lo que les ofreces y tienes para ellos. La exposición
de tu sitio deberá de ser ante todo comprensible y entendido.
 Antes de estructurar las ideas se debe pensar en los requisitos de los

clientes de la web.
 Las personas que por primera vez entran en una web, no saben lo que les
ofreces, ni entienden como has estructurado la navegabilidad de tu web.
Esta etiqueta le permite al usuario insertar imágenes desde una

<IMG>
carpeta del repositorio en formatos png, jpg o gif.
<MARQUEE> Marquesina animada en el HTML.

<A>
descargas
Repasando fondo y font
El fondo lo debemos tener
en la carpeta de recursos
<body background="recursos/fondo1.jpg">
<FONT FACE ="impact" SIZE=5

COLOR="Green">
BIENVENIDOS A LA PAGINA WEB
Para el establecimiento de fuentes utilizamos
Font y luego la</FONT>
palabra face,
seguido el tipo, tamaño y color, y
finalmente el texto
AL igual que las otras etiquetas debe

Tener apertura y cierre.
Importante: Tanto las etiquetas BODY como FONT no se deben

repetir, sólo deben agregarse las palabras reservadas.
Ejemplos de diseño imágenes
Para agregar imágenes debemos tener las mismas debidamente ordenadas en el espacio
Respectivo de la carpeta imágenes.
Indica la orientación de la imagen

<center>
<IMG SRC="recursos/conocimiento.jpg" ALIGN=TOP>
</center>
Básicamente y con la sintaxis externa se

invoca la imagen desde su carpeta
Ejemplos de diseño animación
Para tal efecto se utilizará el comando Marquee el cual permite crear una marquesina
animada en la página web.
<marquee>Bievenidos a TICS</marquee>
En este apartado se indica el contenido a movilizar, incluso pueden ser imágenes
<marquee><IMG SRC="recursos/conocimiento.jpg"
ALIGN=TOP>
</marquee>
El HTML reconocerá el archivo de la imagen y lo movilizará.
Ejemplos de diseño links
Para tal fin se establece la etiqueta <a> en la cual deberemos de indicar ya sea la ubicación
de un archivo de recurso o bien el link a otra página o sitio web a referenciar.
<a href="index.html" class="active">Inicio</a>
Indicación de la ubicación (Puede ser Este es el nombre que se le mostrará

archivo o bien otro sitio web) al usuario final
<a href=“https://google.com" class="active">Ir a Goolgle</a>
En el caso de archivos se indica la dirección

de acuerdo a la carpeta de recursos
Tipos de páginas web
Comerciales: Ofrece a las empresas diversas opciones de comunicación y comercialización.
Permite presentar a sus clientes los productos o servicios que se ofrecen de una manera
eficiente.
Se pueden mostrar catálogos completos con diversas opciones de presentación, con la

posibilidad de actualizarse constantemente, puede permitir inclusive la venta directa por
este medio o generar nuevos contactos.
Informativas: Podíamos decir que una página web informativa, es una página que tiene
como objetivo principal, poner información a disposición del usuario.
Entretenimiento: Normalmente orientadas a un fin de entretenimiento específico, como por

ejemplo canales de videos, redes sociales, películas y video juegos.
Tipos de páginas web
Páginas web educativas: Objetivo facilitar el aprendizaje.
• Ofrece información y proporciona recursos o materiales educativos

• Promueve la comunicación
• Ayuda también a los docentes en sus asignaturas
• Su función principal es informativa y comunicativa referida a la imagen, filosofía
educativa y servicios que ofrece
• Es un sitio de intercambio de información entre docentes y estudiantes sobre los
contenidos y actividades del curso
• Permite el desarrollo de un amplio tipo de actividades de enseñanza y aprendizaje: clases
virtuales, tutorización,
• Implementación de los métodos online de evaluación de los alumnos
• Implementación de los procedimientos de gestión de la clase virtual
TERMINOS
• Un usuario web es una persona que visualiza, utiliza, administra, edita, colabora y/o suscribe
páginas web y aplicaciones contenidas en Internet.
• Usuario Administrador: El Administrador puede crear, editar, eliminar y visualizar
contenidos web, Facebook, Linkedin o Twitter.
• Usuario Editor: es el rol que controla todos los contenidos, puede publicar contenido, editar,
suprimir y crear usuarios a los que puede supervisar antes de que publiquen contenidos.
• Usuario Autor: es un rol que permite al usuario crear y editar contenidos en la página web o
aplicación. Por ejemplo en un Magazine online
• Usuario Colaborador: es un rol para usuarios que pueden crear contenidos pero no pueden
publicarlos sin supervisión del usuario editor.
• Usuario Suscriptor: es aquel usuario que sigue contenidos web, por ejemplo la suscripción
al “newsletter” de noticias de un blog. Puedes suscribirte a los contenidos de nuestro blog en
la barra lateral.
COMO TIENE QUE SER UNA
PAGINA
• Accesibilidad
Funcionalidad.
Velocidad para el
Acceso.
DISEÑO DE PAGINAS
Longitud de las páginas
• Determinar la longitud de páginas en el WWW

requiere buscar el equilibrio entre tres factores:
1. La relación entre la página y el tamaño de la

pantalla
2. Las necesidades editoriales del contenido.
3. El diseño modular de la colección de páginas
WWW.
Relación entre el tamaño del
documento y la pantalla
• Numerosos estudios han demostrado
el efecto desorientador de las pantallas
de ordenador desplazables
• La mayoría de quienes accederán a sus
páginas lo harán en condiciones de
pantalla y ordenador inferior a él.
• La largas páginas de WWW requieren
por parte del usuario un esfuerzo por
recordar mucha más información de la
que ve en pantalla, olvidando
fácilmente el contexto en que se
enmarca la misma:
Las necesidades editoriales
del contenido.
• Si necesitamos procurar tanto un buen acceso en línea como cierta facilidad de
impresión o salvado:
• a. Divida la páginas en partes (cada parte correspondería a un par o tres páginas

impresas) que mantengan cierta coherencia en su contenido incluyendo
gráficos y figuras. Use las facilidades del hipertexto (flechas, botones, parte 1...)
para hacer llamadas de una a otra.
• b. Procure un link a un archivo externo que contenga todo el texto completo en
una sola página, diseñado para que el usuario pueda leerlo completo, imprimirlo
o salvarlo en un solo proceso. No olvide incluir el URL de la hoja en el texto
para que los usuarios puedan acceder a las actualizaciones de la página citada.
El diseño Modular de
colecciones de documentos
• Una de las ventajas de los documentos on-line es la facilidad con que pueden
ponerse al día y actualizarse.
• En un sistema modular bien diseñado la actualización de grandes materias se

puede realizar sin necesidad de cambiar todos los documentos o grandes
secciones del servidor.
• Reemplazando las secciones caducadas por unas nuevas puestas al día se

mantiene la integridad de la obra y lo que es más importante: su actualidad.
• Al menos, cada página en el WWW debe poseer un enlace con la página

principal o "home page", o si no, uno a algún submenú. Lo mas recomendable es
poner en el pie de todas las páginas un icono (o texto) que enlace con la página
principal, y otro con el submenú que jerárquicamente esté por encima del
documento.
Criterios para nombrar archivos
• No dejar espacios en blanco, entre palabras en lugar

de estos colocamos guiones medios
• No escribir nombres en mayúscula
• No utilizar caracteres especiales
Ejercicio en clase
Tablas
 Ejemplo
Ejemplos de diseño Tablas
Para el diseño de tabla debemos dar la apertura de las misma con la etiqueta <TABLE>
Las etiquetas <TR> representarán las filas y las etiquetas <TD> representarán las columnas
Etiqueta de apertura
para indicar todo lo que se requiere
esté centrado
center>
<table border=0>
<tr><td>ID</td><td>Nombre</td><td>Apellido</td>
Fila 1
<<td>Puestp</td>
Espacio de trabajo
de la tabla
<tr><td>1123</td><td>Mauricio</td><td>Villalta</td>
Fila 2
<td>Docente</td>
</table>
</center>
Practica # Tabla
• Abra un archivo nuevo y copie el siguiente texto, Además dele el mismo formato que tiene.
•
• Costa Rica, denominada oficialmente República de Costa Rica, es una nación soberana, organizada como una república presidencialista
unitaria compuesta por 7 provincias. Ubicada en América Central, posee un territorio con un área total de 51 100 km². Limita con Nicaragua
al norte, el mar Caribe al este, Panamá al sureste y el océano Pacífico al oeste.
• En cuanto a los límites marítimos, colinda con Panamá, Nicaragua, Colombia y Ecuador (a través de la Isla del Coco).67Cuenta con
4.807.850 habitantes según el último censo de población.8Su capital, centro político y económico es San José, y su idioma oficial es el
español.
•
• La división territorial de Costa Rica comprende siete provincias subdivididas en 82 cantones y estos, a su vez, en 478 distritos.
• En una página nueva con el título provincia realice una tabla donde, las celdas tengan color, formato de letra, numeración. deben ser 8 filas y
4 columnas, en este escriba cada una de las provincias, el número de cantones, distritos (realice un hipervínculo externo o interno en la
palabra provincia la cual lo vincule con imágenes del lugar)
• Realice un hipervínculo interno el cual lo direccione a la página de inicio. (RECUERDE LA NAVEGAVILIDAD)
• En esta misma hoja inserte una imagen de fondo
• El título de la página deberá ser provincias de costa rica <title>Documento sin título</title>
• Coloque un encabezado
• Inserte una regla horizontal
Ejemplos de diseño imágenes
Para agregar imágenes debemos tener las mismas debidamente orde-

nadas en el espacio
• Respectivo de la carpeta imágenes.
Indica la orientación de la imagen
• <center>
• <IMG SRC="recursos/conocimiento.jpg" ALIGN=TOP>
• </center>
Básicamente y con la sintaxis externa se
invoca la imagen desde su carpeta
Ejemplos de listas
• Para inaugurar una lista colocamos la etiqueta <UL> y para cada elemento de la lista
<LI>
Ejemplos de diseño links
• Para tal fin se establece la etiqueta <a> en la cual deberemos de indicar ya sea la ubicación de un archivo de
recurso o bien el link a otra página o sitio web a referenciar.
o
• Ejercicio
• OBRAS DE
• ARTE
Abra y guarde el documento según las indicaciones estudiadas.

A cada uno de los títulos dele un formato diferente, cambie la tipografía de cada uno y dele un color el cual
de la sensación de orden de importancia.
Use la sangría.
Seleccione en el texto lo mas relevante que considere y dele color igual que el titulo que utilizo.
Además Subraye los títulos.
Ponga color a la página (mdcoef) o ( fafacc)
Escriba en una lista donde incluya OBRAS DE ARTES Dele un formato diferente a cada uno usando la
diferentes herramientas que están en el menú formato.
• Incluya una comentario , historia o detalle acerca de la obra. Esta será una pagina para cada obra de
arte , en la pagina de inicio es solo la lista , la cual estará vinculado el nombre de la obra y el contenido
Una vez terminado las paginas dele un color a cada una de ellas . Diferente.
Inserte una imagen , relacionada con el tema.
Realice un hipervínculo el cual vincule a daca una de ellas
Adicional mente ponga ( inicio y vincúlela con la pagina de inicio )
Esto debe aparecer en todas las paginas
COMANDOS HTML
•En los siguientes ejercicios veremos algunos ejemplos para la inserción de comando de
tipo HTML con sus respectivos atributos.
•LA ETIQUETA QUE MÁS UTILIZAREMOS EL DÍA DE HOY ES LA LLAMADA <INPUT>
•PRINCIPALES TIPO DEL INPUT:

•TEXT= PERMITE CUADROS DE TEXTO
•CHECK= PERMITE REALIZAR CHECKBOX EN LOS FORMULARIOS
•DATE= PERMITE LA GENERAR UN COMANDO DE SELECCIÓN DE FECHAS
•PASSWORD= PERMITE REALIZAR UN CUADRO DE TEXTO TIPO CONTRASEÑA
•SELECT = PERMITE REALIZAR UN COMBOBOX
•RADIO= PERMITE REALIZAR UN COMANDO DE SELECCIÓN ÚNICA.
•BUTTON= COMANDO DE BOTÓN CON ACCIÓN DE EJECUTAR
•EJEMPLO DE LÍNEA DE COMANDO
•<INPUT TYPE="TEXT" NAME="NAME" VALUE="">
•CADA COMANDO DEBE DE SER IDENTIFICADO CON UN NAME Y UN VALUE
ALGUNOS COMANDOS HTML
• COMANDO PARA CHECKBOX:
• <INPUT TYPE="CHECKBOX" NAME="VEHICLE1" VALUE="BIKE"> I HAVE
A BIKE<BR>
• COMANDO PARA FECHAS:
• <INPUT TYPE="DATE" NAME="BDAY">
• Comando para password
• <INPUT TYPE="PASSWORD" NAME="PWD">
• COMANDO PARA OPCIONES
• <INPUT TYPE="RADIO" NAME="GENDER" VALUE="MALE"> MALE<BR>
<INPUT TYPE="RADIO" NAME="GENDER" VALUE="FEMALE">
FEMALE<BR>
<INPUT TYPE="RADIO" NAME="GENDER" VALUE="OTHER"> OTHER
• COMANDO PARA LIMPIAR
• <INPUT TYPE="RESET">
ALGUNOS ATRIBUTOS IMPORTANTES
• COMANDO PARA FECHAS:
• <INPUT TYPE="DATE" NAME="BDAY“ REQUIRED =“TRUE”>
• EN EL CASO DE NAME PERMITE IDENTIFICAR EL COM-

MANDO Y EL REQUIRED NOS PERMITE INDICAR SI EL DATO
ES OBLIGATORIO O NO EN UN FORMULARIO.
EJEMPLO COMPLETO DE FORMULARIO
PRACTICA # FORMULARIO (OBTENCIÓN
DE INFORMACIÓN)
• ABRA UNA HOJA NUEVA Y GUÁRDELA CON EL

NOMBRE CONTACTO
• AGREGUE UN FORMULARIO, DONDE SOLICITE EL
NOMBRE, APELLIDOS, CEDULA Y CORREO
ELECTRÓNICO., ADEMÁS COLOQUE UN BOTÓN DE
ENVIAR, OPCIONES DE CASILLA DE VERIFICACIÓN Y
GRUPO DE OPCIONES ADEMÁS DE CAMPO TEXTO
AREA TEXTO. INSERTE UNA IMAGEN DE FONDO
ADEMÁS VINCÚLELA CON LA PALABRA INICIO.
• AGREGUE UNA ETIQUETA EN LA SINTAXIS HTML
<MARQUEE> FIN DEL EJERCCIO </MARQUEE>
SUSTITUYA LA PALABRA FIN DEL EJERCICIO, Y
AGREGUE LA PALABRA QUE DESEE QUE TENGA
MOVIMIENTO
Definiciones , glosario
• Navegador Un navegador web (en inglés, web browser) es un software, aplicación o
programa que permite el acceso a la Web, interpretando la información de distintos tipos de
archivos y sitios web para que estos puedan ser vistos.
• Sintaxis elemento base al que llamamos marca, tag o simplemente etiqueta. A través de las
etiquetas vamos definiendo los elementos del documento, como enlaces, párrafos, imágenes
• XMLEl XML es una adaptación del SGML (Standard Generalized Markup Language), un
lenguaje que permite la organización y el etiquetado de documentos. Esto quiere decir
que el XML no es un lenguaje en sí mismo, sino un sistema que permite definir lenguajes
de acuerdo a las necesidades. El XHTML, el MathML y el SVG son algunos de los
lenguajes que el XML tiene la capacidad de definir.
• URLTodas las páginas en sistemas World Wide Web poseen un único "Uniform Resource
Locator" (URL) que funciona como la dirección "Internet" de la página.
• Browser Un browser es un navegador de Internet: un software que permite la visualización

de los contenidos que presenta una página web. ... Se trata de un navegador que apuesta por
la estabilidad, la velocidad y la seguridad
• Editor La etiqueta <META> Permite que robots de búsqueda encuentre nuestra pagina y
la indexe en los buscadores mas conocidos
Dominios y su registro
DX GUIA DE DISENO WEB - diseño eXperimental http://www.dx.com.mx
• Los dominios son une manera sencilla de identificar ordenadores en Internet, están conformados
por un nombre y terminación, la cual indica la procedencia o el ramo al que pertenecen.
• Existen diversas terminaciones de dominio o dominios de primer nivel: .org, .com, .es, .mx,
etcétera; e indican el grupo al que pertenecen. Los principales grupos son genéricos y territoriales.
• Dominios GENERICOS:
• com.- Para empresas o cualquier página con carácter comercial.

• org.- A organizaciones, asociaciones etc.
• gov.- Para páginas del gobierno de los Estados Unidos.
• .net.- De proveedores de servicios.
• .mil.- Instituciones militares de Estados Unidos.
• .edu.- Instituciones que tengan relación con la educación.
• .int.- Pertenece a la Unión Internacional de Telecomunicaciones, y va dirigida a los Organismos
creados en acuerdos internacionales.
• Dominios TERRITORIALES:
Son otorgados a personas o empresas relacionadas con un país determinado, e indican el origen de la
página y son señalados con respecto al país.
• NIC es el organismo que se encarga de la regularización del
registro de dominios a nivel mundial, y ella indica el uso de
cada dominio y autoriza el registro y el registrador de un
dominio.
• El registro de un dominio se puede hacer a través de alguna

de las diversas empresas que, a nivel mundial se encargan de
realizar este trabajo y cuestan entre 6 y 35 dólares por año.
• Para el registro de un dominio territorial, se tiene que hacer

con el NIC del país de procedencia de la página, quien es el
encargado de indicarnos como realizar esta labor y también
llevan el registro de este tipo de dominios.
• En la actualidad, además de ser riesgoso, es muy difícil

conseguir un dominio de forma gratuita, ya que existen muy
pocas empresas que ofrezcan este servicio sin ningún costo,
y la gran mayoría de las que lo hacen reserva para si los
derechos del dominio.
Alojamiento Web
• Cuando se quiere publicar una página en Internet, se debe colocar en algún servidor,
que son ordenadores conectados a la red, y envían la página cuando un explorador la
pide.
• Existen dos tipos diferentes de servidores, servidores gratuitos y servidores de pago.
Estos últimos nos ofrecen mayores recursos y prestaciones que los servidores gratuitos.
• Para poder encontrar el mejor alojamiento, es necesario plantearnos los objetivos que
deseamos conseguir, y las necesidades de nuestro proyecto.
• Factores para elegir proveedor:
• La calidad del servicio, en cuanto a velocidad se refiere, esto no es algo muy

sencillo, ya que la forma mas rápida, fácil y cómoda seria preguntando al mismo
proveedor del servicio, pero, salta a la vista que no es la manera mas confiable.
Una opción sería navegar por el sitio de la empresa en la que estemos buscando
alojamiento, y darnos una idea de que tan buena es la calidad del servicio que nos
ofrecen.
• La transferencia que nos ofrece cada proveedor, es también un aspecto muy

importante, ya que al pasarnos del límite que se le ha asignado a nuestro dominio,
se nos cobrara una cantidad extra.
• Se debe hacer una comparación de precio, con base en la calidad de cada servidor
en el que estemos interesados.
Registro en las Buscadores
• Un de las maneras mas efectivas para conseguir que una página web sea visitada,
es registrándola en uno de los tantos buscadores que existan en la red.
• Para esto, se tiene que llenar un formulario, el cuál es ofrecido por el buscador al
que uno se desea inscribir, pero generalmente son iguales, o tienen bastante
similitud entre si.
• Procedimientos básicos para el registro en cualquier buscador:
• *Índices.- Cada buscador tiene diversas categorías en las que clasifica las
páginas dependiendo de su contenido, se navega a la categoría a la que se va a
añadir, y se busca nueva dirección, o algo similar, y después aparecerá el
formulario.
• *Motores de búsqueda,- Son lo buscadores que no tienen un índice, y que
mantiene una búsqueda constante de las nuevas páginas, para así incluirlas en
su buscador.
Herramientas de miltiregistro: Para registrarse en distintos buscadores a la vez.

PROYECTO
• Cree una carpeta con su nombre seguido de la palabra web.
• Realice la estructura de carpetas explicado en clase.
• Genere 4 páginas (Index, productos e información).
• Para el diseño se requiere que sitio sea para uno de los siguientes temas , Zapatos , tienda ,
bebidas maquillaje , accesorios, video juegos ,música, por tanto indague imágenes y diseño para
ese tema.
• Utilice un titulo
• Genere una tabla donde coloque los links a los otros sitios (Index, productos, información). Debe ir
centrada y debajo del título.
• En la página de index coloque una imagen grande y un pequeño mensaje de bienvenida (Invente un
logo).Céntrela.
• En el último espacio de información, coloque datos de contacto para que sus clientes los llamen.
• Inserte una marquesina (MARQUEE en la pagina Index, dando la bienvenida).
• Defina un fondo para todas las páginas.
• Recuerde que la pagina debe llevar un título.
• Coloque hipervínculos
• Debe de aparecer , tablas , formulario ,relacionados con la página
• Sea creativo
• Recuerde o indique en el titulo que tipo de pagina es ( comercial, informativo , entretenimiento )

HTML Dreamweaver

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

HTML Dreamweaver

Cargado por

Copyright:

Formatos disponibles

Etiquetas mas importantes

Editor de texto (Notepad, Wordpad)

Editor de HTML (HTMLed)

En el formato de diseño de HTML básico se deben de utilizar etiquetas las cuales

 <HTML> Etiqueta de apertura

 </HTML> Etiqueta de cierre (Nótese la barra inclinada delante para establecer

<HEAD> Establece la cabeza del documento y en donde irá el título.

<TITLE> Establecimiento del título para la página web.

<BODY> Es el cuerpo de la página donde estará todo el diseño de la página.

<P> Permite insertar un texto tipo párrafo en la página WEB.

<BR> Establece un salto de línea para separar los textos.

 Una buena tipografía depende del contraste entre una fuente y

1- Etiqueta inicial con su respectivo cierre

Permite realizar vínculos hacia otras páginas u archivos para visión o

Etiquetas para el diseño en el BODY

<MARQUEE> Permite insertar una marquesina animada en el sitio web.

Permite realizar vínculos hacia otras páginas u archivos para visión o

<FONT FACE ="impact" SIZE=5

AL igual que las otras etiquetas debe

1- Proceda a conectar una nueva unidad

Con base a lo expuesto en el video responda:

1- ¿Cuál es el procedimiento para insertar una imagen a nivel de HTML?

 Realice un pequeño ejercicio en HTML básico en el que se

 Antes de estructurar las ideas se debe pensar en los requisitos de los

Esta etiqueta le permite al usuario insertar imágenes desde una

<MARQUEE> Marquesina animada en el HTML.

Permite realizar vínculos hacia otras páginas u archivos para visión o

<FONT FACE ="impact" SIZE=5

AL igual que las otras etiquetas debe

Importante: Tanto las etiquetas BODY como FONT no se deben

Indica la orientación de la imagen

<IMG SRC="recursos/conocimiento.jpg" ALIGN=TOP>

Básicamente y con la sintaxis externa se

En este apartado se indica el contenido a movilizar, incluso pueden ser imágenes

<a href="index.html" class="active">Inicio</a>

Indicación de la ubicación (Puede ser Este es el nombre que se le mostrará

<a href=“https://google.com" class="active">Ir a Goolgle</a>

En el caso de archivos se indica la dirección

Se pueden mostrar catálogos completos con diversas opciones de presentación, con la

Entretenimiento: Normalmente orientadas a un fin de entretenimiento específico, como por

Páginas web educativas: Objetivo facilitar el aprendizaje.

• Ofrece información y proporciona recursos o materiales educativos

• Determinar la longitud de páginas en el WWW

1. La relación entre la página y el tamaño de la

• a. Divida la páginas en partes (cada parte correspondería a un par o tres páginas

• En un sistema modular bien diseñado la actualización de grandes materias se

• Reemplazando las secciones caducadas por unas nuevas puestas al día se

• Al menos, cada página en el WWW debe poseer un enlace con la página

• No dejar espacios en blanco, entre palabras en lugar

Para agregar imágenes debemos tener las mismas debidamente orde-

• <IMG SRC="recursos/conocimiento.jpg" ALIGN=TOP>

Abra y guarde el documento según las indicaciones estudiadas.

•LA ETIQUETA QUE MÁS UTILIZAREMOS EL DÍA DE HOY ES LA LLAMADA <INPUT>

•PRINCIPALES TIPO DEL INPUT:

• COMANDO PARA FECHAS:

• <INPUT TYPE="DATE" NAME="BDAY“ REQUIRED =“TRUE”>

• EN EL CASO DE NAME PERMITE IDENTIFICAR EL COM-

• ABRA UNA HOJA NUEVA Y GUÁRDELA CON EL

• Browser Un browser es un navegador de Internet: un software que permite la visualización

• com.- Para empresas o cualquier página con carácter comercial.

• El registro de un dominio se puede hacer a través de alguna

• Para el registro de un dominio territorial, se tiene que hacer

• En la actualidad, además de ser riesgoso, es muy difícil