Una herramienta de software que reconoce descriptores de lenguaje html. Descriptores básicos y su sintaxis HTML

HTML- lenguaje de marcado de hipertexto del documento. Con él, puedes escribir textos con enlaces a otras páginas, crear tablas, listas, incluir imágenes y mucho más. Este idioma se utiliza para escribir sitios web.

»HTML para principiantes

» Pagina de inicio

»HTML para principiantes

Etiquetas básicas (descriptores) del lenguaje html

Siguiendo la tradición de todos los tutoriales HTML clásicos, proporcionamos el documento de hipertexto más simple.

Aquí está el encabezado del primer nivel

¡Bienvenido al internet!

Primer y último párrafo.

En este ejemplo, hemos utilizado los siguientes términos de hipertexto (llamados etiquetas):

Nombre del documento

Esto no es una regla, ni siquiera una ley, esto es un hecho:

Cualquier documento HTML tiene un título.

Por el nombre de su documento HTML, otros navegadores pueden encontrar información. El lugar para el título siempre está definido: está en la parte superior de la pantalla y separado del contenido del documento. La longitud máxima del nombre es de 40 caracteres.

Formateo

El formato puede ser directo o autorizado. Si usa la etiqueta

Las siguientes etiquetas son inherentes al formato directo:

Párrafo.

Salto de línea.

Rúbricas y subpartidas

HTML le permite trabajar con seis niveles de encabezados. El primer encabezado es el más importante. Se le presta especial atención. El resto de los títulos se puede formatear, por ejemplo, en negrita o en mayúsculas.

En HTML, el primer encabezado se denota como

:

Texto

N se refiere al nivel del encabezado, es decir, los números 1, 2, 3, 4, 5 o 6.

En HTML, el primer encabezado puede ser el mismo que el título del documento.

Las listas se subdividen en varias:

Elemento de lista

numerado:

Elemento de lista

con descripciones:

Perro (elemento)

Amigo humano (descripción del artículo)

y anidado:

Hornillo de camping

Otro primus

Selección de texto

El texto de un documento HTML se puede resaltar de una de las siguientes formas:

- cita

- código de programa

- definición

- acento lógico

- entrada de teclado

- mensajes de computadora

- Acento fuerte

- variables

Un gran párrafo

En HTML, los saltos de línea no son importantes. Esto significa que puede dividir las líneas de su documento en cualquier lugar que desee. Esto se debe a que en un documento de hipertexto, los espacios consecutivos se convierten en uno. ¡Pero! Si el espacio se hace después de la etiqueta

Entonces se tiene en cuenta. Si alguna etiqueta se ignora, el relleno también se tiene en cuenta. De lo contrario, el navegador omitirá los saltos.

HTML le permite vincular texto o imágenes a otros documentos de hipertexto. El texto suele estar resaltado o subrayado.

Para hacer esto, use la etiqueta ... Recuerde que debe haber un espacio después de la letra A.

¦ tipo

¦ ingrese HREF = ”nombre de archivo”>

¦ etiqueta de tipo

Beto

Aquí la palabra Bob se refiere al documento BobAnapa.html, formando un enlace de hipertexto.

Beto

Si desea especificar el nombre de archivo completo, debe utilizar la sintaxis de UNIX.

protocolo: // puerto de host / ruta

Preformateo de texto

Etiqueta

Crea texto monoespaciado.

 
Utilice esta etiqueta para diseñar listas de programas.
 
Cotizaciones extendidas
 
Etiqueta 
le permite incorporar una cita en un objeto solitario.

 
Etiqueta 
le permite generar información sobre el autor del documento HTML.

 
Forzar avance de línea
 
Etiqueta 
traduce solo una línea, es decir, sin espacio adicional.
 
Divisores horizontales
 
Etiqueta 
forma una línea horizontal a lo largo de todo el ancho de la ventana.

 
Imágenes incrustadas
 
Puede incrustar imágenes en su documento.  La sintaxis de una imagen en línea es la siguiente:
 

 
Aquí image_URL es un puntero a un archivo de imagen, cuya sintaxis es la misma que la sintaxis de un enlace HTML.
En términos generales, los descriptores son algunos atributos de objetos para los que se define el comportamiento correspondiente.  Cuando accede a ellos, obtiene, establece o elimina los atributos especificados del diccionario.  En términos simples, se trata de palabras clave especiales que determinan el comportamiento de un objeto, sus propiedades o estructura.  El artículo considerará varias opciones para descriptores.  Esto le permitirá comprender con mayor precisión su esencia y propósito.
HTML
En el lenguaje de marcado de hipertexto que se utiliza para crear páginas web estáticas, los descriptores no son más que etiquetas.  En este entorno, actúan como etiquetas, gracias a las cuales el texto colocado entre ellos se muestra de una determinada manera.  Por lo tanto, se forman el diseño y la disposición de los elementos en la página.
Como regla general, los detalles del idioma determinan la presencia de un descriptor de apertura y un descriptor de cierre.  Todo lo que hay en el medio está sujeto a cambios.
Un descriptor puede tener atributos, es decir, determinadas propiedades.  Su sintaxis se ve así: nombre del atributo = su valor.
Siguiendo una lógica común, los descriptores en HTML son las etiquetas de identificación de los objetos.  Con su ayuda, puede controlar la apariencia, interactuar con la página y asignarle valores especiales.
Arquitectura X86
En los procesadores, los descriptores son una estructura especial con la que se hacen varias ramas.  Su estructura se ve así:
Parcialidad.  Puede cambiar el procedimiento del código.
Selector.  Refleja una especie de etiqueta donde debe ir el procedimiento.
Número de parámetros.
Derechos de acceso.
Java
Java EE tiene el concepto de descriptor de implementación.  Define cómo se implementará el servlet.  Básicamente, es un archivo de configuración que contiene ajustes, propiedades y requisitos de hardware.
En las aplicaciones web, dicho archivo, de acuerdo con las reglas, debe llamarse web.xml y estar ubicado en una carpeta específica.
Descriptores de archivos
En los sistemas operativos, para trabajar con archivos, primero debe acceder a ellos.  Esto se puede hacer mediante un descriptor de archivo.  En este ejemplo, actúa como una especie de etiqueta que denota el proceso que creó el flujo de E / S.
El sistema operativo Windows le permite acceder al identificador utilizando la función CreateFile.  Se puede usar más cuando se trabaja con el archivo requerido.
En los sistemas Unix, un descriptor de archivo está numerado.  0 es la entrada estándar del proceso terminal, 1 es su salida, 2 es el flujo de diagnóstico.  Además de las representaciones numéricas, se pueden utilizar constantes simbólicas definidas por la especificación.
Manija de ventana
Después de que se crea cualquier ventana en el sistema, se le asigna un identificador específico.  Los tipos de datos utilizados en él son HWND.  El programador, al crear una aplicación, debe utilizarlos correctamente para hacer referencia a
El programa puede obtener el identificador llamando a la función FindWindow.  Puede encontrarlo por el nombre de la clase o del objeto de ventana y devolver el valor del descriptor.
Para comprobar si la identificación era correcta, vale la pena utilizar la función IsWindow.
Número de error 1400
Este problema es común en la familia de sistemas operativos de Windows.  Si aparece junto con él, puede haber una breve descripción: un identificador de ventana no válido.  Y también puede haber una redacción de este tipo: "Error_invalid_window_handle" o 0x578.
¿Cómo tratar y qué significa un descriptor no válido?  Es necesario realizar diferentes acciones según el contexto del objeto.
En cualquier caso, debe seguir inmediatamente las medidas estándar tomadas para todos los problemas con el sistema:
errores de lanzamiento y escaneo usando la utilidad para verificar la integridad de los archivos del sistema;
revise su computadora en busca de virus.
Si los pasos básicos no funcionaron, entonces podría valer la pena desinstalar y reinstalar la aplicación que está causando el bloqueo.
Otra forma confiable de restaurar rápidamente el rendimiento del sistema es revertirlo utilizando herramientas estándar.  Después de usar "Restaurar sistema", volverá a la última copia de seguridad válida, siempre que se haya creado previamente.
Cuándo puede ocurrir un error
En la mayoría de los casos, un error de descriptor no válido es causado por una falla en el software instalado.  Por lo tanto, vale la pena prestar mucha atención a lo que aparece en la computadora desde el software.  También es necesario actualizar periódicamente todo el software disponible y controlar su estado.  Al mismo tiempo, vale la pena armarse con un buen software antivirus.
Conclusión
El artículo presentó los principios generales del funcionamiento de descriptores en varios lenguajes de programación y sistemas operativos, sus funciones, propiedades y tipos.  Normalmente, este término es utilizado principalmente por programadores y desarrolladores para identificar objetos y elementos para su posterior referencia y gestión.
Y también quedó claro que este es un descriptor inválido.  Al final resultó que, este es un problema común en el entorno de Windows, en la mayoría de los casos se puede resolver con simples manipulaciones.
Octavo grado
Introducción a HTML 
 
Clase 1: Introducción a HTML (12 horas)
Tema 1: Introducción a HTML (1 hora)
Plan
1. Comprensión de HTML
2. El concepto de hipertexto
3. Concepto de archivo html
4. El concepto de etiquetas de lenguaje html
5. Etiquetas estructurales
6. Creación de la plantilla de documento HTML y la primera página web 
1. Comprensión de HTML
HTML significa Lenguaje de marcado de hipertexto o Lenguaje de marcado de hipertexto.
Es importante comprender que HTML no es un lenguaje de programación, es un lenguaje de marcado de texto.  Te permite definir la apariencia del documento.  Mientras que los lenguajes de programación convencionales se utilizan para escribir programas (algoritmos) diseñados para realizar tareas específicas, el lenguaje de marcado HTML se utiliza para representar un documento de una manera específica.
^
 2. El concepto de hipertexto
Hipertexto (hipertexto)
 Es un texto especial que contiene un enlace a otra página web o documento.  En este caso, el prefijo hiper medio mas que o en exceso de porque ve más que solo texto frente a usted.  En la mayoría de los navegadores, el hipertexto (o hipervínculos) suele estar subrayado y resaltado en un color diferente al resto del texto.  Si hace clic en el hipertexto, su color cambiará.  Al hacer clic en un hipervínculo, el navegador web solicita el documento vinculado y luego lo carga en la ventana del navegador.  Así, gracias al hipertexto, la página web adquiere la propiedad de interactividad.
El hipertexto no tiene principio ni fin.  La mayoría de los medios impresos están diseñados para leerse desde la primera hasta la última página.  En este sentido, tienen una estructura lineal.  Y el hipertexto se parece más a una telaraña con un centro indefinido.  El arte de crear buenas páginas web radica principalmente en organizar la información de manera inteligente.  El usuario debe tener ante sus ojos la estructura de la página o su resumen para poder elegir lo que le interesa.
^
 3. Concepto de archivo html
Todo lo que necesita para desarrollar archivos html es un editor de texto.  Recuerde que aunque las páginas html son archivos .htm o .html, en realidad son archivos de texto ASCII sin formato.  Para crear una página html, debe usar el comando Archivo - Guardar como y guarde el archivo en formato de texto y agregue la extensión .htm o .html a su nombre, según el sistema operativo que esté utilizando.
La mejor manera de organizar sus archivos html es crear un directorio (o carpeta) especial en su disco duro para almacenar páginas web.  Esto es especialmente importante si vamos a crear varias páginas interconectadas.  Primero, debe determinar la estructura de la ubicación de los archivos en el disco duro.  Para crear un servidor web simple, generalmente necesita tener algunos archivos de texto e imagen, y posiblemente un par de archivos multimedia.  Al crear un servidor web con un número relativamente pequeño de páginas e imágenes, puede almacenar todos sus archivos en un directorio.  Si hay muchos archivos, debe colocarlos en varias carpetas.
^
 4. El concepto de etiquetas en lenguaje html
Como dijimos antes, el lenguaje de marcado te permite definir la apariencia del documento.  Para ello, se insertan códigos especiales o etiquetas.  Además, esto se puede hacer usando el Bloc de notas u otro procesador de texto.  En general, al crear páginas web, tendrá que hacer muchas de las cosas a las que está acostumbrado a trabajar en un procesador de texto, por ejemplo, poner el texto en negrita o convertir frases individuales en títulos.
Entonces, ¿qué es un descriptor? Descriptor Es el principal elemento de codificación del estándar HTML.  En HTML, casi todo depende de descriptores.  Sirven para llamar la atención sobre ciertas palabras en el documento, lo que le permite al navegador saber qué resaltar, dónde mostrar los gráficos y dónde están los hipervínculos.
Los descriptores se incluyen entre corchetes angulares (< >).  Por ejemplo, el descriptor de párrafo es 

, y el descriptor de línea horizontal es <НР>
...  Los descriptores se pueden escribir tanto en mayúsculas como en minúsculas.  Sin embargo, escribir descriptores en mayúsculas facilita enormemente la percepción visual del texto.
Hay dos tipos de descriptores: contenedores y descriptores únicos.  Un contenedor es un par de descriptores que consta de un descriptor de inicio (o apertura) y un final (o cierre).  El descriptor inicial es ,
 pero el final .
 Los contenedores están diseñados para almacenar cierta información, como texto u otros descriptores.  Por lo tanto, el contenido del contenedor se incluye entre los descriptores de inicio y fin.  Por ejemplo, un elemento que representa un encabezado de primer nivel se encierra entre descriptores 

 y 
:
 
¡Mi primer documento HTML!
Un descriptor vacío se diferencia de un contenedor en que no contiene ninguna información.  Solo tiene un descriptor de inicio.  Un descriptor vacío generalmente lo hace tarea independiente no asociado con texto específico.  Por ejemplo, el descriptor 

 crea una línea horizontal y no hace nada en el texto, a diferencia de los identificadores de inicio y finalización del contenedor.
Los descriptores inicial y final del contenedor, junto con el contenido incluido entre ellos, son elemento Documento HTML.  Un elemento puede ser una imagen, un fragmento de texto, un formulario, una tabla, una lista, un enlace, un cuadro de texto, un botón e incluso el título de un documento o su cuerpo principal (cuerpo).  Sin embargo, tenga en cuenta que un elemento no son solo descriptores, sino lo que se encuentra entre ellos.
^
 5. Etiquetas estructurales
Echemos un vistazo a los descriptores básicos que definen la estructura de una página web.
Descriptores Elemento HTML ( 
) son los más externos, es decir  contener todos los demás textos y otros descriptores.  Descriptor de inicio, 
, Es lo primero que debe escribir.  Y el descriptor final, 
, marca el final del documento.  La mayoría de los navegadores no aceptarán texto fuera de estos dos descriptores.
Un documento HTML tiene un encabezado (título) y un cuerpo (cuerpo).
En cualquier documento HTML, el elemento HEAD precede al cuerpo (o cuerpo) de una página web.  El contenido del elemento HEAD se incluye entre descriptores 
 y 
...  Este texto es información general sobre el archivo y no se muestra en el documento en sí.  Se pueden encontrar otros elementos en el descriptor HEAD.  Estamos interesados ​​principalmente en el descriptor 
, se muestra en la parte superior de la ventana del programa (barra de título).
Y finalmente, la parte más importante del documento HTML es el elemento BODY, que está encerrado entre un par de descriptores. 
 y 
...  Este elemento es más importante porque incluye o vincula a todo el texto, las imágenes y los medios que se muestran en la página.  La descripción del elemento BODY sigue inmediatamente después de la descripción del elemento HEAD.
^
 6. Creación de la plantilla de documento HTML y la primera página web
Abra el Bloc de notas e ingrese el siguiente texto:
 
 
 
 Contenido de la página web: prueba, gráficos, enlaces, etc.
 
 
Guarde el archivo en su carpeta como template.html.
Ahora crea nuevo documento y cargue la plantilla que creamos en él.  Entonces usa el comando ^ Guardar como para nombrar la nueva página.
Reemplazar el texto entre descriptores  a "¡Mi primera página web!"  Ahora reemplace el texto entre los descriptores. y al siguiente:
 
¡Esta es mi primera página web!
La versión final de su archivo debería verse así:
 
 
 
 
 
 
¡Esta es mi primera página web!
 

 
 
Guarde el archivo en su carpeta y asígnele el nombre first.html.
Tema 2: El cuerpo principal de la página web (1 hora)
Plan
1. Usar encabezados
2. Caracteres de salto de párrafo y salto de línea.  Alinear párrafos y encabezados
3. Usando un descriptor 
4. Dar formato al texto con estilos
5. Agregar líneas y comentarios 
La mayor parte de todas las páginas web se definen mediante el elemento BODY, cuyos descriptores de inicio y finalización apuntan al principio y al final de la información.  El contenedor BODY no se usa en un solo caso: en un documento de conjunto de marcos, donde se reemplaza por el contenedor FRAMESET.
^
 1. Usar encabezados
Normalmente, los desarrolladores de HTML comienzan creando encabezados.  Hay seis niveles de títulos y cada uno tiene un tamaño de fuente diferente.  Al utilizar títulos en varios niveles, puede crear una estructura jerárquica clara para su documento.  Utiliza el mismo principio que en la publicación de libros, donde los títulos de los capítulos están en letra grande, los títulos de las secciones son más pequeños, los títulos de las subsecciones son aún más pequeños, etc.
El estándar HTML admite seis niveles de encabezados, que se definen mediante contenedores: Í1, Í2, ..., Í6...  Para cada nivel de títulos establecidos tamaños estándar fuentes.
^
 2. Caracteres de salto de párrafo y salto de línea
Descriptores 

 y 

 le permite agregar espacios a su documento para separar un bloque de texto de otro.
Descriptor 

 utilizado para insertar un carácter de salto de párrafo.  Insertar descriptor dado estamos indicando al navegador que termine el párrafo actual e inserte una línea en blanco antes del párrafo siguiente.
Descriptor 

 utilizado para insertar un carácter de salto de línea.  Al insertar este descriptor, le indicamos al navegador que finalice la línea actual y pase a la siguiente.
^
 Alinear párrafos y encabezados
El texto del párrafo o del encabezado se puede justificar a la izquierda ( instalación estándar), alineado a la derecha o centrado en la ventana del navegador.
La sintaxis de un descriptor de encabezado es:

Donde n es el nivel de encabezado;
La alineación es un parámetro que puede tomar uno de los siguientes valores: IZQUIERDA, DERECHA, CENTRO.
La sintaxis de un descriptor de párrafo es:
<Р ALIGN=выравнивание>
^
 3. Usando un descriptor 

Si desea colocar información en una página web que ya está contenida en algún documento (pero no en código HTML), entonces no es necesario que pierda tiempo volviendo a escribir todo el documento.  En su lugar, puede utilizar el contenedor de texto enriquecido 
^
 Dar formato a las cotizaciones
Descriptor 

 está diseñado para citas largas y le permite sangrar una línea.
En contenedor 

 puede incluir otros descriptores, como estilos de texto o saltos de línea.
Descriptor 
 diseñado para mostrar citas breves.  Si usa el descriptor 

 se crea un fragmento separado en un bloque de texto, luego cuando se usa el descriptor 
 la cita continúa en la misma línea que el texto anterior, es decir  el bloque de texto no se rompe.
^
 4. Dar formato al texto con estilos
HTML proporciona varias formas de dar formato al texto.  Este es un formato explícito (o absoluto) con estilos físicos y formato implícito (o relativo) con estilos lógicos y finalmente, cambiando el tamaño de la fuente.
Los descriptores de estilo físico son absolutos, lo que significa que el texto resaltado con un estilo físico aparece igual en todos los navegadores.  Y los estilos lógicos, a diferencia de los físicos, pueden llamarse relativos.  Esto significa que se muestran de forma diferente en distintos navegadores.
^
 Tabla - Descriptores de estilo físico

 
Descriptor
 
 
Estilo

 

 
 
Negrita 

 

 
 
Cursiva 

 

 
 
Fuente monoespaciada, como una máquina de escribir 

 

 
 
Subrayar 

 

 
 
Texto de subíndice 

 

 
 
Texto en superíndice 

 

 
 
Tachado 

^
 Cambiar el tamaño de la fuente
El elemento FONT le permite definir el tamaño y el color de la fuente.  El atributo TAMAÑO permite especificar el tamaño absoluto de la fuente (puede tomar valores de 1 a 7) o relativo, en relación al tamaño de la fuente utilizada en el cuerpo de la página (puede tomar valores de -4 a +4).  Esto usa la siguiente sintaxis:

El elemento BASEFONT se utiliza para cambiar el tamaño de la fuente principal del documento.  El tamaño de la fuente principal puede tomar valores de 1 a 7, y el tamaño de fuente estándar para el navegador es 3.
El atributo COLOR se usa para cambiar el color de la fuente usando la siguiente sintaxis:
.
^
 5. Agregar líneas y comentarios
Para dividir el texto de la página en partes, puede usar las líneas horizontales que se crean usando el controlador 
.
 La apariencia de la línea se puede cambiar usando atributos.
^
 Tabla - Atributos del descriptor 



El TAMAÑO se mide en píxeles.
El valor de WIDTH se puede medir tanto en porcentaje como en píxeles, por lo que se utilizan dos sintaxis para el atributo WIDTH:

.
El atributo ALIGN puede ser LEFT, RIGHT o CENTER.  Debe usarse junto con el atributo WIDTH; de lo contrario, la línea se extenderá a lo largo de toda la pantalla:
.
La sintaxis del atributo NOSHADE es:
.
Agregar comentarios
Puede agregar comentarios al código fuente de una página web que no serán visibles para los visitantes de su servidor.  Están diseñados para que pueda descifrar fácilmente su propio código si es necesario.
La sintaxis utilizada para los comentarios es:
.
Tarea practica
Abra el archivo first.html y guárdelo como second.html.
Modifíquelo de acuerdo con la lista siguiente:
 
 
 
 
 
 
Estoy aprendiendo HTML
 

 
Cambiar el tamaño y el color de la fuente
 

 
 
Este párrafo estará alineado al centro, a diferencia de los párrafos principales del documento, que están alineados a la izquierda.
 

 
 
Guarde el documento y ábralo en una ventana del navegador.
Tema 3: Creación de tablas (1 hora)
Plan
1. La etapa inicial de creación de código de tabla
2. Creación de filas y columnas de la tabla.
3. Elección del tipo de mesa
4. Alineación de datos en celdas de tabla horizontal y verticalmente
5. Cuadros y cuadros para colorear 
^
 1. La etapa inicial de creación de código de tabla
Imagine una tabla que contiene nombres de productos y precios.  eso forma estándar usando tablas.  Ahora agreguemos imágenes a la tabla, que son hipervínculos a archivos HTML que contienen imágenes más grandes, así como información detallada sobre los productos respectivos.  Los videos y las grabaciones de sonido también pueden ser entradas de tabla.  Por lo tanto, el usuario no solo puede ver mucho, sino también escuchar mucho.
El HTML utilizado para crear las tablas no es demasiado complejo;  más bien, es muy engorroso.  Construir tablas no es una tarea tan difícil si se hace correctamente.
Antes de comenzar a crear tablas, debe comprender la estructura del código que se usa para hacer esto.  El código de la tabla HTML está contenido en el contenedor TABLE.  Antes de generar HTML para una tabla, debe determinar el número máximo de filas y columnas que contiene.  Luego, mientras escribe su código, definirá las celdas una por una.  Las celdas se definen de izquierda a derecha fila por fila y de arriba a abajo.
Las filas, columnas y celdas son términos estándar que se utilizan al describir tablas.
^
 2. Creación de filas y columnas de la tabla.
Para describir una tabla, debe especificar el número de filas y columnas, así como su ubicación.
Se utiliza un par de descriptores para definir una fila de una tabla. 
 y .
 Le dicen al navegador que las celdas definidas entre estos descriptores pertenecen a la misma fila de la tabla.
Descriptores 
 y 
 definir los encabezados de la tabla.
Descriptores 
 y 
 determinar el contenido de la celda.
Usando el atributo COLSPAN contenido en el descriptor 
 o ,
 puede hacer que la celda correspondiente abarque varias columnas.  Para hacer esto, establezca el atributo COLSPAN en el número de columnas que debe ocupar la celda.  El atributo ROWSPAN realiza la misma función solo para cadenas.
^
 3. Elección del tipo de mesa
Antes de proceder a describir las celdas, es necesario definir algunas características generales de la tabla.  Estos incluyen el ancho de la tabla, el espaciado de celdas, el espaciado de celdas, etc.
Una de estas características comunes es el bisel, es decir  el borde que separa la tabla del resto del documento.  Para hacer esto, use el atributo BORDER = n, donde n es el ancho del borde en píxeles.  El atributo BORDER se coloca en el descriptor. 
...  Si selecciona 0 u omite por completo atributo dado, luego se creará una tabla sin bordes.
Para determinar el ancho de la tabla se utiliza el atributo WIDTH, también colocado en el descriptor ...  El ancho se especifica en porcentaje o en píxeles y se escribe entre comillas.
Con el atributo COLS colocado en el descriptor , puede determinar el número de columnas de la tabla:
.
Finalmente, los atributos CELLSPACING y CELLPADDING en el descriptor se utilizan para definir el espaciado en la tabla. .
 El atributo CELLSPACING define la distancia entre celdas en píxeles ( valor estandar es igual a 2).
El atributo CELLPADDING especifica la distancia, en píxeles, entre el contenido de una celda y sus bordes (la distancia predeterminada es 1).
^
 4. Alineación de datos en celdas de tabla horizontal y verticalmente
El atributo ALIGN le permite alinear el contenido de las celdas y puede ser CENTER, JUSTIFY, CHAR, RIGHT, LEFT.
Si establece el atributo ALINEAR en JUSTIFICAR, el contenido del texto de la celda se justificará al ancho.
Si establece el atributo ALIGN en CHAR, el contenido de la celda se alineará en relación con el carácter especificado mediante el atributo CHAR.  Por ejemplo, el registro ALIGN = "char" CHAR = "," se puede utilizar para alinear números naturales con el separador decimal.
^
 Alinear datos en celdas de tabla verticalmente
El atributo VALIGN se puede utilizar en el contenedor , 
, 

...  Se puede utilizar para alinear texto en la parte superior o inferior de la celda, así como para centrarlo verticalmente.  El atributo VALIGN puede tomar los siguientes valores: TOP, MIDDLE, BOTTOM.
Agregar etiquetas a las tablas
Usando un recipiente 
puede agregar firmas a las tablas.  Por lo tanto, con la ayuda de etiquetas, puede describir la tabla con más detalle, por ejemplo, agregando información sobre las unidades de medida utilizadas en la tabla.
De forma predeterminada, las etiquetas se encuentran encima de la tabla, pero se pueden colocar en cualquier otro lugar.  Por ejemplo, el siguiente código se usa para colocar títulos debajo de una mesa:
Además del atributo INFERIOR, los atributos SUPERIOR, IZQUIERDA, DERECHA se pueden utilizar en el contenedor TÍTULO.
^
 5. Cuadros y cuadros para colorear
Puede agregar un fondo a la tabla que sea de un color diferente al del resto de la página web.  También puede colorear filas o celdas individuales para que se destaquen del resto de la tabla.
Para ello se utiliza el atributo BGCOLOR del descriptor. 

Esta es la firma
.
El valor del atributo BGCOLOR puede ser hexadecimal (en formato #rrggbb) o texto.
Usando un descriptor 
 y los atributos BORDERCOLOR y BORDERLIGHT, puede cambiar el color del borde de la tabla.  El atributo BORDER debe colocarse en el descriptor ...  Para cambiar el color del borde dentro de la tabla, debe usar los atributos BORDERCOLOR y BORDERLIGHT en el descriptor  o 


.
El valor del atributo BORDERCOLOR afecta la parte superior del marco de la tabla 3D, y el valor de BORDERLIGHT afecta la parte inferior (es decir, la sombra).  Estos atributos se pueden utilizar para modificar los atributos de presentación estándar de los marcos de tablas 3D.
^
 Tarea practica
Genere el código HTML de la siguiente tabla 
 
Apellido
 
 
días de la semana

 
lunes
 
 
martes
 
 
miércoles
 
 
jueves
 
 
viernes

 
Ivanov 
 
 
6

 
 
0
 
 
0
 
 
0
 
 
0

 
Petrov 
 
 
0
 
 
6
 
 
0
 
 
0
 
 
0

 
Sidorov 
 
 
0
 
 
0
 
 
6
 
 
0
 
 
0

 
Sergeev 
 
 
0
 
 
0
 
 
0
 
 
6
 
 
0

 
Vasiliev 
 
 
0
 
 
0
 
 
0
 
 
0
 
 
6


 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Tema 4: Listas de creación (1 hora)
Plan
1. Listas como herramienta de estructuración.  Tipos de lista
2. Listas numeradas
3. Listas con viñetas
4. Listas de definiciones
5. Anidar y combinar listas 
^
 1. Listas como herramienta de estructuración.  Tipos de lista
Las listas son una forma muy poderosa de estructurar su documento.  Con su ayuda, puede proporcionar una presentación clara y clara del material.  HTML ofrece la posibilidad de crear listas atractivas pero funcionales.
HTML ofrece la posibilidad de crear diferentes tipos de listas.  Además, cada uno de ellos se puede utilizar tanto de forma independiente como en combinación con otros tipos de listas.
^
 Tabla: tipos de listas HTML y sus descriptores correspondientes

^
 2. Listas numeradas
Las listas ordenadas y numeradas son lo mismo.  Estos términos se utilizan indistintamente.  Se crea una lista numerada utilizando un contenedor.  Cada elemento de la lista se define dentro de este contenedor mediante un descriptor 

(que significa elemento de lista).
De forma predeterminada, los elementos de la lista se numeran con números arábigos ordinarios.  Pero puede hacerlo de modo que las letras del alfabeto (minúsculas o mayúsculas) o los números romanos se utilicen para la numeración.  El estilo de formato de la lista se define mediante la siguiente sintaxis:

El parámetro de tipo puede tomar los valores que se muestran en la tabla.
^
 Tabla: tipos de numeración de listas ordenadas en HTML

El método de numeración también se puede cambiar en el medio de la lista.  Para hacer esto, el elemento de lista correspondiente debe definirse de la siguiente manera:

Puede comenzar a numerar la lista con números o letras con cualquier número o letra.  Para hacer esto, use el atributo START. Para comenzar a numerar con una determinada letra o número romano, use los atributos TYPE y START.  La sintaxis de este procedimiento es la siguiente:

El valor del parámetro es un número.
Para cambiar el esquema de numeración dentro de la lista, use el atributo VALUE del descriptor 
.
^
 3. Listas con viñetas
El tipo de lista más común es una lista desordenada o con viñetas.  En dichas listas, junto a cada elemento de la lista desordenada, hay una viñeta, que puede parecer un gran círculo o cuadrado negro.
Los descriptores se utilizan al crear listas con viñetas 

 y 

...  Al igual que con las listas numeradas, todos los elementos de las listas con viñetas se definen mediante el descriptor 

.
Para cambiar el tipo de marcador para toda la lista, use la sintaxis 

, y para un elemento de la lista: 

, donde el parámetro de tipo es uno de los valores dados en la tabla
^
 Tabla - Tipos de marcadores de viñetas

^
 4. Listas de definiciones
Las listas de definiciones recuerdan un poco a los diccionarios, ya que cada término tiene un párrafo sangrado de la definición.  Esta herramienta es indispensable si necesita crear una lista de artículos con sus descripciones detalladas (por ejemplo, para catálogos de productos minoristas o inmuebles).
La lista de definiciones está contenida en el contenedor. 
.
 Los elementos de la lista de definiciones se crean utilizando descriptores 
y 

, con la ayuda de los cuales están marcados término y su definición respectivamente.
^
 5. Anidar y combinar listas
Si lo desea, puede combinar Varios tipos listas, así como anidarlos entre sí, independientemente de si se trata de uno o de diferentes tipos ellos van tarde.
La siguiente lista muestra un ejemplo de uso de anidamiento lista con viñetas en numerado.
 
 
 
 
 
Listas anidadas
 
Cómo preparar el elixir de la juventud
 
Tome partes iguales de los siguientes elementos:
 
Lagrimas de cocodrilo
 
De orejas de burro muertas
 
Agujero de la dona
 
Mezclar todo y triturar hasta convertirlo en polvo.
 
Vierta el polvo con alcohol
 
Vierta el líquido resultante en una botella.
 
Enterrar la botella en el jardín
 
Desenterrar después de exactamente 1 año
 
¡Tira la botella al mar y no te engañes!

abstracto
1. Cuento Www
2. Lenguaje HTML: creación de documentos web:
a) Plantilla de documento web
b) formato de texto
c) formato de párrafo
d) trabajar con imágenes de imágenes:
I. imágenes de fondo
II.  imágenes estáticas y dinámicas



f) marcos:
I. Marcos verticales
II.  Marco horizontal
III.  Marcos anidados
Medios alternativos de preparación de documentos
1. Breve historia de la World Wide Web
Es bien sabido que Internet es, en particular, un enorme repositorio de todo tipo de información.  Antes de la llegada de la World Wide Web (WWW), navegar por Internet para encontrar la información que necesita no era fácil.  Para obtener el archivo del servidor FTP, tuvo que descargar la aplicación cliente por separado.  Al mismo tiempo, tenía que recordar su contraseña, tenía que navegar por numerosos directorios en busca del archivo deseado, sin olvidar configurar el modo de transferencia correcto antes de recibirlo;  Conocer numerosos comandos para trabajar con servidores FTP, etc.  Si necesitaba ver una conferencia, tenía que iniciar otra aplicación que tuviera su propio conjunto de comandos para leer, reenviar y guardar mensajes de conferencias.  Todo fue un inconveniente.
Hace unos cinco años, se intentó organizar orden de información v Redes de internet...  Esto dio lugar al servicio World Wide Web, que nació en el Centro Europeo de Investigación Nuclear en Suecia.  La idea de WWW se basa en el llamado hipermedia Los documentos o documentos web, también llamados páginas web, están diseñados para ayudar a organizar y recuperar datos.  Estos documentos pueden contener tanto texto como no textuales. información de texto(por ejemplo, imágenes, sonido) así como enlaces.  Los enlaces son punteros con los que puede moverse libremente de un lugar en un documento a otro, o incluso enlazar a un documento separado, que puede estar ubicado en el otro lado del mundo.  Aunque los documentos web pueden contener una amplia variedad de información, no solo texto, casi siempre se denominan hipertexto ( hipertexto) documentos, lo que en general no es del todo cierto.
En la pantalla, un documento web típico se ve como un conjunto de texto con enlaces; varias ilustraciones pueden estar presentes.  Puede hojear el documento, ver el contenido, navegar rápidamente a través de él u otros documentos mediante enlaces.
Con el advenimiento de la WWW, Internet comenzó a ofrecer texto y gráficos, con el mouse se hizo posible viajar por el mundo y encontrar fácilmente la información que necesita con solo apuntar y hacer clic.  Se volvió fácil descargar archivos y leer conferencias.  Esta es la razón por la que el servicio WWW ha ganado popularidad y adopción generalizada en todo el mundo.  Todos los días en Internet aparecen en grandes cantidades Se publican servidores web y miles de documentos nuevos.
Para crear documentos web en la WWW, se utiliza un lenguaje HTML especial, lo que significa Lenguaje de marcado de hipertexto, un lenguaje de marcado de hipertexto, un lenguaje de formato de datos.  Basado en el lenguaje de marcado estándar generalizado (SGML), HTML define el formato y la organización de los datos en los documentos web.  No define cómo exactamente se colocará el texto en la pantalla, define la estructura de los datos.  Un documento web puede contener más que solo información textual y, por lo tanto, sería más correcto llamar HTML HyperMedia Markup Language, pero en la literatura casi siempre se usa la abreviatura HTML.  Un documento HTML es un archivo ASCII normal.  Se basa en descriptores especiales (etiquetas) que determinan el formato de los datos en cualquier documento web.  Naturalmente, para ver documentos HTML en la World Wide Web, necesita una software...  Estos programas se denominan navegadores (del inglés. navegar- hojear, ver).  Con su ayuda, puede descargar y ver páginas web, navegar por la WWW, etc.  V en la actualidad Hay bastantes navegadores, de los cuales los más populares son los navegadores de Microsoft. explorador de Internet, Netscape Navigator y NCSA Mosaic.  El navegador, después de leer el archivo HTML, interpreta los datos contenidos en el documento utilizando descriptores y los muestra en la pantalla de la computadora en consecuencia.  1 muestra un ejemplo de un documento web:
Fig.1 Ejemplo de documento web
HTML se está desarrollando rápidamente.  En el transcurso de su desarrollo, adquirió nuevas oportunidades y perdió las poco utilizadas y desactualizadas.  Por el momento, la versión oficial actual del lenguaje HTML es la versión 3.2, que ha desarrollado herramientas para crear documentos web.  Comparada con HTML 2.0, la nueva versión ofrece nuevas características como tablas, "envoltura" de imágenes con texto, incrustación de subprogramas de Java y otras.
Por hoy, aparte de versión oficial idioma, también hay versiones de HTML de Microsoft y Netscape, que también admiten y características adicionales no se describe en la especificación de la versión HTML oficial.  Para solucionar el problema de la compatibilidad del navegador al mostrar documentos compuestos con elementos de versiones no oficiales del lenguaje HTML, las empresas mencionadas incluyen soporte para una versión alternativa del lenguaje en sus productos.  Ya hay una versión 4.0 del lenguaje en camino, llamada HTML dinámico, que promete formas nuevas y antiguas mejoradas de diseñar documentos web.  El W3C (World Wide Web Consortium) ya propone esta versión del lenguaje como estándar.  Hay opciones nueva versión idiomas de Microsoft y Netscape, que, sin embargo, aún no son compatibles entre sí.  Este trabajo revela los principales medios de construcción de documentos a partir de la lengua. Versiones HTML 3.2 de Netscape Communications.
2. Lenguaje HTML.  Creación de documentos web
Como se mencionó anteriormente, el formato de un documento HTML se especifica mediante descriptores especiales.  Un descriptor es un comando de formato de datos y este comando está entre corchetes angulares "<» и «>".  Hay descriptores de apertura y cierre, entre los que se coloca el texto a formatear.  Los descriptores de apertura establecen el método de formato, los segundos lo anulan.  La diferencia entre estos descriptores es que hay una barra inclinada delante del nombre en el descriptor de cierre.  Por ejemplo, descriptores.  También hay descriptores que no requieren una variante adjunta.
HTML no distingue entre mayúsculas y minúsculas, por lo que todos los descriptores se pueden especificar tanto en mayúsculas como en minúsculas.  El navegador los interpretará sin ambigüedades en cualquier ortografía.
Si observa el código fuente de una página web típica, puede ver el siguiente contenido:
titulo del documento
texto
texto
texto
texto
Entre descriptores y todo el documento se encuentra directamente.  Descriptores y definir el alcance de la configuración del título del documento.  Entre una pareja  se coloca el título del documento.  Su contenido se ve en el título de la ventana del navegador.  Algunos robots web utilizan la información del encabezado para indexar datos cuando escanean recursos de la WWW.  En esta área, puede ingresar, por ejemplo, información sobre el autor, una breve descripción del documento.  Entre descriptores y contiene los datos que el navegador mostrará en la pantalla.  Descriptores 
y
 contener información sobre el autor que se mostrará en la pantalla, por ejemplo, el nombre y apellido del autor, su dirección de correo electrónico, la fecha de creación y modificación del documento, etc.

Estrictamente hablando, ninguno de los descriptores anteriores es necesario a la hora de crear documentos, pero ayudan a estructurar los documentos y su definición es un signo de buen estilo a la hora de componer páginas web.
Formato de texto
Dar formato al texto significa mostrar el texto en una fuente específica o con atributos específicos.
Para dar formato al texto, debe incluir una cadena o líneas de texto entre un par de descriptores.  A continuación se muestra la lista de descriptores principales y los resultados del formato de texto:
Por ejemplo, si desea mostrar una determinada línea en la pantalla en cursiva, debe ingresar lo siguiente en el cuerpo del documento web:
Este texto está escrito en cursiva
Como resultado, el navegador mostrará:
Este texto está escrito en cursiva
Los descriptores se pueden combinar entre sí en cualquier orden, por ejemplo, la combinación
 Este texto está en negrita y cursiva 
producirá la siguiente salida:
Este texto está en negrita y cursiva

En algunos documentos web, es posible que vea líneas de texto parpadeando para captar la atención del usuario.  A estos efectos, se utiliza el descriptor :
Este es un texto parpadeante
Sin embargo, esta extensión del lenguaje Netscape rara vez se usa y, por lo tanto, pronto quedará obsoleta.
Las fuentes de varios tamaños se utilizan a menudo en el diseño de páginas web.  Puede mostrar una cadena con un tamaño de fuente diferente al habitual utilizando descriptores texto
 , donde el número n es un número del 1 al 7 que determina el tamaño de la fuente en relación con el normal.  Entonces, el siguiente texto en el cuerpo del documento
Esta texto cuatro tallas más grandes de lo habitual
la pantalla se verá así:
Este texto es cuatro tamaños más grande de lo normal.
Cabe señalar que los pares de descriptores y, y y son elementos del lenguaje HTML de Netscape y, por lo tanto, pueden no ser compatibles con otros navegadores.
Dar formato a párrafos
La información de texto publicada en las páginas web está organizada en párrafos.  El párrafo comienza con un descriptor<Р>y termina con una manija de cierre
 sin embargo, este último es opcional.  Ejemplo de código HTML:

Primer párrafo

Segundo parrafo

Como resultado, la pantalla mostrará el siguiente resultado:
Primer párrafo
Segundo parrafo
A la hora de redactar un documento, se debe tener en cuenta que el navegador ignora los espacios entre palabras y saltos de línea al formatear el texto, por lo que solo considera como párrafo el texto que se encuentra entre los descriptores.  Un salto de línea forzado se establece mediante el mango 
que no tiene opción de cierre.  Código de muestra:
Primera linea
Segunda linea
Como resultado, el navegador mostrará:
Primera linea
Segunda linea
Si necesita mostrar texto con el número requerido de espacios y saltos de línea, debe encerrarlo en descriptores 
Y
...  Esto se usa comúnmente para mostrar listados de fuentes de programas.  En este caso, el texto se mostrará en una fuente monoespaciada.

Creando encabezados
Los títulos de varios niveles se especifican mediante descriptores. y, donde n es un número del 1 al 6. El encabezado más grande se especifica mediante el descriptor 
, el más pequeño es un descriptor 
...  Por ejemplo:

Este es un título de nivel 1

Este es un título de nivel 3

Este es un título de nivel 6

Como resultado, la pantalla mostrará:
Este es un título de nivel 1
Este es un título de nivel 3
Este es un título de nivel 6
Los encabezados son uno de los elementos de formato de documentos más utilizados en la WWW.
Crear listas
En HTML, es posible definir tres tipos de listas: listas numeradas, listas no numeradas y listas de definición.  El principio y el final de la lista se establecen con descriptores especiales, y antes de cada elemento de la lista, se establece un descriptor. 
que no tiene opción de cierre.

Lista numerada:
Elemento de lista

Elemento de lista

Elemento de lista

Resultado:
Lista desordenada:
Elemento de lista

Elemento de lista

Elemento de lista

Resultado:
* Elemento de lista
* Elemento de lista
* Elemento de lista
Las listas de definiciones son grupos de texto, dos elementos cada uno, con el segundo elemento desplazado a la derecha del primero.  Normalmente, estas listas se utilizan para explicar varios conceptos.  Ejemplo:
Primer concepto definido

Explicación del primer concepto

Segundo concepto definido

Explicación del segundo concepto

Resultado:
El primer concepto por definir.
Explicación del primer concepto.
Segundo concepto definible.
Explicación del segundo concepto.
Enlaces
Los enlaces son uno de los elementos básicos del lenguaje HTML.  Los enlaces proporcionan una forma rápida y conveniente para que el usuario navegue a un lugar u otro en un documento, o incluso a otro documento.  Por ejemplo, en lugar de hojear un documento web largo en busca del fragmento deseado, puede saltar instantáneamente al lugar deseado con un simple clic del mouse (si, por supuesto, se proporciona un enlace correspondiente para esto).  Si hay dos documentos diferentes, entonces para brindar acceso de un documento a otro, no es necesario combinarlos, basta con hacer un enlace a otro en un documento y todo se reducirá a un simple clic del mouse. .
En la pantalla, los enlaces aparecen como una línea o líneas de texto, resaltados en un color diferente y subrayados con una línea delgada.  Si mueve el cursor del mouse a esta parte del texto, se convertirá en una imagen del dedo índice, y luego de hacer clic en este lugar, será seguido por este enlace.


El atributo HREF apunta al nombre de la etiqueta en el documento actual.


Por supuesto, en este caso, es necesario designar una etiqueta en el documento para el que se establecerá el enlace.  El descriptor se utiliza para esto con atributo :

Esta es una etiqueta
En la pantalla, la etiqueta, a diferencia de los enlaces, no se destaca del resto del texto.


Si es necesario navegar a una etiqueta ubicada en otro documento, el ejemplo anterior cambiará ligeramente:

La URL puede ser relativa o absoluta.  Además, el enlace puede apuntar no solo a un documento, sino también a imágenes, binarios, archivos de sonido, etc.  El comportamiento del navegador al hacer clic en un enlace en particular depende de su configuración específica.  Entonces, si el enlace apunta a un documento, entonces se cargará, pero si es un archivo de audio o video, entonces se reproducirá.  Si es un archivo binario, el navegador ofrecerá sobrescribirlo en el disco local.
Incrustación de imágenes
El uso de imágenes le permite diseñar documentos web con colores, la combinación de texto y gráficos le da a cualquier página un aspecto agradable y claridad.
Para insertar ilustraciones en el documento, use el descriptor :

El atributo especifica el nombre del archivo de imagen.  El nombre del archivo puede apuntar a un archivo local o archivo remoto, para lo cual debe especificar la URL correspondiente.  El archivo puede ser una imagen estática en un formato gráfico que el navegador comprenda o una imagen dinámica en formato GIF89A.  En el último caso, el archivo se mostrará como una animación en la ventana del navegador.
El atributo ALT indica el texto que se mostrará en la ventana del navegador en lugar de la imagen, si, por ejemplo, el navegador del usuario no admite gráficos o la opción para cargar imágenes está deshabilitada.  Este atributo es opcional, pero se considera una buena práctica utilizarlo al escribir documentos web.
A menudo, al preparar páginas con gráficos, sucede que el tamaño de imagen deseado no coincide con el real.  Por ejemplo, debe colocar una imagen en un área determinada con un tamaño determinado.  Para hacer esto, necesita usar los atributos WIDTH y HEIGHT, que establecen las dimensiones requeridas de la imagen en ancho y alto, respectivamente.  Por ejemplo, si necesita colocar una imagen grande en un área de 100 píxeles de alto y 200 píxeles de ancho, debe escribir lo siguiente en el cuerpo del documento:

El orden de estos atributos puede ser arbitrario.
La abundancia de gráficos en el documento, por un lado, lo mejora. forma general, por otro lado, aumenta significativamente su tiempo de carga.  Para encontrar un compromiso entre la velocidad de carga de un documento y su visibilidad, los diseñadores de páginas web suelen recurrir a esta técnica: la imagen se coloca en la página en un formato más pequeño y la convierte en un enlace a sí misma.  Si hace clic en dicha imagen, el navegador la cargará y la mostrará en su tamaño original.  La imagen de referencia se describe en el documento de la siguiente manera:

Una oportunidad interesante es "envolver" la imagen con texto.  Esta es una forma muy popular de diseñar páginas web.  En este caso, la imagen en la pantalla está rodeada de texto, por ejemplo, a la izquierda y abajo.  "Envolver" el texto se logra mediante el atributo ALIGN, que tiene parámetros como:
IZQUIERDA: el texto cubrirá la imagen de izquierda a abajo.
DERECHA: el texto envuelve la imagen desde la parte inferior derecha
ARRIBA: la imagen está rodeada por texto en la parte superior derecha
INFERIOR: la imagen está rodeada por texto desde la parte inferior derecha
MEDIO: la imagen está rodeada de texto en el centro a la derecha
Por ejemplo, al compilar la página web que se muestra en la fig.  1, se utilizó la siguiente entrada en el cuerpo del documento, describiendo la imagen:

Las imágenes también se pueden utilizar como fondo de un documento.  El navegador mostrará todo el texto y todas las ilustraciones del documento sobre la imagen de fondo.  Las imágenes de fondo se pueden configurar de la siguiente manera:

Si el tamaño de la imagen no es lo suficientemente grande para llenar toda la ventana del navegador, este último simplemente multiplicará la imagen hasta que la ventana esté completamente llena.
Marcos
Una de las últimas innovaciones en la versión oficial del lenguaje HTML son los llamados marcos.  Cuando se utilizan marcos, la ventana del navegador se divide en varias subventanas, en cada una de las cuales puede mostrar cualquier documento web, desplazarse por ellos independientemente de otras ventanas.  Una estructura de marco bien pensada puede facilitar enormemente la navegación a través de documentos y mejorar la percepción de la información.  Un ejemplo es la versión electrónica de un libro o revista, cuando en una ventana puede seleccionar secciones - enlaces del contenido, y en la siguiente ventana puede ver información directamente relacionada con una sección específica del contenido.
Hay dos tipos de documentos con marco: documentos que contienen marcos y documentos simples.  Los documentos que contienen marcos definen la estructura del propio documento marco, es decir,  establecer datos sobre cómo se dividirá la ventana del navegador en subventanas.  Dichos documentos contienen enlaces a otros documentos.  Los documentos regulares son aquellos documentos que no contienen los datos que definen los marcos.
La estructura de un documento que contiene marcos generalmente se ve así:
Bóveda
Texto

Área de definición de fotogramas

Como puede ver en el ejemplo, la estructura de dicho documento es algo diferente de la estructura de un documento normal.  La presencia de descriptores y en lugar de y esto es lo que distingue a un documento enmarcado de uno normal.  Usando descriptores y es otro signo de buen estilo.  Entre ellos, configure el texto que se mostrará en una ventana del navegador que no admite marcos.
A continuación se muestra un ejemplo de un documento de encuadre:

¡Su navegador no admite marcos!




Descriptor describe la disposición vertical de los marcos u horizontal.  Ejemplo:

Este descriptor describe la disposición horizontal de los marcos.  Para la disposición vertical, la grabación cambia ligeramente

En la cadena de dimensiones, los elementos están separados por una coma y se pueden especificar de la siguiente manera:
value% - tamaño relativo del fotograma en porcentaje.  Por ejemplo: 10%, 40%, 50% - 10% del tamaño total de la ventana del navegador se asigna a la primera ventana, 40% a la segunda ventana y 50% a la tercera, respectivamente;
valor: el tamaño absoluto en píxeles.  Por ejemplo: 100.540: se asigna un área de 100 píxeles de ancho al primer fotograma y todo el espacio restante al segundo (para un modo de video de monitor de 640x480).
Usando descriptores solo se especifica la estructura del marco.  Para colocar datos en marcos, se utilizan descriptores que no tienen opción de cierre.  El número de estos descriptores debe corresponder necesariamente al número de tramas especificado anteriormente.  Cada descriptor indica la URL de algún documento que se mostrará en el marco correspondiente.  Esto se hace usando el atributo SRC = URL_DOCUMENT.  Al cargar un documento que contiene un marco, la ventana del navegador se dividirá en subventanas y luego los documentos se cargarán en ellas.  Se puede ver un ejemplo de uso de marcos en la Figura 1, que muestra una ventana del navegador dividida en dos marcos.
Cuando hace clic en un enlace en un documento normal, su contenido desaparece por completo de la pantalla y es reemplazado por el nuevo contenido de otro documento.  Al usar marcos, es posible, al activar enlaces, cambiar el contenido de la ventana en el marco actual, el contenido de la ventana de otro marco o la ventana completa del navegador.  Esto se hace usando la combinación del descriptor y el atributo TARGET (del inglés. objetivo- objetivo).  En general, el formato de este descriptor se ve así:

Texto del enlace de hipertexto
El parámetro TARGET_NAME es una palabra reservada que comienza con un guión bajo "_".  A continuación, se muestra una lista de los parámetros más comunes:

TARGET = _TOP: se actualiza el contenido de toda la ventana del navegador.
TARGET = _BLANK: el documento se abrirá en una nueva ventana del navegador.
A primera vista, podría parecer que el uso de los parámetros "_TOP" y "_BLANK" son equivalentes, ya que en ambos casos el contenido antiguo de la ventana es reemplazado por completo por el contenido de otro documento.  Sin embargo, en el primer caso, es posible volver a los contenidos anteriores de la ventana mediante el propio navegador (utilizando el botón ATRÁS de la barra de herramientas), y en el segundo caso, el método de volver a los contenidos de la El documento anterior se deja al creador de la página Web o al propio usuario.
3. Otros elementos del idioma
HTML
Junto a los elementos más populares del lenguaje HTML, están aquellos que, aunque no encuentran un uso generalizado, no obstante se utilizan para componer páginas en la WWW.
Si, al preparar una publicación (por ejemplo, preparar noticias electrónicas), es necesario poner una cita determinada en la página, entonces no se puede prescindir simplemente de indicar la prueba entre comillas: el navegador percibe las comillas como caracteres de control, y no se mostrarán en la pantalla.  En este caso, es necesario encerrar el texto-cita en descriptores especiales.  Solo en este caso, el navegador mostrará el texto entre comillas.
Además de las comillas, también existe un conjunto de caracteres que el navegador considera como caracteres de control y para mostrarlos en pantalla es necesario insertar comandos especiales en el cuerpo del documento.  A continuación se muestra una lista de comandos para los símbolos más comunes:
Anteriormente, se notó que el navegador ajusta automáticamente el texto si la línea no cabe en la pantalla.  Sin embargo, sucede que necesita generar el texto en una línea sin salirse.  Para hacer esto, coloque un solo descriptor delante de la línea de texto. , que es una extensión del lenguaje HTML de Netscape.  No importa qué tan larga sea la línea, el navegador la mostrará en su totalidad sin guiones.

Al navegar por la WWW en busca de páginas dedicadas a la música, a menudo puede encontrar documentos, después de descargar qué música comienza a reproducirse en el fondo del navegador.  Esta interesante característica, que, aunque tarda bastante en cargarse en conexiones lentas, confiere cierto atractivo a cualquier página de música.  Se implementa de esta manera:

Descriptor utilizado para trabajar con archivos de música, el atributo SRC indica el archivo que se va a cargar.  El atributo AUTOSTART le dice al navegador si reproducir el archivo dado después de descargarlo o no.  El atributo HIDDEN, como el atributo AUTOSTART, toma un valor booleano y le dice al navegador que los botones para controlar el proceso de reproducción del archivo no se pueden mostrar en la pantalla.  Si los dos últimos atributos son FALSOS, luego de cargar un archivo de música, el navegador mostrará los botones de control de reproducción y el usuario puede reproducir el archivo, detener la reproducción o reproducir el archivo en cualquier momento.
Las estructuras de datos, como las tablas, también se utilizan en las páginas web.  En ciertos casos, ayudan a organizar convenientemente algunos datos, por ejemplo, algún resumen de números, algunos cálculos, etc. En la pantalla, estas tablas se ven similares a nuestras tablas habituales en papel o en aplicaciones como Microsoft Excel.  Además de la presentación de datos tabulares, las tablas se pueden utilizar, por ejemplo, para la decoración: disposición arbitraria de imágenes y texto en la pantalla.  Los métodos para construir tablas debido a su tamaño y cierta complejidad no se presentan en este trabajo.
Aquellos que alguna vez han utilizado motores de búsqueda al navegar por la World Wide Web para encontrar información se han encontrado con los llamados formularios.  Estas son características específicas, aunque muy populares, del lenguaje HTML.  Los formularios son campos de entrada de texto, casillas de verificación, botones de opción, listas y otras formas de comunicación interactiva con el usuario.  Los datos ingresados ​​en los formularios se envían al servidor web para su procesamiento posterior, después de lo cual los resultados del procesamiento se envían de vuelta al usuario.  La redacción de documentos utilizando formularios es una señal de un diseñador profesional, ya que requiere, además de un buen conocimiento de HTML, la capacidad de trabajar con lenguajes de scripting, que es una parte integral del trabajo con formularios.  Los medios para describir formularios en documentos no se incluyen en este trabajo.
4. Medios alternativos de redacción de documentos web
HTML es el medio principal para organizar datos en la World Wide Web y no hay otros lenguajes que proporcionen una alternativa completa.  Por tanto, no es necesario hablar de cómo este idioma es superior a otros idiomas o dónde es inferior a ellos.  Aunque cabe señalar que HTML tiene sus propias limitaciones.
Recientemente, el popular lenguaje Java se ha utilizado cada vez más en el diseño de documentos web, lo que puede superar las limitaciones de HTML.  Junto con HTML, Java proporciona al usuario un diseño de documento que es difícil o imposible de implementar solo con HTML.  Esto, por ejemplo, la creación de animación tridimensional en la pantalla, la ejecución de applets (aplicaciones) en la máquina del usuario, enviados desde el servidor.  El lenguaje Java proporciona formas más flexibles y convenientes de comunicarse con los usuarios, por ejemplo, formularios de entrada de datos más avanzados.  Con la ayuda de este lenguaje, se pueden introducir algunas dinámicas en cualquier documento web, por ejemplo, hacer que las imágenes en la pantalla se reemplacen entre sí con una frecuencia y orden arbitrarios.  De esta manera, Java agrega más interactividad a los documentos.  Pero Java en sí mismo no le permite desarrollar páginas web tan rápido como puede con HTML, y se necesita mucho más tiempo para aprender.
En conclusión, la combinación de HTML y Java es una herramienta poderosa para crear documentos web coloridos y profesionales.

El artículo de hoy toca un tema muy relevante entre los programadores novatos y los diseñadores web, a saber, el tema de la elección de un editor HTML.  Habiendo presentado la lista completa de software especializado, es difícil tomar la mejor decisión en el acto: cada programa es exclusivo y tiene una serie de características, ventajas y desventajas.  Afortunadamente, entre un gran número de personas de las profesiones mencionadas, a lo largo de los años de su fructífero trabajo, se ha formado una "lista de trabajo" de los programas más óptimos para crear y editar documentos HTML y, en particular, sitios de Internet.  Este material está dedicado a revisar seis editores HTML.  Teniendo en cuenta el gran volumen del artículo resultante, no nos demoraremos en la introducción y nos pondremos manos a la obra de inmediato.
Entonces, el primer editor de HTML que nos cayó a los ojos fue Macromedia HomeSite.
Macromedia HomeSite es quizás una de las herramientas de edición de documentos HTML más comunes entre los usuarios que prefieren codificar las páginas a mano.  Al mismo tiempo, HomeSite le permite acelerar significativamente el proceso de creación y facilitar el trabajo del desarrollador.
Agrandar la imagen
El espacio de trabajo del programa se puede dividir condicionalmente en tres partes: la primera, la más grande: la ventana real con el contenido del documento, la segunda parte, ubicada a la izquierda, contiene de forma predeterminada una lista de documentos disponibles en el disco.  Y finalmente, en la parte superior, además del menú tradicional, se encuentran varios paneles con las funciones más utilizadas, cuya apariencia, sin embargo, se puede personalizar a tu gusto.
Macromedia HomeSite proporciona un práctico resaltado de sintaxis no solo para páginas HTML, sino también para PHP, Perl, ASP, MySQL y otras herramientas de desarrollo populares.  Este hecho atraerá a los usuarios experimentados que no se limitan a los medios del lenguaje de marcado de hipertexto y utilizan lenguajes de programación web más complejos.  Si no está satisfecho con el esquema de color actual del resaltado de sintaxis, entonces esto no es un problema: puede editar el existente o incluso crear su propio esquema para el registro de documentos.  HomeSite tiene un poderoso sistema de ayuda que contiene, además de describir las capacidades del programa, la especificación del lenguaje HTML, una referencia de etiqueta e incluye información sobre herramientas convenientes para el descriptor actual - para llamarlos, simplemente presione F2, y el usuario se muestra todo los posibles atributos de esta etiqueta.
Para acelerar el acceso a los grupos de etiquetas de uso frecuente, hay varios paneles en la esquina superior derecha, cuya apariencia y disposición también se pueden cambiar.
El panel está dividido en varias pestañas, cada una de las cuales contiene etiquetas relacionadas con un grupo.  Por ejemplo, la pestaña Fuentes contiene botones para aumentar rápidamente el tamaño de la fuente, cambiar su estilo, posición relativa a la línea y para insertar tres niveles de encabezados.
Una forma alternativa de ingresar manualmente todos los atributos de una etiqueta es el llamado Editor de etiquetas, un editor de etiquetas con el que puede facilitar enormemente el proceso de asignación de valores a varios atributos.
Por separado, vale la pena señalar las herramientas para crear y configurar tablas y marcos: Asistente para tablas y Asistente para marcos, que facilitan mucho la vida de un desarrollador al crear tablas y marcos de una estructura compleja.
¡Imagínense cuánto tiempo llevaría crear una mesa así a mano!
Cabe señalar que Homesite contiene un corrector ortográfico integrado que verifica no solo la corrección de los descriptores utilizados, sino también la corrección del texto en sí, así como un editor de archivos CSS: hojas de estilo en cascada llamadas TopStyle.
Puede utilizar atajos de teclado para acelerar la creación de documentos: HomeSite ofrece un campo amplio para los amantes del teclado.  Por ejemplo, la etiqueta 
corresponde a la combinación de teclas Ctrl + Break.  Sin embargo, el usuario es libre de asignar un atajo de teclado conveniente a casi cualquier comando.
Pros.  Las ventajas del programa incluyen funcionalidad, versatilidad, soporte para varios lenguajes de programación, una interfaz intuitiva, amplias oportunidades y un poderoso sistema de ayuda.  Desventajas.  Falta de soporte para el idioma ruso, alto precio, necesita al menos un conocimiento superficial de HTML para crear páginas, alto precio del programa.
Puede descargar la última versión de Macromedia HomeSite aquí.
El programa SiteEdit fue creado por la empresa rusa EdgeStile y los desarrolladores lo posicionan como un sistema de gestión de contenido.  A diferencia de HomeSite, SiteEdit pertenece a las llamadas herramientas de desarrollo visual - editores WYSIWYG (de las letras mayúsculas de la expresión Lo que ves es lo que obtienes - "lo que ves es lo que obtienes").
Después del primer lanzamiento del programa, aparece una plantilla de sitio web lista para usar.
La estructura de todo el sitio se presenta en forma de varias páginas que contienen varias secciones.  Una sección, a su vez, puede contener varios registros u objetos.  Al cambiar al modo de edición (F9 por defecto), tenemos la oportunidad de editar secciones existentes y agregar nuevas, cambiar el texto de un registro existente o agregar un nuevo registro.
Después de hacer clic en el botón "Cambiar sección", aparece una nueva ventana, en la que puede realizar esta sencilla operación:
Además de la edición directa del texto, el usuario tiene acceso a botones para cambiar el estilo de fuente, insertar una imagen, la fecha actual, agregar una tabla, insertar un hipervínculo, formar una lista numerada o con viñetas, todo con un simple clic del mouse .  Para aquellos familiarizados con HTML, puede ir más allá de las funciones anteriores y simplemente escribir el código que necesita a mano.  Dado que no hay lujos como el resaltado de sintaxis en la ventana de edición, puede llamar al editor externo haciendo clic en el botón HTML, en el que puede realizar todos los cambios necesarios.
El programa ofrece varias plantillas de diseño: libro, galeon, kafe, palm_skin, stroitel, gracias a las cuales puede cambiar significativamente el aspecto de todo el sitio en su conjunto.
Todos los elementos de la página son editables.  Para un cambio de diseño más radical, existe un editor de diseño que brinda las más amplias posibilidades para cambiar todos los elementos presentes en la página.


agrandar la imagen
En el lado izquierdo hay una lista de elementos, a la derecha, su vista en la página, desde la parte inferior hay ventanas para cambiar los valores de los atributos de uno u otro descriptor.  Por ejemplo, los siguientes atributos están disponibles para la etiqueta Fuente: color, tamaño, grosor, estilo, inclinación, subrayado, espaciado.  A los principiantes les gustará la forma de completar las ventanas; no es necesario que escriba nada manualmente, simplemente seleccione el elemento deseado de la lista desplegable.  La elección del color tampoco es difícil: hay una paleta disponible para el usuario, solo necesita decidir el tono que le gusta y, listo, su código hexadecimal ya está indicado en el campo correspondiente.
El programa incluye una plantilla lista para usar que imita el sitio de una empresa de construcción, que se puede ajustar fácilmente para satisfacer sus necesidades.
Es curioso que es imposible guardar directamente el código de la página desde el programa, para ello es necesario seleccionar el ítem "Ver página en el navegador", y solo desde el navegador se puede guardar la página como un archivo html.  Este enfoque, aparentemente, se debe a que en las versiones Standard y Business del programa SiteEdit existe la posibilidad de cargar el proyecto completo inmediatamente al hosting, sin embargo, en la versión gratuita de Start, esta oportunidad, lamentablemente, es ausente.  De ahí las inconsistencias similares.
Pros.  Interfaz simple: prácticamente no se requieren conocimientos de HTML, funcionalidad, poco peso del kit de distribución, idioma de interfaz ruso, versión de inicio gratuita.
Desventajas.  Incapacidad para guardar archivos directamente desde el programa, errores de ortografía.
SiteEdit es perfecto para crear páginas personales y proyectos web sencillos para principiantes e incluso para aquellos que no están familiarizados con HTML.
SiteEdit se lanza en tres versiones principales: Start, Standard, Business y dos adicionales -Partner.  Puede descargar la versión inicial de SiteEdit desde aquí.
Otro programa Freeware que entró en nuestra revisión es HTML Source.  Lo primero que me llamó la atención fue el tamaño pequeño del kit de distribución del programa: ¡solo 1,5 MB!  Esto generó cierto escepticismo sobre la funcionalidad del programa y sus capacidades.  Sin embargo, nos sorprendió gratamente.


agrandar la imagen
La interfaz del programa se parece a la de HomeSite, pero las herramientas y capacidades, por supuesto, son mucho menores.  En el lado izquierdo hay una ventana del explorador en la que puede seleccionar los archivos que necesita abrir.  En el centro, la misma ventana para editar documentos web.  En el lado derecho hay una paleta y funciona en un modo muy conveniente.  Cuando pasa el cursor del mouse sobre una u otra parte de la paleta, el componente de cada color en la paleta RGB se muestra inmediatamente, y justo debajo del color en sí.  Además, al hacer clic en el área deseada, se inserta inmediatamente un código de color hexadecimal en el documento.  Muy conveniente.
En la parte superior del área de trabajo del programa hay una barra de herramientas normal, que contiene botones para crear un nuevo documento, abrir archivos existentes, imprimir un archivo, revisar la ortografía y otras acciones comunes.  Todos los íconos están hechos con un buen estilo, pero lo único decepcionante es la ausencia de información sobre herramientas cuando pasas el cursor sobre uno u otro ícono de acción.  Es de destacar que el propio programa determina qué navegadores están instalados en el sistema, y ​​la barra de herramientas contiene iconos para ver el documento en los navegadores del usuario.  En mi caso, además del estándar Internet Explorer, también se instalaron Opera y Mozilla FireFox, lo cual fue demostrado por el programa.
Ahora vayamos directamente a la descripción de las capacidades del programa.  HTML Source, como su nombre lo indica, está destinado únicamente a facilitar el trabajo del codificador y no a reemplazarlo por completo.  El programa carece de la capacidad de diseñar páginas visualmente, es decir,  para aquellos que no están familiarizados con los conceptos básicos del lenguaje de marcado de hipertexto, este producto no funcionará.  Sin embargo, para aquellos que prefieren desarrollar sus documentos web a mano, HTML Source tiene un buen conjunto de herramientas para acelerar el proceso de codificación.
HTML Source ofrece resaltado de sintaxis para archivos HTML, sin embargo, en mi opinión, la implementación de esta función en el programa es algo inferior a la de HomeSite.  Primero, la parte de estilo del código no se ha resaltado en absoluto.  Y en segundo lugar, no existe la posibilidad de auto-personalización del esquema de color, que estaba presente en el mismo HomeSite.
En el menú "Insertar", el usuario tiene la capacidad de insertar fechas, caracteres HTML especiales, imágenes y una amplia gama de emoticonos.  Una decisión muy original de los desarrolladores que han incluido una característica tan inusual en su programa.  A los fanáticos de la comunicación virtual les debería gustar esto.
El menú "Etiquetas" contiene los principales grupos de descriptores HTML.
De mayor interés es el contenido del menú "Herramientas", que contiene todas las herramientas de esta herramienta de software.  Echemos un vistazo más de cerca a su contenido.
El elemento "Convertir caso" le permite cambiar el caso de las letras, es decir,  o invertirlo o llevarlo a uno definido.  El siguiente elemento "Convertir página de código" le permite cambiar rápidamente la codificación de toda la página.  Entre los puntos restantes, es necesario tener en cuenta el corrector ortográfico incorporado y una herramienta para optimizar el código HTML llamada Tidy, que trae el tipo de documento de acuerdo con los requisitos de la organización W3C, que desarrolla estándares para el marcado de hipertexto. idioma.
Cabe destacar el avanzado sistema de ayuda del programa HTML Source, que incluye una descripción completa de las características del programa, así como la especificación del lenguaje HTML, incluido CSS.
Ventajas: tamaño compacto del kit de distribución, características originales, sistema de ayuda avanzado.
Contras: Falta de oportunidades para el desarrollo visual de documentos, opciones modestas para personalizar el programa, falta de rusificación.
Por lo tanto, HTML Source atraerá a los desarrolladores experimentados, no solo como una herramienta de desarrollo, sino también como una herramienta de referencia.  Puede descargar HTML Source aquí
El siguiente programa de nuestra revisión fue Magic HTML Studio, desarrollado por AG FreeSoft.  Después de lanzar el programa, vimos una imagen inusual: el diseño de Magic HTML Studio era demasiado inusual.
A alguien le puede gustar una interfaz de este tipo, pero, en mi opinión, no es una muy buena solución para un programa de este tipo.  También le molestó la falta de resaltado de sintaxis en el documento.  Bueno, de acuerdo, dejemos todas las afirmaciones de diseño y veamos cómo le está yendo a Magic HTML Studio con el componente funcional.
¡Y aquí todo está al más alto nivel!  Solo son herramientas como Java Constructor y CQI QuickBuilder.  Pero lo primero es lo primero.
En el lado izquierdo hay botones para formatear texto rápidamente, cambiando el tipo de ortografía y la posición del texto en la página.  También se proporcionan iconos para insertar títulos de varios niveles en el documento.  En el lado derecho, el usuario puede acceder a botones para insertar texto de cierto color, pero el espacio se usa de manera muy irracional: se selecciona un botón separado para cada color, aunque sería más conveniente usar una paleta regular, por ejemplo, como en el programa HTML Source.
Ahora pasemos a las herramientas y herramientas que son exclusivas de Magic HTML Studio.  Java Constructor es una herramienta poderosa pero simple para crear scripts en JavaScript, y para esto el usuario no necesita ningún conocimiento de este lenguaje de programación.  Con el constructor, puede insertar un calendario o reloj en su página, hacer un menú dinámico o desplegable, crear un banner simple que consta de varias imágenes y algunos otros elementos dinámicos útiles.


agrandar la imagen
El constructor crea automáticamente el script necesario y solo necesita insertarlo en el lugar correcto en el documento.
El programa también incluye un generador de scripts CGI, con el que puede crear una conferencia, libro de visitas o chat con un solo clic, después de configurar los parámetros del script.
Desafortunadamente, no tuvimos la oportunidad de probar esta herramienta en la práctica; para ello, fue necesario cargar archivos en un servidor con soporte para scripts CGI.  Pasemos a otras características del programa.  Entonces, usando el menú Opciones, puede realizar las operaciones de agregar un script de carga Flash, llamar al editor de elementos, así como cambiar la fuente y agregar un formulario.
También es necesario tener en cuenta un buen sistema de ayuda en ruso, que contiene una descripción de todas las características principales del programa.
Ventajas: constructores avanzados de scripts JavaScript y CGI, amplias oportunidades para agregar elementos dinámicos, sistema de ayuda en ruso.
Contras: diseño no del todo exitoso, falta de resaltado de sintaxis, falta de herramientas de desarrollo visual.
Microsoft FrontPage, incluido en el paquete de Microsoft Office, es un editor WYSIWYG clásico que, sin embargo, tiene la capacidad de editar el código manualmente.
La interfaz del programa es similar en muchos aspectos a la de Microsoft Word, lo que no es nada sorprendente: la unificación de la apariencia ayudará a los principiantes a dominar rápidamente las funciones básicas de FrontPage.
El programa tiene tres modos de trabajar con un documento: Normal, HTML y Vista previa.  En el modo Normal, una página web es un archivo de texto sin formato con la capacidad de editar todo, desde texto hasta imágenes.


agrandar la imagen
El modo HTML le permite ver el código de la página y, en consecuencia, editarlo.  En este modo, FrontPage proporciona resaltado de sintaxis, pero bastante mediocre: los descriptores están resaltados en azul, todo lo demás está en negro.
Finalmente, en el modo Vista previa, puede ver cómo se verá su página en la ventana del navegador.
FrontPage, gracias a su estrecha integración con otros productos de Microsoft, le permite insertar varios tipos de objetos en un documento Web, desde imágenes y gráficos hasta hojas de Microsoft Excel.
Por supuesto, FrontPage tiene un diseñador de tablas que facilita mucho la creación de tablas.
Una de las principales ventajas del programa es la gran cantidad de plantillas disponibles que permiten al usuario no devanarse la cabeza por el diseño de su proyecto.
Una vez elegida la plantilla requerida, puede proceder directamente a llenar la página con contenido.  Aquí es donde entra la belleza de FrontPage: el proceso de crear una página HTML no es diferente de crear un documento de texto normal en Microsoft Word.  El usuario tiene acceso a las mismas herramientas para editar texto, cambiar su formato, crear y editar tablas, insertar varios objetos e imágenes.  El programa le permite crear fácilmente listas con viñetas, numeradas y de varios niveles, ¡y todo esto sin conocer el lenguaje HTML!
FrontPage divide el área de trabajo en varios bloques que contienen ciertos elementos de la página: imágenes, texto, encabezados, etc.  Para cada bloque, puede asignar sus propios parámetros de formato y su posición relativa a la página.
También hay una desventaja de la moneda: la complejidad y la incomodidad del código resultante, que naturalmente afecta el tamaño final del documento.  También será muy difícil en el futuro realizar cambios en dicho documento.  Pero esto es más bien una deficiencia no de un producto específico, sino de casi todos los editores WYSIWYG.
Ventajas: una interfaz familiar para los productos de MS Office, un buen conjunto de plantillas, integración con otros programas de la suite de MS Office.
Contras: un pequeño conjunto de herramientas de desarrollo, la imposibilidad de una compra por separado del programa.  Microsoft FrontPage funcionará bien como editor HTML por primera vez, pero a medida que crezcan las necesidades del usuario, es posible que sus capacidades no sean suficientes.
Y finalmente, el último programa de nuestra revisión de Macromedia Dreamweaver MX 2004. El tamaño del kit de distribución (62 MB) le permite esperar mucho de este editor HTML.  De hecho, las capacidades de Macromedia Dreamweaver MX 2004 son impresionantes.  Después de la instalación, se le pide al usuario que elija la apariencia del programa, que difiere según el enfoque para crear documentos web.  Si selecciona "Código", la interfaz del programa se ajustará a las necesidades del codificador, y si selecciona "Diseño", en consecuencia, el diseñador.  Sin embargo, siempre es posible cambiar entre estos dos modos, y también está disponible un tercer modo combinado: el área de trabajo del programa se divide en dos partes.


agrandar la imagen
En el lado derecho hay otro menú de varios niveles, que, en particular, contiene elementos para mostrar ayuda sobre el descriptor actual, una lista de imágenes utilizadas, explorador y algunos otros elementos.
Los menús contextuales proporcionan ayuda adicional al desarrollador, en los que se duplican las funciones principales llamadas desde el menú principal.  Por ejemplo, trabajando en modo visual haciendo clic derecho sobre cualquier elemento, podemos cambiar la fuente utilizada, su estilo, color y otros atributos, y también es posible cambiar los atributos de la etiqueta utilizada.
Las principales características del programa radican precisamente en el uso del modo visual.  Los iconos de la barra de herramientas se encargan de las acciones más habituales: añadir un hipervínculo, insertar una imagen, construir una tabla, añadir la fecha actual, etc.
Para los usuarios familiarizados con las capacidades del lenguaje HTML, podemos recomendar el uso de una herramienta llamada Tag Chooser, con la que puede insertar no solo cualquier etiqueta HTML, sino también expresiones y operadores básicos de lenguajes de programación como JavaScript, ASP.Net , PHP, WML y ColdFusion.  Todo esto abre nuevos horizontes para el uso de la herramienta de software al desarrollar varios proyectos complejos utilizando lenguajes de programación del lado del servidor.
La conveniencia del modo combinado es que todos los cambios realizados se muestran en ambas ventanas a la vez.  Es decir, después de realizar cambios en el código del documento, inmediatamente ve el resultado en la ventana adyacente y, a la inversa, cuando selecciona un elemento, se muestra el código correspondiente.
Cuando se trabaja en el modo "Código", el espacio de trabajo del programa se parece al de HomeSite: parece que los productos tienen un creador, pero la funcionalidad de Dreamweaver es aún mayor.  Que solo hay un diseñador de tablas, lo que proporciona al desarrollador una flexibilidad sin precedentes a la hora de crear tablas.  Además, al crear una tabla, el programa ofrece utilizar una de las plantillas de diseño, de las cuales hay varias docenas, y cuando seleccionas una plantilla específica, puedes ajustarla inmediatamente a tus necesidades corrigiendo algunos de sus atributos.  Después de crear una tabla y llenarla con contenido, estará disponible la clasificación de la tabla por cualquier columna.  Y todo esto se hace en modo visual, mientras que el código en sí, por supuesto, cambia automáticamente.
Macromedia Dreamweaver MX 2004 se puede utilizar junto con otros productos de la empresa: Macromedia Fireworks, Flash, etc.
Si la elección de un usuario que prefiere crear documentos en modo visual es casi obvia, entonces el "codificador" se enfrenta a una difícil tarea al elegir entre dos productos de Macromedia: ¿HomeSite o Dreamweaver MX 2004?  Se puede notar que las capacidades de Dreamweaver MX 2004 serán superfluas para el codificador, pero con una gran cantidad de trabajo rutinario, puede usar completamente el modo visual; si el programa lo ofrece, ¿por qué no probarlo?  Los usuarios de HomeSite se ven privados de esta oportunidad, pero el programa les ofrece todo el conjunto de herramientas necesario para el cómodo desarrollo de documentos web de diversa complejidad.
Por lo tanto, todos son libres de elegir el producto que necesitan por su cuenta, teniendo en cuenta los objetivos y los conocimientos existentes.  Por supuesto, el precio también es un problema: ambos productos de Macromedia se distribuyen como Shareware, pero se pueden utilizar de forma gratuita durante un período de prueba de 30 días.  Este tiempo es suficiente para tomar una decisión.
Ventajas: un gran conjunto de herramientas para el desarrollo visual de documentos, una interfaz intuitiva, la capacidad de trabajar en modo codificador, un conjunto de plantillas listas para usar.
Contras: gran volumen del kit de distribución, alto precio del producto.



                    
                
            
            




        
    


    

        

            La descarga comenzará ahora ...
            
No olvides compartir material 
en las redes sociales con tu 
colegas
        

            

        
    
    

        
    

    

        

            
        
    










    



    
    
    

        

            
Recuperación de contraseña 

                    
                
            

            

                

                    
¡Ingrese su correo electrónico para recuperar su contraseña!
                    

                        
                    
                    
                
            
            


        
    
    




























Apellido
días de la semana
lunes
martes
miércoles
jueves
viernes
Ivanov
6
0
0
0
0
Petrov
0
6
0
0
0
Sidorov
0
0
6
0
0
Sergeev
0
0
0
6
0
Vasiliev
0
0
0
0
6