SlideShare a Scribd company logo
1 of 66
Desarrollo de Aplicaciones Web




Desarrollo de Aplicaciones Web

                        Integrantes del equipo:
                         Iván Calderón Torres
                     Ana Lizbeth Xochipa Justo
                      Felipe Hernandez Juarez
                     Miguel Angel Nieto Marcos
                       Rolando Garcia Maceda
                       Grado: 9      Grupo: “B”




      1        Nombre del docente: Lic.Manuel Méndez Montero
Desarrollo de Aplicaciones Web



Sitios Web utilizados para efectuar la validación



http://validator.w3.org



http://jigsaw.w3.org/css-validator/




Pantalla Home
     2
Desarrollo de Aplicaciones Web




Validación conMarkup Validation Service




    3
Desarrollo de Aplicaciones Web

Validation Output: 8 Errors


   1.       Line 111, Column 18: character "<" is the first character of a delimiter but
        occurred as data

        if (screen.width < 800)//si la pantalla es menor de 800px entonces se mostrara …

        ✉

        This message may appear in several cases:

            o     You tried to include the "<" character in your page: you should escape it as
                  "&lt;"
            o     You used an unescaped ampersand "&": this may be valid in some
                  contexts, but it is recommended to use "&amp;", which is always safe.
            o     Another possibility is that you forgot to close quotes in a previous tag.

   2.           Line 132, Column 13: ID "layer1" already defined

                                <div id="layer1" style="left: 895px; top: 47px; width: 183px;
        height: 140px;…

        ✉

        Un"id"es      un    identificador  único.   Cadavez    que    se     utilizaeste
        atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando
        esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado
        utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para
        identificarexactamente un elemento)..


   3.           Line 125, Column 14: ID "layer1" first defined here

                                         <div id="layer1" style="left: -75px; top: 40px; width:
        1426px; height: 154p…


   4.           Line 135, Column 249: required attribute "alt" not specified

        …t: 94px;" width="50" class="style23" /></a><a href="index_ingles.html" class="…

        ✉




        4
Desarrollo de Aplicaciones Web

       El atributodado anteriormentees necesario paraun elementoque se ha utilizado,
       pero se hanomitido.Por ejemplo, enla mayoría de lostipos de documentosHTMLy
       XHTMLelatributo "type"es necesario en el"guión"del elemento y elatributo

       "alt"es necesaria para el"img"elemento.Typical values for type are type="text/css"
       for <style> and type="text/javascript" for <script>.


  5.        Line 135, Column 409: required attribute "alt" not specified

       …: 94px; " width="50" class="style23" /></a></span><span class="style34"><br
       cl…

       ✉

       El atributodado anteriormentees necesario paraun elementoque se ha utilizado,
       pero se hanomitido.Por ejemplo, enla mayoría de lostipos de documentosHTMLy
       XHTMLelatributo "type"es necesario en el"guión"del elemento y elatributo "alt"es
       necesaria para el"img"elemento.

       Typical values for type are type="text/css" for <style> and type="text/javascript" for
       <script>.


  6.        Line 138, Column 13: ID "layer1" already defined

                             <div id="layer1" style="left: 477px; top: 45px; width: 444px;
       height: 132px;…

       ✉

       Un"id"es      un    identificador  único.   Cadavez    que    se     utilizaeste
       atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando
       esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado
       utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para
       identificarexactamente un elemento).


  7.        Line 125, Column 14: ID "layer1" first defined here

                                      <div id="layer1" style="left: -75px; top: 40px; width:
       1426px; height: 154p…




       5
Desarrollo de Aplicaciones Web



  8.         Line 162, Column 32: ID "button3" already defined

                              Promociones</a></li><li id="button3">

        ✉

        Un"id"es      un    identificador  único.   Cadavez    que    se     utilizaeste
        atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando
        esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado
        utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para
        identificarexactamente un elemento).


  9.         Line 161, Column 12: ID "button3" first defined here

                              <li   id="button3"><a   href="Promocion.html"    style="width:
        118px">


  10.        Line 212, Column 14: there is no attribute "align"

        <div align="l0eft">

        ✉

        Usted ha usadoel atributomencionado anteriormenteen el documento,pero eltipo
        de documentoque está utilizando noes compatible conese atributode este
        elemento.Esteerror generalmente es causadopor un uso incorrectodel tipo"estricta"
        del documentocon un documentoque utiliza marcos(por ejemplo,debe utilizar
        la"transición" tipo de documentopara obtener elatributo "target"), o mediante el uso
        deextensiones de proveedorde propiedad, tales como "marginheight"(esto
        generalmente se fijamediante el uso deCSS paralograr el efecto deseadoen su
        lugar).

        Este errortambién puede producirse siel elemento en síno es compatible conel tipo
        de documentoque está utilizando,como un elementodefinido,no tienenatributos
        soportados, en este caso, vea el elemento no definidomensaje de errorpara
        obtener más información.

        Cómo       solucionarlo:revisar   la    ortografíay     el    casodel  elemento
        yatributo,(RecuerdeXHTML estodo en minúsculas) y / o comprobar queambos
        estánpermitidos enel tipo de documentoseleccionado, y / o utilizarCSS en lugar
        delo atribuyen. Si ha recibidoeste errorcuando se utilizael elemento<embed>para
        incorporarlos medios de comunicaciónde flashen una página Web, vea el
        artículode preguntas frecuentes enFlashválida.




       6
Desarrollo de Aplicaciones Web



        11 .    Line 214, Column 36: document type does not allow element "p" here;
           missing one of "object", "ins", "del", "map", "button" start-tag

         <a    href="Apartar_boletos.php"><p><span              class="Estilo3">CONSULTA
        HORARIOS Y A…

        ✉

        El elementomencionadono se le permiteaparecer en elcontexto en el quelo
        haspuesto, y los demás elementos mencionadosson los únicosque
        estánpermitidostantoallí ypuede contenerel elementomencionado. Esto podría
        significar quese necesita unelemento contenedor, o, posiblemente,de quete has
        olvidado decerrar unelemento anterior.

        Una posible causapara este mensajees que sehan tratado deponer unelemento en
        bloque(por ejemplo,"<p>" o "<table>") dentro de un elemento en línea(por
        ejemplo,"<a>", "<span>", o"<font>").


  11.        Line 291, Column 10: ID "layer1" already defined

        <div id="layer1" style="left: 419px; top: 506px; width: 276px; height: 35px;" c…

        ✉

        Un"id"es      un    identificador  único.   Cadavez    que    se     utilizaeste
        atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando
        esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado
        utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para
        identificarexactamente un elemento).


  12.        Line 125, Column 14: ID "layer1" first defined here

                                      <div id="layer1" style="left: -75px; top: 40px; width:
        1426px; height: 154p…




    7
Desarrollo de Aplicaciones Web

El Servicio de Validación de CSS del W3C

Resultados del Validador CSS del W3C para index.html (CSS versión 3)

Disculpas! Hemos encontrado las siguientes errores (10)

URI : index.html
-1 Archivo no encontrado: import file://localhost/res/styles.css: Operation not permitted


URI : index.html
-1 Archivo no encontrado: import file://localhost/res/template.css: Operation not permitted


URI : index.html
-1 Archivo no encontrado: import file://localhost/res/print.css: Operation not permitted


URI : index.html
-1 Archivo no encontrado: import file://localhost/res/home.css: Operation not permitted


URI : index.html
-1 Archivo no encontrado: import file://localhost/res/handheld.css: Operation not permitted


URI : index.html
- Archivo no encontrado: import file://localhost/res/accessibility.css: Operation not
1 permitted


URI : index.html
-1 Archivo no encontrado: import file://localhost/styles.css: Operation not permitted


URI : index.html
20            Error de análisis sintáctico [ --> .style7]

38            Error de análisis sintáctico [| .Estilo1]

              Propiedad no válida : margin-top Únicamente 0 puede ser un length. Debe
90 .style30
              especificarse una unidad detrás de la cifra : 9




     8
Desarrollo de Aplicaciones Web

Información de CSS válida


.nuevoEstilo1 {

position : relative;

}

.nuevoEstilo2 {

position : relative;

}

.nuevoEstilo3 {

position : relative;

}

.Estilo2 {

font-size : 16px;

}

.Estilo3 {

font-size : 18px;

}

.style18 {

text-align : center;

}

.style20 {

margin-top : 0;

}

.nuevoEstilo4 {

background-image : url('IDIOMA/mexico.jpg');

background-repeat : no-repeat;

background-attachment : inherit;

      9
Desarrollo de Aplicaciones Web

background-position : bottom center;

}

.nuevoEstilo5 {

background-image : url('IDIOMA/eu.jpg');

background-repeat : no-repeat;

background-attachment : inherit;

background-position : center center;

}

.style22 {

margin-top : 112px;

}

.style23 {

border-width : 0;

color : #ffffff;

}

.style24 {

font-size : xx-large;

}

.style25 {

font-size : large;

}

.style26 {

margin-top : 0;

margin-left : 0;

}

.style27 {


     10
Desarrollo de Aplicaciones Web

font-size : x-large;

}

.style28 {

font-size : medium;

}

.style29 {

font-size : xx-small;

}

.style32 {

margin-left : 0;

}

.style33 {

font-family : Arial, Helvetica, sans-serif;

color : #000000;

font-size : 13px;

}

.style34 {

font-size : small;

color : #ffffff;

}

.style35 {

font-size : small;

color : #ffffff;

}




     11
Desarrollo de Aplicaciones Web

Pantalla ¿QuienesSomos?




Validación conMarkup Validation Service




   12
Desarrollo de Aplicaciones Web

Validation Output: 11 Errors


   1.        Line 136, Column 13: ID "layer1" already defined

                             <div id="layer1" style="left: 895px; top: 47px; width: 183px;
        height: 140px;…

        ✉

        Un"id"es      un    identificador  único.   Cadavez    que    se     utilizaeste
        atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando
        esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado
        utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para
        identificarexactamente un elemento).


   2.        Line 129, Column 14: ID "layer1" first defined here

                                       <div id="layer1" style="left: -75px; top: 40px; width:
        1426px; height: 154p…


   3.        Line 139, Column 249: required attribute "alt" not specified

        …t: 94px;" width="50" class="style23" /></a><a href="index_ingles.html" class="…

        ✉

        El atributodado anteriormentees necesario paraun elementoque se ha utilizado,
        pero se hanomitido.Por ejemplo, enla mayoría de lostipos de documentosHTMLy
        XHTMLelatributo "type"es necesario en el"guión"del elemento y elatributo "alt"es
        necesaria para el"img"elemento.

        Typical values for type are type="text/css" for <style> and type="text/javascript" for
        <script>.


   4.        Line 139, Column 409: required attribute "alt" not specified

        …: 94px; " width="50" class="style23" /></a></span><span class="style34"><br
        cl…

        ✉




   13
Desarrollo de Aplicaciones Web

       El atributodado anteriormentees necesario paraun elementoque se ha utilizado,
       pero se hanomitido.Por ejemplo, enla mayoría de lostipos de documentosHTMLy
       XHTMLelatributo "type"es necesario en el"guión"del elemento y elatributo "alt"es
       necesaria para el"img"elemento

       Typical values for type are type="text/css" for <style> and type="text/javascript" for
       <script>.


  5.        Line 142, Column 13: ID "layer1" already defined

                            <div id="layer1" style="left: 477px; top: 45px; width: 444px;
       height: 132px;…

       ✉

       Un"id"es      un    identificador  único.   Cadavez    que    se     utilizaeste
       atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando
       esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado
       utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para
       identificarexactamente un elemento).


  6.        Line 129, Column 14: ID "layer1" first defined here

                                      <div id="layer1" style="left: -75px; top: 40px; width:
       1426px; height: 154p…


  7.        Line 164, Column 32: ID "button3" already defined

                            Promociones</a></li><li id="button3">

       ✉

       Un "id" es un identificador único. Cada vez que se utiliza este atributo en un
       documento que debe tener un valor diferente. Si usted está usando este atributo
       como un gancho para las hojas de estilo puede ser más apropiado utilizar las
       clases (que los elementos del grupo) que en ID (que se utilizan para identificar
       exactamente un elemento).


  8.        Line 163, Column 12: ID "button3" first defined here

                            <li   id="button3"><a    href="Promocion.html"     style="width:
       118px">




   14
Desarrollo de Aplicaciones Web



  9.         Line 211, Column 35: document type does not allow element "table" here;
        missing one of "object", "ins", "del", "map", "button" start-tag

                            <table style="width: 92%">

        ✉

        El elementomencionadono se le permiteaparecer en elcontexto en el quelo
        haspuesto, y los demás elementos mencionadosson los únicosque
        estánpermitidostantoallí ypuede contenerel elementomencionado. Esto podría
        significar quese necesita unelemento contenedor, o, posiblemente,de quete has
        olvidado decerrar unelemento anterior.

        Una posible causapara este mensajees que sehan tratado deponer unelemento en
        bloque(por ejemplo,"<p>" o "<table>") dentro de un elemento en línea(por
        ejemplo,"<a>", "<span>", o"<font>").


  10.       Line 234, Column 10: ID "imPage" already defined

        <div id="imPage" class="style38" style="left: 650px; top: -237px; height: 225px…

        ✉

        Un"id"es      un    identificador  único.   Cadavez    que    se     utilizaeste
        atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando
        esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado
        utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para
        identificarexactamente un elemento).


  11.       Line 180, Column 10: ID "imPage" first defined here

        <div id="imPage" style="left: 64px; top: 32px; width: 1086px">


  12.       Line 236, Column 10: ID "imCel2_010" already defined

        <div id="imCel2_010" style="left: -275px; top: -198px; width: 514px; height: 34…

        ✉

        Un"id"es      un    identificador  único.   Cadavez    que    se     utilizaeste
        atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando
        esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado
        utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para
        identificarexactamente un elemento).


   15
Desarrollo de Aplicaciones Web



  13.        Line 182, Column 10: ID "imCel2_010" first defined here

        <div id="imCel2_010" style="left: 5px; top: 18px; width: 475px; height: 419px; …


  14.        Line 239, Column 10: ID "right" already defined

        <div id="right" class="style36" style="width: 352px; height: 355px;">

        ✉

        Un"id"es      un    identificador  único.   Cadavez    que    se     utilizaeste
        atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando
        esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado
        utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para
        identificarexactamente un elemento)


  15.        Line 185, Column 10: ID "right" first defined here

        <div id="right" class="style36" style="width: 489px">


  16.        Line 243, Column 33: document type does not allow element "table" here;
        missing one of "object", "ins", "del", "map", "button" start-tag

                                                          <table style="width: 100%">

        ✉

        El elementomencionadono se le permiteaparecer en elcontexto en el quelo
        haspuesto, y los demás elementos mencionadosson los únicosque
        estánpermitidostantoallí ypuede contenerel elementomencionado. Esto podría
        significar quese necesita unelemento contenedor, o, posiblemente,de quete has
        olvidado decerrar unelemento anterior.

        Una posible causapara este mensajees que sehan tratado deponer unelemento en
        bloque(por ejemplo,"<p>" o "<table>") dentro de un elemento en línea(por
        ejemplo,"<a>", "<span>", o"<font>").




   16
Desarrollo de Aplicaciones Web



   17.        Line 280, Column 10: ID "layer1" already defined

         <div id="layer1" style="left: 503px; top: 825px; width: 276px; height: 35px;" c…

         ✉

         Un"id"es      un    identificador  único.   Cadavez    que    se     utilizaeste
         atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando
         esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado
         utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para
         identificarexactamente un elemento).


   18.        Line 129, Column 14: ID "layer1" first defined here

                                       <div id="layer1" style="left: -75px; top: 40px; width:
         1426px; height: 154p…

El Servicio de Validación de CSS del W3C

Resultados del Validador CSS del W3C para ��Quienes Somos.html (CSS versión
3)

Disculpas! Hemos encontrado las siguientes errores (59)

URI : ��Quienes Somos.html
-1 Archivo no encontrado: import file://localhost/res/styles.css: Operation not permitted


URI : ��Quienes Somos.html
-1 Archivo no encontrado: import file://localhost/res/template.css: Operation not permitted


URI : ��Quienes Somos.html
-1 Archivo no encontrado: import file://localhost/res/print.css: Operation not permitted


URI : ��Quienes Somos.html
-1 Archivo no encontrado: import file://localhost/res/home.css: Operation not permitted


URI : ��Quienes Somos.html
-1 Archivo no encontrado: import file://localhost/res/handheld.css: Operation not permitted




    17
Desarrollo de Aplicaciones Web

URI : Quienes Somos.html
- Archivo no encontrado: import file://localhost/res/accessibility.css: Operation not
1 permitted


URI : Quienes Somos.html
-1 Archivo no encontrado: import file://localhost/styles.css: Operation not permitted


URI : Quienes Somos.html
20             Error de análisis sintáctico [ --> .style7]

40             Error de análisis sintáctico [| .Estilo1]

               Propiedad no válida : margin-top Únicamente 0 puede ser un length. Debe
100 .style30
               especificarse una unidad detrás de la cifra : 9

195            La propiedad mso-spacerun no existe : yes

241            La propiedad language no existe : es-MX

241            La propiedad mso-line-break-override no existe : none

241            La propiedad punctuation-wrap no existe : hanging

241            La propiedad mso-ascii-font-family no existe : Verdana

241            La propiedad mso-fareast-font-family no existe : Verdana

241            La propiedad mso-bidi-font-family no existe : Verdana

241            La propiedad mso-color-index no existe : 1

241            La propiedad mso-font-kerning no existe : 12.0pt

241            La propiedad mso-style-textfill-type no existe : solid

241            La propiedad mso-style-textfill-fill-themecolor no existe : text1

241            La propiedad mso-style-textfill-fill-color no existe : white

241            La propiedad mso-style-textfill-fill-alpha no existe : 100.0%

247            La propiedad language no existe : es-MX

247            La propiedad mso-line-break-override no existe : none


      18
Desarrollo de Aplicaciones Web


247        La propiedad punctuation-wrap no existe : hanging

247        La propiedad mso-ascii-font-family no existe : Verdana

247        La propiedad mso-fareast-font-family no existe : Verdana

247        La propiedad mso-bidi-font-family no existe : Verdana

247        La propiedad mso-color-index no existe : 1

247        La propiedad mso-font-kerning no existe : 12.0pt

247        La propiedad mso-style-textfill-type no existe : solid

247        La propiedad mso-style-textfill-fill-themecolor no existe : text1

247        La propiedad mso-style-textfill-fill-color no existe : white

247        La propiedad mso-style-textfill-fill-alpha no existe : 100.0%

252        La propiedad language no existe : es-MX

252        La propiedad mso-line-break-override no existe : none

252        La propiedad punctuation-wrap no existe : hanging

252        La propiedad mso-ascii-font-family no existe : Verdana

252        La propiedad mso-fareast-font-family no existe : Verdana

252        La propiedad mso-bidi-font-family no existe : Verdana

252        La propiedad mso-color-index no existe : 1

252        La propiedad mso-font-kerning no existe : 12.0pt

252        La propiedad mso-style-textfill-type no existe : solid

252        La propiedad mso-style-textfill-fill-themecolor no existe : text1

252        La propiedad mso-style-textfill-fill-color no existe : white

252        La propiedad mso-style-textfill-fill-alpha no existe : 100.0%

258        La propiedad language no existe : es-MX



      19
Desarrollo de Aplicaciones Web


258           La propiedad mso-line-break-override no existe : none

258           La propiedad punctuation-wrap no existe : hanging

258           La propiedad mso-ascii-font-family no existe : Verdana

258           La propiedad mso-fareast-font-family no existe : Verdana

258           La propiedad mso-bidi-font-family no existe : Verdana

258           La propiedad mso-color-index no existe : 1

258           La propiedad mso-font-kerning no existe : 12.0pt

258           La propiedad mso-style-textfill-type no existe : solid

258           La propiedad mso-style-textfill-fill-themecolor no existe : text1

258           La propiedad mso-style-textfill-fill-color no existe : white

258           La propiedad mso-style-textfill-fill-alpha no existe : 100.0%


Información de CSS válida


.nuevoEstilo1 {

position : relative;

}

.nuevoEstilo2 {

position : relative;

}

.nuevoEstilo3 {

position : relative;

}

.style15 {

border-width : 0;

}


      20
Desarrollo de Aplicaciones Web

.Estilo2 {

font-size : 16px;

}

.Estilo3 {

font-size : 18px;

}

.style16 {

border-width : 0;

margin-right : 0;

margin-top : 0;

}

.style17 {

background-color : #1a1a18;

}

.style18 {

text-align : center;

}

.style20 {

margin-top : 0;

}

.nuevoEstilo4 {

background-image : url('IDIOMA/mexico.jpg');

background-repeat : no-repeat;

background-attachment : inherit;

background-position : bottom center;

}


    21
Desarrollo de Aplicaciones Web

.nuevoEstilo5 {

background-image : url('IDIOMA/eu.jpg');

background-repeat : no-repeat;

background-attachment : inherit;

background-position : center center;

}

.style22 {

margin-top : 112px;

}

.style23 {

border-width : 0;

color : #ffffff;

}

.style24 {

font-size : xx-large;

}

.style25 {

font-size : large;

}

.style26 {

margin-top : 0;

margin-left : 0;

}

.style27 {

font-size : x-large;

}


     22
Desarrollo de Aplicaciones Web

.style28 {

font-size : medium;

}

.style29 {

font-size : xx-small;

}

.style34 {

font-size : small;

color : #ffffff;

}

.style35 {

font-size : small;

color : #ffffff;

}

.style36 {

margin-left : 0;

}

.style37 {

font-size : small;

text-align : justify;

}

.style38 {

margin-bottom : 0;

}



Pantalla Cartelera


     23
Desarrollo de Aplicaciones Web




Validación conMarkup Validation Service




   24
Desarrollo de Aplicaciones Web

Validation Output: 23 Errors


   1.        Line 134, Column 13: ID "layer1" already defined

                              <div id="layer1" style="left: 895px; top: 47px; width: 183px;
        height: 140px;…

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


   2.        Line 127, Column 14: ID "layer1" first defined here

                                        <div id="layer1" style="left: -75px; top: 40px; width:
        1426px; height: 154p…


   3.        Line 137, Column 249: required attribute "alt" not specified

        …t: 94px;" width="50" class="style23" /></a><a href="index_ingles.html" class="…

        ✉

        The attribute given above is required for an element that you've used, but you have
        omitted it. For instance, in most HTML and XHTML document types the "type"
        attribute is required on the "script" element and the "alt" attribute is required for the
        "img" element.

        Typical values for type are type="text/css" for <style> and type="text/javascript" for
        <script>.


   4.        Line 137, Column 409: required attribute "alt" not specified

        …: 94px; " width="50" class="style23" /></a></span><span class="style34"><br
        cl…

        ✉

        The attribute given above is required for an element that you've used, but you have
        omitted it. For instance, in most HTML and XHTML document types the "type"
        attribute is required on the "script" element and the "alt" attribute is required for the
        "img" element.

   25
Desarrollo de Aplicaciones Web

       Typical values for type are type="text/css" for <style> and type="text/javascript" for
       <script>.


  5.        Line 140, Column 13: ID "layer1" already defined

                            <div id="layer1" style="left: 477px; top: 45px; width: 444px;
       height: 132px;…

       ✉

       An "id" is a unique identifier. Each time this attribute is used in a document it must
       have a different value. If you are using this attribute as a hook for style sheets it
       may be more appropriate to use classes (which group elements) than id (which are
       used to identify exactly one element).


  6.        Line 127, Column 14: ID "layer1" first defined here

                                      <div id="layer1" style="left: -75px; top: 40px; width:
       1426px; height: 154p…


  7.        Line 162, Column 32: ID "button3" already defined

                            Promociones</a></li><li id="button3">

       ✉

       An "id" is a unique identifier. Each time this attribute is used in a document it must
       have a different value. If you are using this attribute as a hook for style sheets it
       may be more appropriate to use classes (which group elements) than id (which are
       used to identify exactly one element).


  8.        Line 161, Column 12: ID "button3" first defined here

                            <li id="button3"><a href="Promocion.html" style="width:
       118px">


  9.         Line 193, Column 93: "alt" is not a member of a group specified for any
       attribute

       …0,'','VIDEO','t');" title=""><img alt src="cartelera/p1.jpg" onmouseover="this…

       ✉



   26
Desarrollo de Aplicaciones Web



  10.        Line 195, Column 50: required attribute "alt" not specified

        *clic para ver el trailer "/></a>

        ✉

        The attribute given above is required for an element that you've used, but you have
        omitted it. For instance, in most HTML and XHTML document types the "type"
        attribute is required on the "script" element and the "alt" attribute is required for the
        "img" element.

        Typical values for type are type="text/css" for <style> and type="text/javascript" for
        <script>.


  11.         Line 196, Column 99: "alt" is not a member of a group specified for any
        attribute

        …0,'','VIDEO','t');" title=""><img alt src="cartelera/p2.jpg" onmouseover="this…

        ✉


  12.        Line 198, Column 50: required attribute "alt" not specified

        *clic para ver el trailer "/></a>

        ✉

        The attribute given above is required for an element that you've used, but you have
        omitted it. For instance, in most HTML and XHTML document types the "type"
        attribute is required on the "script" element and the "alt" attribute is required for the
        "img" element.

        Typical values for type are type="text/css" for <style> and type="text/javascript" for
        <script>.


  13.         Line 199, Column 99: "alt" is not a member of a group specified for any
        attribute

        …0,'','VIDEO','t');" title=""><img alt src="cartelera/p7.jpg" onmouseover="this…

        ✉


  14.        Line 201, Column 50: required attribute "alt" not specified

   27
Desarrollo de Aplicaciones Web

        *clic para ver el trailer "/></a>

        ✉

        The attribute given above is required for an element that you've used, but you have
        omitted it. For instance, in most HTML and XHTML document types the "type"
        attribute is required on the "script" element and the "alt" attribute is required for the
        "img" element.

        Typical values for type are type="text/css" for <style> and type="text/javascript" for
        <script>.


  15.         Line 202, Column 100: "alt" is not a member of a group specified for any
        attribute

        …0,'','VIDEO','t');" title=""><img alt src="cartelera/p16.jpg" onmouseover="thi…

        ✉


  16.        Line 204, Column 50: required attribute "alt" not specified

        *clic para ver el trailer "/>

        ✉

        The attribute given above is required for an element that you've used, but you have
        omitted it. For instance, in most HTML and XHTML document types the "type"
        attribute is required on the "script" element and the "alt" attribute is required for the
        "img" element.

        Typical values for type are type="text/css" for <style> and type="text/javascript" for
        <script>.


  17.        Line 206, Column 14: ID "linea" already defined

        &nbsp;<p
        id="linea"><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb…

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).



   28
Desarrollo de Aplicaciones Web



  18.        Line 192, Column 10: ID "linea" first defined here

                    <p id="linea"><strong></strong></p>


  19.         Line 208, Column 94: "alt" is not a member of a group specified for any
        attribute

        …0,'','VIDEO','t');" title=""><img alt src="cartelera/p15.jpg" onmouseover="thi…

        ✉


  20.        Line 210, Column 50: required attribute "alt" not specified

        *clic para ver el trailer "/></a>

        ✉

        The attribute given above is required for an element that you've used, but you have
        omitted it. For instance, in most HTML and XHTML document types the "type"
        attribute is required on the "script" element and the "alt" attribute is required for the
        "img" element.

        Typical values for type are type="text/css" for <style> and type="text/javascript" for
        <script>.


  21.         Line 211, Column 100: "alt" is not a member of a group specified for any
        attribute

        …0,'','VIDEO','t');" title=""><img alt src="cartelera/p13.jpg" onmouseover="thi…

        ✉


  22.        Line 213, Column 50: required attribute "alt" not specified

        *clic para ver el trailer "/></a>

        ✉

        The attribute given above is required for an element that you've used, but you have
        omitted it. For instance, in most HTML and XHTML document types the "type"
        attribute is required on the "script" element and the "alt" attribute is required for the
        "img" element.


   29
Desarrollo de Aplicaciones Web

        Typical values for type are type="text/css" for <style> and type="text/javascript" for
        <script>.


  23.         Line 214, Column 97: "alt" is not a member of a group specified for any
        attribute

        …0,'','VIDEO','t');" title=""><img alt src="cartelera/p17.jpg" onmouseover="thi…

        ✉


  24.        Line 216, Column 50: required attribute "alt" not specified

        *clic para ver el trailer "/></a>

        ✉

        The attribute given above is required for an element that you've used, but you have
        omitted it. For instance, in most HTML and XHTML document types the "type"
        attribute is required on the "script" element and the "alt" attribute is required for the
        "img" element.

        Typical values for type are type="text/css" for <style> and type="text/javascript" for
        <script>.


  25.         Line 217, Column 99: "alt" is not a member of a group specified for any
        attribute

        …0,'','VIDEO','t');" title=""><img alt src="cartelera/p2.jpg" onmouseover="this…

        ✉


  26.        Line 220, Column 2: required attribute "alt" not specified

        /></a></p>

        ✉

        The attribute given above is required for an element that you've used, but you have
        omitted it. For instance, in most HTML and XHTML document types the "type"
        attribute is required on the "script" element and the "alt" attribute is required for the
        "img" element.

        Typical values for type are type="text/css" for <style> and type="text/javascript" for
        <script>.

   30
Desarrollo de Aplicaciones Web



    27.        Line 224, Column 10: ID "layer1" already defined

          <div id="layer1" style="left: 316px; top: 652px; width: 276px; height: 35px;" c…

          ✉

          An "id" is a unique identifier. Each time this attribute is used in a document it must
          have a different value. If you are using this attribute as a hook for style sheets it
          may be more appropriate to use classes (which group elements) than id (which are
          used to identify exactly one element).


    28.        Line 127, Column 14: ID "layer1" first defined here

                                         <div id="layer1" style="left: -75px; top: 40px; width:
          1426px; height: 154p…


El Servicio de Validación de CSS del W3C

Resultados del Validador CSS del W3C para Cartelera Español.html (CSS versión 3)

Disculpas! Hemos encontrado las siguientes errores (11)

URI : Cartelera Español.html
-1 Archivo no encontrado: import file://localhost/res/styles.css: Operation not permitted


URI : Cartelera Español.html
-1 Archivo no encontrado: import file://localhost/res/template.css: Operation not permitted


URI : Cartelera Español.html
-1 Archivo no encontrado: import file://localhost/res/print.css: Operation not permitted


URI : Cartelera Español.html
-1 Archivo no encontrado: import file://localhost/res/home.css: Operation not permitted


URI : Cartelera Español.html
-1 Archivo no encontrado: import file://localhost/res/handheld.css: Operation not permitted


URI : Cartelera Español.html
-   Archivo no encontrado: import file://localhost/res/accessibility.css: Operation not


    31
Desarrollo de Aplicaciones Web


1 permitted


URI : Cartelera Español.html
-1 Archivo no encontrado: import file://localhost/styles.css: Operation not permitted


URI : Cartelera Español.html
20             Error de análisis sintáctico [ --> .style7]

40             Error de análisis sintáctico [| .Estilo1]

               Propiedad no válida : margin-top Únicamente 0 puede ser un length. Debe
97 .style30
               especificarse una unidad detrás de la cifra : 9

               Propiedad no válida : margin-bottom Únicamente 0 puede ser un length.
112 .style37
               Debe especificarse una unidad detrás de la cifra : 15


Información de CSS válida


.nuevoEstilo1 {

position : relative;

}

.nuevoEstilo2 {

position : relative;

}

.nuevoEstilo3 {

position : relative;

}

.style15 {

border-width : 0;

}

.Estilo2 {

font-size : 16px;


     32
Desarrollo de Aplicaciones Web

}

.Estilo3 {

font-size : 18px;

}

.style16 {

border-width : 0;

margin-right : 0;

margin-top : 0;

}

.style18 {

text-align : center;

}

.style20 {

margin-top : 0;

}

.nuevoEstilo4 {

background-image : url('IDIOMA/mexico.jpg');

background-repeat : no-repeat;

background-attachment : inherit;

background-position : bottom center;

}

.nuevoEstilo5 {

background-image : url('IDIOMA/eu.jpg');

background-repeat : no-repeat;

background-attachment : inherit;

background-position : center center;


    33
Desarrollo de Aplicaciones Web

}

.style22 {

margin-top : 112px;

color : teal;

font-size : large;

}

.style23 {

border-width : 0;

color : teal;

}

.style24 {

font-size : xx-large;

}

.style25 {

font-size : large;

}

.style26 {

margin-top : 0;

margin-left : 0;

}

.style27 {

font-size : x-large;

}

.style29 {

font-size : xx-small;

}


    34
Desarrollo de Aplicaciones Web

.style34 {

font-size : small;

color : #ffffff;

}

.style35 {

font-size : small;

color : #ffffff;

}

.style36 {

font-size : large;

color : #ffffff;

}

.style38 {

font-size : x-large;

color : red;

}




     35
Desarrollo de Aplicaciones Web

Pantalla Promociones




Validación conMarkup Validation Service




   36
Desarrollo de Aplicaciones Web

Validation Output: 13 Errors


   1.        Line 122, Column 13: ID "layer1" already defined

                              <div id="layer1" style="left: 895px; top: 47px; width: 183px;
        height: 140px;…

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


   2.        Line 115, Column 14: ID "layer1" first defined here

                                        <div id="layer1" style="left: -75px; top: 40px; width:
        1426px; height: 154p…


   3.        Line 125, Column 249: required attribute "alt" not specified

        …t: 94px;" width="50" class="style23" /></a><a href="index_ingles.html" class="…

        ✉

        The attribute given above is required for an element that you've used, but you have
        omitted it. For instance, in most HTML and XHTML document types the "type"
        attribute is required on the "script" element and the "alt" attribute is required for the
        "img" element.

        Typical values for type are type="text/css" for <style> and type="text/javascript" for
        <script>.


   4.        Line 125, Column 409: required attribute "alt" not specified

        …: 94px; " width="50" class="style23" /></a></span><span class="style34"><br
        cl…

        ✉

        The attribute given above is required for an element that you've used, but you have
        omitted it. For instance, in most HTML and XHTML document types the "type"
        attribute is required on the "script" element and the "alt" attribute is required for the
        "img" element.

   37
Desarrollo de Aplicaciones Web

       Typical values for type are type="text/css" for <style> and type="text/javascript" for
       <script>.


  5.        Line 128, Column 13: ID "layer1" already defined

                            <div id="layer1" style="left: 477px; top: 45px; width: 444px;
       height: 132px;…

       ✉

       An "id" is a unique identifier. Each time this attribute is used in a document it must
       have a different value. If you are using this attribute as a hook for style sheets it
       may be more appropriate to use classes (which group elements) than id (which are
       used to identify exactly one element).


  6.        Line 115, Column 14: ID "layer1" first defined here

                                      <div id="layer1" style="left: -75px; top: 40px; width:
       1426px; height: 154p…


  7.        Line 150, Column 32: ID "button3" already defined

                            Promociones</a></li><li id="button3">

       ✉

       An "id" is a unique identifier. Each time this attribute is used in a document it must
       have a different value. If you are using this attribute as a hook for style sheets it
       may be more appropriate to use classes (which group elements) than id (which are
       used to identify exactly one element).


  8.        Line 149, Column 12: ID "button3" first defined here

                            <li   id="button3"><a    href="Promocion.html"     style="width:
       118px">


  9.        Line 175, Column 10: ID "layer1" already defined

       <div id="layer1" style="left: 326px; top: 679px; width: 276px; height: 35px;" c…

       ✉




   38
Desarrollo de Aplicaciones Web

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


  10.        Line 115, Column 14: ID "layer1" first defined here

                                        <div id="layer1" style="left: -75px; top: 40px; width:
        1426px; height: 154p…


  11.        Line 187, Column 78: required attribute "alt" not specified

        …<img height="540" src="imagenespromociones/promociones.jpg" width="407"
        /></td>

        ✉

        The attribute given above is required for an element that you've used, but you have
        omitted it. For instance, in most HTML and XHTML document types the "type"
        attribute is required on the "script" element and the "alt" attribute is required for the
        "img" element.

        Typical values for type are type="text/css" for <style> and type="text/javascript" for
        <script>.


  12.        Line 193, Column 11: ID "center" already defined

          <div id="center" style="left: 456px; top: -6px; height: 547px; width: 480px;" >

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


  13.        Line 171, Column 11: ID "center" first defined here

          <div id="center" style="left: -11px; top: -6px; height: 547px" >


  14.        Line 218, Column 19: ID "MEGALETRA" already defined

                                                                                                    <td id="MEGA


   39
Desarrollo de Aplicaciones Web

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


  15.        Line 201, Column 19: ID "MEGALETRA" first defined here

                                                                                                 <td id="MEGA


  16.        Line 222, Column 22: ID "tab2" already defined

                                                                                                 <table id="tab2

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


  17.        Line 205, Column 22: ID "tab2" first defined here

                                                                                                 <table id="tab2


  18.        Line 224, Column 21: ID "precio" already defined



        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


  19.        Line 207, Column 21: ID "precio" first defined here




  20.        Line 225, Column 21: ID "cnatidad" already defined

   40
Desarrollo de Aplicaciones Web




         ✉

         An "id" is a unique identifier. Each time this attribute is used in a document it must
         have a different value. If you are using this attribute as a hook for style sheets it
         may be more appropriate to use classes (which group elements) than id (which are
         used to identify exactly one element).


   21.        Line 209, Column 21: ID "cnatidad" first defined here




   22.        Line 252, Column 78: required attribute "alt" not specified

         …     src="imagenespromociones/expressline.jpg"           height="210"      width="330"
         /></a></td>

         ✉

         The attribute given above is required for an element that you've used, but you have
         omitted it. For instance, in most HTML and XHTML document types the "type"
         attribute is required on the "script" element and the "alt" attribute is required for the
         "img" element.

         Typical values for type are type="text/css" for <style> and type="text/javascript" for
         <script>.

El Servicio de Validación de CSS del W3C

Resultados del Validador CSS del W3C para Promocion.html (CSS versión 3)

Disculpas! Hemos encontrado las siguientes errores (10)

URI : Promocion.html
-1 Archivo no encontrado: import file://localhost/res/styles.css: Operation not permitted


URI : Promocion.html
-1 Archivo no encontrado: import file://localhost/res/template.css: Operation not permitted


URI : Promocion.html
-1 Archivo no encontrado: import file://localhost/res/print.css: Operation not permitted




    41
Desarrollo de Aplicaciones Web

URI : Promocion.html
-1 Archivo no encontrado: import file://localhost/res/home.css: Operation not permitted


URI : Promocion.html
-1 Archivo no encontrado: import file://localhost/res/handheld.css: Operation not permitted


URI : Promocion.html
- Archivo no encontrado: import file://localhost/res/accessibility.css: Operation not
1 permitted


URI : Promocion.html
-1 Archivo no encontrado: import file://localhost/styles.css: Operation not permitted


URI : Promocion.html
20            Error de análisis sintáctico [ --> .style7]

40            Error de análisis sintáctico [| .Estilo1]

              Propiedad no válida : margin-top Únicamente 0 puede ser un length. Debe
96 .style30
              especificarse una unidad detrás de la cifra : 9


Información de CSS válida


.nuevoEstilo1 {

position : relative;

}

.nuevoEstilo2 {

position : relative;

}

.nuevoEstilo3 {

position : relative;

}

.style15 {

border-width : 0;
     42
Desarrollo de Aplicaciones Web

}

.Estilo2 {

font-size : 16px;

}

.Estilo3 {

font-size : 18px;

}

.style18 {

text-align : center;

}

.style20 {

margin-top : 0;

}

.nuevoEstilo4 {

background-image : url('IDIOMA/mexico.jpg');

background-repeat : no-repeat;

background-attachment : inherit;

background-position : bottom center;

}

.nuevoEstilo5 {

background-image : url('IDIOMA/eu.jpg');

background-repeat : no-repeat;

background-attachment : inherit;

background-position : center center;

}

.style16 {


    43
Desarrollo de Aplicaciones Web

border-width : 0;

margin-right : 0;

margin-top : 0;

}

.style22 {

margin-top : 112px;

color : teal;

font-size : large;

}

.style23 {

border-width : 0;

color : teal;

}

.style24 {

font-size : xx-large;

}

.style25 {

font-size : large;

}

.style26 {

margin-top : 0;

margin-left : 0;

}

.style27 {

font-size : x-large;

}


    44
Desarrollo de Aplicaciones Web

.style29 {

font-size : xx-small;

}

.style34 {

font-size : small;

color : #ffffff;

}

.style35 {

font-size : small;

color : #ffffff;

}




Pantalla Clasificaciones


     45
Desarrollo de Aplicaciones Web




Validación conMarkup Validation Service




   46
Desarrollo de Aplicaciones Web

Validation Output: 13 Errors


   1.        Line 141, Column 13: ID "layer1" already defined

                              <div id="layer1" style="left: 895px; top: 47px; width: 183px;
        height: 140px;…

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


   2.        Line 134, Column 14: ID "layer1" first defined here

                                        <div id="layer1" style="left: -75px; top: 40px; width:
        1426px; height: 154p…


   3.        Line 144, Column 249: required attribute "alt" not specified

        …t: 94px;" width="50" class="style23" /></a><a href="index_ingles.html" class="…

        ✉

        The attribute given above is required for an element that you've used, but you have
        omitted it. For instance, in most HTML and XHTML document types the "type"
        attribute is required on the "script" element and the "alt" attribute is required for the
        "img" element.

        Typical values for type are type="text/css" for <style> and type="text/javascript" for
        <script>.


   4.        Line 144, Column 409: required attribute "alt" not specified

        …: 94px; " width="50" class="style23" /></a></span><span class="style34"><br
        cl…

        ✉

        The attribute given above is required for an element that you've used, but you have
        omitted it. For instance, in most HTML and XHTML document types the "type"
        attribute is required on the "script" element and the "alt" attribute is required for the
        "img" element.

   47
Desarrollo de Aplicaciones Web

       Typical values for type are type="text/css" for <style> and type="text/javascript" for
       <script>.


  5.        Line 147, Column 13: ID "layer1" already defined

                            <div id="layer1" style="left: 477px; top: 45px; width: 444px;
       height: 132px;…

       ✉

       An "id" is a unique identifier. Each time this attribute is used in a document it must
       have a different value. If you are using this attribute as a hook for style sheets it
       may be more appropriate to use classes (which group elements) than id (which are
       used to identify exactly one element).


  6.        Line 134, Column 14: ID "layer1" first defined here

                                      <div id="layer1" style="left: -75px; top: 40px; width:
       1426px; height: 154p…


  7.        Line 169, Column 32: ID "button3" already defined

                            Promociones</a></li><li id="button3">

       ✉

       An "id" is a unique identifier. Each time this attribute is used in a document it must
       have a different value. If you are using this attribute as a hook for style sheets it
       may be more appropriate to use classes (which group elements) than id (which are
       used to identify exactly one element).


  8.        Line 168, Column 12: ID "button3" first defined here

                            <li   id="button3"><a    href="Promocion.html"     style="width:
       118px">


  9.        Line 195, Column 35: there is no attribute "align"

                  <table style="width: 79%" align="center">

       ✉




   48
Desarrollo de Aplicaciones Web

        You have used the attribute named above in your document, but the document
        type you are using does not support that attribute for this element. This error is
        often caused by incorrect use of the "Strict" document type with a document that
        uses frames (e.g. you must use the "Transitional" document type to get the "target"
        attribute), or by using vendor proprietary extensions such as "marginheight" (this is
        usually fixed by using CSS to achieve the desired effect instead).

        This error may also result if the element itself is not supported in the document type
        you are using, as an undefined element will have no supported attributes; in this
        case, see the element-undefined error message for further information.

        How to fix: check the spelling and case of the element and attribute, (Remember
        XHTML is all lower-case) and/or check that they are both allowed in the chosen
        document type, and/or use CSS instead of this attribute. If you received this error
        when using the <embed> element to incorporate flash media in a Web page, see
        the FAQ item on valid flash.


  10.        Line 219, Column 50: document type does not allow element "table" here;
        missing one of "object", "ins", "del", "map", "button" start-tag

                             <table style="width: 79%" align="center">

        ✉

        The mentioned element is not allowed to appear in the context in which you've
        placed it; the other mentioned elements are the only ones that are both allowed
        there and can contain the element mentioned. This might mean that you need a
        containing element, or possibly that you've forgotten to close a previous element.

        One possible cause for this message is that you have attempted to put a block-
        level element (such as "<p>" or "<table>") inside an inline element (such as "<a>",
        "<span>", or "<font>").


  11.        Line 248, Column 10: ID "imPage" already defined

        <div id="imPage" class="style38" style="left: 650px; top: -237px; height: 225px…

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


  12.        Line 185, Column 10: ID "imPage" first defined here


   49
Desarrollo de Aplicaciones Web

        <div id="imPage" style="left: 64px; top: 32px; width: 1086px">


  13.        Line 250, Column 10: ID "imCel2_010" already defined

        <div id="imCel2_010" style="left: -275px; top: -198px; width: 514px; height: 34…

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


  14.        Line 187, Column 10: ID "imCel2_010" first defined here

        <div id="imCel2_010" style="left: 5px; top: 18px; width: 475px; height: 419px; …


  15.        Line 253, Column 10: ID "right" already defined

        <div id="right" class="style36" style="width: 352px; height: 355px;">

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


  16.        Line 190, Column 10: ID "right" first defined here

        <div id="right" class="style36" style="width: 489px">


  17.        Line 256, Column 48: document type does not allow element "table" here;
        missing one of "object", "ins", "del", "map", "button" start-tag

                                                          <table     style="width:     108%"
        align="center">

        ✉

        The mentioned element is not allowed to appear in the context in which you've
        placed it; the other mentioned elements are the only ones that are both allowed


   50
Desarrollo de Aplicaciones Web

        there and can contain the element mentioned. This might mean that you need a
        containing element, or possibly that you've forgotten to close a previous element.

        One possible cause for this message is that you have attempted to put a block-
        level element (such as "<p>" or "<table>") inside an inline element (such as "<a>",
        "<span>", or "<font>").


  18.        Line 288, Column 10: ID "layer1" already defined

        <div id="layer1" style="left: 503px; top: 825px; width: 276px; height: 35px;" c…

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


  19.        Line 134, Column 14: ID "layer1" first defined here

                                       <div id="layer1" style="left: -75px; top: 40px; width:
        1426px; height: 154p…


  20.        Line 296, Column 11: ID "layer1" already defined

        <div id="layer1" style="left: 490px; top: 274px; width: 276px; height: 35px;" …

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


  21.        Line 134, Column 14: ID "layer1" first defined here

                                       <div id="layer1" style="left: -75px; top: 40px; width:
        1426px; height: 154p…




   51
Desarrollo de Aplicaciones Web

El Servicio de Validación de CSS del W3C

Resultados del Validador CSS del W3C para Promocion.html (CSS versión 3)

Disculpas! Hemos encontrado las siguientes errores (10)

URI : Promocion.html
-1 Archivo no encontrado: import file://localhost/res/styles.css: Operation not permitted


URI : Promocion.html
-1 Archivo no encontrado: import file://localhost/res/template.css: Operation not permitted


URI : Promocion.html
-1 Archivo no encontrado: import file://localhost/res/print.css: Operation not permitted


URI : Promocion.html
-1 Archivo no encontrado: import file://localhost/res/home.css: Operation not permitted


URI : Promocion.html
-1 Archivo no encontrado: import file://localhost/res/handheld.css: Operation not permitted


URI : Promocion.html
- Archivo no encontrado: import file://localhost/res/accessibility.css: Operation not
1 permitted


URI : Promocion.html
-1 Archivo no encontrado: import file://localhost/styles.css: Operation not permitted


URI : Promocion.html
20            Error de análisis sintáctico [ --> .style7]

40            Error de análisis sintáctico [| .Estilo1]

              Propiedad no válida : margin-top Únicamente 0 puede ser un length. Debe
96 .style30
              especificarse una unidad detrás de la cifra : 9




Información de CSS válida
.nuevoEstilo1 {

     52
Desarrollo de Aplicaciones Web

position : relative;

}

.nuevoEstilo2 {

position : relative;

}

.nuevoEstilo3 {

position : relative;

}

.style15 {

border-width : 0;

}

.Estilo2 {

font-size : 16px;

}

.Estilo3 {

font-size : 18px;

}

.style18 {

text-align : center;

}

.style20 {

margin-top : 0;

}

.nuevoEstilo4 {

background-image : url('IDIOMA/mexico.jpg');

background-repeat : no-repeat;


    53
Desarrollo de Aplicaciones Web

background-attachment : inherit;

background-position : bottom center;

}

.nuevoEstilo5 {

background-image : url('IDIOMA/eu.jpg');

background-repeat : no-repeat;

background-attachment : inherit;

background-position : center center;

}

.style16 {

border-width : 0;

margin-right : 0;

margin-top : 0;

}

.style22 {

margin-top : 112px;

color : teal;

font-size : large;

}

.style23 {

border-width : 0;

color : teal;

}

.style24 {

font-size : xx-large;

}


    54
Desarrollo de Aplicaciones Web

.style25 {

font-size : large;

}

.style26 {

margin-top : 0;

margin-left : 0;

}

.style27 {

font-size : x-large;

}

.style29 {

font-size : xx-small;

}

.style34 {

font-size : small;

color : #ffffff;

}

.style35 {

font-size : small;

color : #ffffff;

}




     55
Desarrollo de Aplicaciones Web

Pantalla Próximamente




Validación conMarkup Validation Service




   56
Desarrollo de Aplicaciones Web

Validation Output: 13 Errors


   1.        Line 141, Column 13: ID "layer1" already defined

                              <div id="layer1" style="left: 895px; top: 47px; width: 183px;
        height: 140px;…

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


   2.        Line 134, Column 14: ID "layer1" first defined here

                                        <div id="layer1" style="left: -75px; top: 40px; width:
        1426px; height: 154p…


   3.        Line 144, Column 249: required attribute "alt" not specified

        …t: 94px;" width="50" class="style23" /></a><a href="index_ingles.html" class="…

        ✉

        The attribute given above is required for an element that you've used, but you have
        omitted it. For instance, in most HTML and XHTML document types the "type"
        attribute is required on the "script" element and the "alt" attribute is required for the
        "img" element.

        Typical values for type are type="text/css" for <style> and type="text/javascript" for
        <script>.


   4.        Line 144, Column 409: required attribute "alt" not specified

        …: 94px; " width="50" class="style23" /></a></span><span class="style34"><br
        cl…

        ✉

        The attribute given above is required for an element that you've used, but you have
        omitted it. For instance, in most HTML and XHTML document types the "type"
        attribute is required on the "script" element and the "alt" attribute is required for the
        "img" element.

   57
Desarrollo de Aplicaciones Web

       Typical values for type are type="text/css" for <style> and type="text/javascript" for
       <script>.


  5.        Line 147, Column 13: ID "layer1" already defined

                            <div id="layer1" style="left: 477px; top: 45px; width: 444px;
       height: 132px;…

       ✉

       An "id" is a unique identifier. Each time this attribute is used in a document it must
       have a different value. If you are using this attribute as a hook for style sheets it
       may be more appropriate to use classes (which group elements) than id (which are
       used to identify exactly one element).


  6.        Line 134, Column 14: ID "layer1" first defined here

                                      <div id="layer1" style="left: -75px; top: 40px; width:
       1426px; height: 154p…


  7.        Line 169, Column 32: ID "button3" already defined

                            Promociones</a></li><li id="button3">

       ✉

       An "id" is a unique identifier. Each time this attribute is used in a document it must
       have a different value. If you are using this attribute as a hook for style sheets it
       may be more appropriate to use classes (which group elements) than id (which are
       used to identify exactly one element).


  8.        Line 168, Column 12: ID "button3" first defined here

                            <li id="button3"><a href="Promocion.html" style="width:
       118px">


  9.        Line 195, Column 35: there is no attribute "align"

                  <table style="width: 79%" align="center">

       ✉




   58
Desarrollo de Aplicaciones Web

        You have used the attribute named above in your document, but the document
        type you are using does not support that attribute for this element. This error is
        often caused by incorrect use of the "Strict" document type with a document that
        uses frames (e.g. you must use the "Transitional" document type to get the "target"
        attribute), or by using vendor proprietary extensions such as "marginheight" (this is
        usually fixed by using CSS to achieve the desired effect instead).

        This error may also result if the element itself is not supported in the document type
        you are using, as an undefined element will have no supported attributes; in this
        case, see the element-undefined error message for further information.

        How to fix: check the spelling and case of the element and attribute, (Remember
        XHTML is all lower-case) and/or check that they are both allowed in the chosen
        document type, and/or use CSS instead of this attribute. If you received this error
        when using the <embed> element to incorporate flash media in a Web page, see
        the FAQ item on valid flash.


  10.        Line 219, Column 50: document type does not allow element "table" here;
        missing one of "object", "ins", "del", "map", "button" start-tag

                             <table style="width: 79%" align="center">

        ✉

        The mentioned element is not allowed to appear in the context in which you've
        placed it; the other mentioned elements are the only ones that are both allowed
        there and can contain the element mentioned. This might mean that you need a
        containing element, or possibly that you've forgotten to close a previous element.

        One possible cause for this message is that you have attempted to put a block-
        level element (such as "<p>" or "<table>") inside an inline element (such as "<a>",
        "<span>", or "<font>").


  11.        Line 248, Column 10: ID "imPage" already defined

        <div id="imPage" class="style38" style="left: 650px; top: -237px; height: 225px…

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).




   59
Desarrollo de Aplicaciones Web



  12.        Line 185, Column 10: ID "imPage" first defined here

        <div id="imPage" style="left: 64px; top: 32px; width: 1086px">


  13.        Line 250, Column 10: ID "imCel2_010" already defined

        <div id="imCel2_010" style="left: -275px; top: -198px; width: 514px; height: 34…

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


  14.        Line 187, Column 10: ID "imCel2_010" first defined here

        <div id="imCel2_010" style="left: 5px; top: 18px; width: 475px; height: 419px; …


  15.        Line 253, Column 10: ID "right" already defined

        <div id="right" class="style36" style="width: 352px; height: 355px;">

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


  16.        Line 190, Column 10: ID "right" first defined here

        <div id="right" class="style36" style="width: 489px">


  17.        Line 256, Column 48: document type does not allow element "table" here;
        missing one of "object", "ins", "del", "map", "button" start-tag

                                                          <table style="width: 108%"
        align="center">

        ✉


   60
Desarrollo de Aplicaciones Web




        The mentioned element is not allowed to appear in the context in which you've
        placed it; the other mentioned elements are the only ones that are both allowed
        there and can contain the element mentioned. This might mean that you need a
        containing element, or possibly that you've forgotten to close a previous element.

        One possible cause for this message is that you have attempted to put a block-
        level element (such as "<p>" or "<table>") inside an inline element (such as "<a>",
        "<span>", or "<font>").


  18.        Line 288, Column 10: ID "layer1" already defined

        <div id="layer1" style="left: 503px; top: 825px; width: 276px; height: 35px;" c…

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


  19.        Line 134, Column 14: ID "layer1" first defined here

                                       <div id="layer1" style="left: -75px; top: 40px; width:
        1426px; height: 154p…


  20.        Line 296, Column 11: ID "layer1" already defined

        <div id="layer1" style="left: 490px; top: 274px; width: 276px; height: 35px;" …

        ✉

        An "id" is a unique identifier. Each time this attribute is used in a document it must
        have a different value. If you are using this attribute as a hook for style sheets it
        may be more appropriate to use classes (which group elements) than id (which are
        used to identify exactly one element).


  21.        Line 134, Column 14: ID "layer1" first defined here

                                       <div id="layer1" style="left: -75px; top: 40px; width:
        1426px; height: 154p…




   61
Desarrollo de Aplicaciones Web

El Servicio de Validación de CSS del W3C

Resultados del Validador CSS del W3C para proximament.html (CSS versión 3)

Disculpas! Hemos encontrado las siguientes errores (9)

URI : proximament.html
-1 Archivo no encontrado: import file://localhost/res/styles.css: Operation not permitted


URI : proximament.html
-1 Archivo no encontrado: import file://localhost/res/template.css: Operation not permitted


URI : proximament.html
-1 Archivo no encontrado: import file://localhost/res/print.css: Operation not permitted


URI : proximament.html
-1 Archivo no encontrado: import file://localhost/res/home.css: Operation not permitted


URI : proximament.html
-1 Archivo no encontrado: import file://localhost/res/handheld.css: Operation not permitted


URI : proximament.html
- Archivo no encontrado: import file://localhost/res/accessibility.css: Operation not
1 permitted


URI : proximament.html
-1 Archivo no encontrado: import file://localhost/styles.css: Operation not permitted


URI : proximament.html
20            Error de análisis sintáctico [ --> .style7]

              Propiedad no válida : margin-top Únicamente 0 puede ser un length. Debe
96 .style30
              especificarse una unidad detrás de la cifra : 9




Información de CSS válida
.nuevoEstilo1 {

     62
Desarrollo de Aplicaciones Web

position : relative;

}

.nuevoEstilo2 {

position : relative;

}

.nuevoEstilo3 {

position : relative;

}

.style15 {

border-width : 0;

}

.Estilo1 {

font-size : 18px;

font-weight : bold;

font-style : italic;

}

.Estilo2 {

font-size : 16px;

}

.Estilo3 {

font-size : 18px;

}

.style16 {

border-width : 0;

margin-right : 0;

margin-top : 0;


     63
Desarrollo de Aplicaciones Web

}

.style18 {

text-align : center;

}

.style20 {

margin-top : 0;

}

.nuevoEstilo4 {

background-image : url('IDIOMA/mexico.jpg');

background-repeat : no-repeat;

background-attachment : inherit;

background-position : bottom center;

}

.nuevoEstilo5 {

background-image : url('IDIOMA/eu.jpg');

background-repeat : no-repeat;

background-attachment : inherit;

background-position : center center;

}

.style22 {

margin-top : 112px;

color : teal;

font-size : large;

}

.style23 {

border-width : 0;


    64
Desarrollo de Aplicaciones Web

color : teal;

}

.style24 {

font-size : xx-large;

}

.style25 {

font-size : large;

}

.style26 {

margin-top : 0;

margin-left : 0;

}

.style27 {

font-size : x-large;

}

.style29 {

font-size : xx-small;

}

.style34 {

font-size : small;

color : #ffffff;

}

.style35 {

font-size : small;

color : #ffffff;

}


     65
Desarrollo de Aplicaciones Web

.style36 {

border-style : none;

border-width : 0;

}

.style37 {

border : #ffffff solid 2px;

background-color : #d3e7e6;

}

.style38 {

border-color : #ffffff;

border-width : 2px;

}

.style39 {

border : #e6e6fa solid 1px;

text-align : justify;

font-family : Verdana, Geneva, Tahoma, sans-serif;

font-size : x-small;

}




    66

More Related Content

What's hot (7)

Security.ppt
Security.pptSecurity.ppt
Security.ppt
 
前端开发理论热点面对面:从怎么看,到怎么做?
前端开发理论热点面对面:从怎么看,到怎么做?前端开发理论热点面对面:从怎么看,到怎么做?
前端开发理论热点面对面:从怎么看,到怎么做?
 
CSS101 - Concept Fundamentals for non UI Developers
CSS101 - Concept Fundamentals for non UI DevelopersCSS101 - Concept Fundamentals for non UI Developers
CSS101 - Concept Fundamentals for non UI Developers
 
Complete xss walkthrough
Complete xss walkthroughComplete xss walkthrough
Complete xss walkthrough
 
Copy of-a-walk-around-westfall-plaza
Copy of-a-walk-around-westfall-plazaCopy of-a-walk-around-westfall-plaza
Copy of-a-walk-around-westfall-plaza
 
CSS_tutorial_2
CSS_tutorial_2CSS_tutorial_2
CSS_tutorial_2
 
CSS Methodology
CSS MethodologyCSS Methodology
CSS Methodology
 

Viewers also liked

Diapositivas habitos de estudio
Diapositivas habitos de estudioDiapositivas habitos de estudio
Diapositivas habitos de estudio
josen01
 
Hábitos de estudio ppt
Hábitos de estudio pptHábitos de estudio ppt
Hábitos de estudio ppt
escuelava
 
Métodos y técnicas de estudio
Métodos  y técnicas de estudioMétodos  y técnicas de estudio
Métodos y técnicas de estudio
Manuel Salazar
 
Juegos para mejorar técnicas de estudio. juegos
Juegos para mejorar técnicas de estudio. juegosJuegos para mejorar técnicas de estudio. juegos
Juegos para mejorar técnicas de estudio. juegos
Blanca Canales
 

Viewers also liked (13)

Manual de word actualizado
Manual de word actualizadoManual de word actualizado
Manual de word actualizado
 
Manual de word actualizado
Manual de word actualizadoManual de word actualizado
Manual de word actualizado
 
Metodos y tecnicas de estudio
Metodos  y tecnicas de estudioMetodos  y tecnicas de estudio
Metodos y tecnicas de estudio
 
Taller 1 hábitos de estudio
Taller 1 hábitos de estudioTaller 1 hábitos de estudio
Taller 1 hábitos de estudio
 
Diapositivas habitos de estudio
Diapositivas habitos de estudioDiapositivas habitos de estudio
Diapositivas habitos de estudio
 
tecnicas de estudio
tecnicas de estudiotecnicas de estudio
tecnicas de estudio
 
V. Técnicas de estudio
V. Técnicas de estudioV. Técnicas de estudio
V. Técnicas de estudio
 
Hábitos de estudio ppt
Hábitos de estudio pptHábitos de estudio ppt
Hábitos de estudio ppt
 
Métodos y técnicas de estudio
Métodos  y técnicas de estudioMétodos  y técnicas de estudio
Métodos y técnicas de estudio
 
Juegos para mejorar técnicas de estudio. juegos
Juegos para mejorar técnicas de estudio. juegosJuegos para mejorar técnicas de estudio. juegos
Juegos para mejorar técnicas de estudio. juegos
 
maestro y aprendizaje
maestro y aprendizajemaestro y aprendizaje
maestro y aprendizaje
 
La participacion de los padres en los habitos de estudio
La participacion de los padres en los habitos de estudioLa participacion de los padres en los habitos de estudio
La participacion de los padres en los habitos de estudio
 
Habitos Y TéCnicas De Estudio
Habitos Y TéCnicas De EstudioHabitos Y TéCnicas De Estudio
Habitos Y TéCnicas De Estudio
 

Similar to Validacion pag megacine peña

Similar to Validacion pag megacine peña (20)

Web performance essentials - Goodies
Web performance essentials - GoodiesWeb performance essentials - Goodies
Web performance essentials - Goodies
 
Widget Tutorial
Widget TutorialWidget Tutorial
Widget Tutorial
 
Pfnp slides
Pfnp slidesPfnp slides
Pfnp slides
 
Cascading Style Sheets - Part 01
Cascading Style Sheets - Part 01Cascading Style Sheets - Part 01
Cascading Style Sheets - Part 01
 
ASP.NET 08 - Data Binding And Representation
ASP.NET 08 - Data Binding And RepresentationASP.NET 08 - Data Binding And Representation
ASP.NET 08 - Data Binding And Representation
 
Html / CSS Presentation
Html / CSS PresentationHtml / CSS Presentation
Html / CSS Presentation
 
SMACSS Workshop
SMACSS WorkshopSMACSS Workshop
SMACSS Workshop
 
Bootstrap 3
Bootstrap 3Bootstrap 3
Bootstrap 3
 
Html & CSS - Best practices 2-hour-workshop
Html & CSS - Best practices 2-hour-workshopHtml & CSS - Best practices 2-hour-workshop
Html & CSS - Best practices 2-hour-workshop
 
Scout xss csrf_security_presentation_chicago
Scout xss csrf_security_presentation_chicagoScout xss csrf_security_presentation_chicago
Scout xss csrf_security_presentation_chicago
 
Let's write secure Drupal code! - DrupalCamp London 2019
Let's write secure Drupal code! - DrupalCamp London 2019Let's write secure Drupal code! - DrupalCamp London 2019
Let's write secure Drupal code! - DrupalCamp London 2019
 
10 Rules for Safer Code [Odoo Experience 2016]
10 Rules for Safer Code [Odoo Experience 2016]10 Rules for Safer Code [Odoo Experience 2016]
10 Rules for Safer Code [Odoo Experience 2016]
 
10 Rules for Safer Code
10 Rules for Safer Code10 Rules for Safer Code
10 Rules for Safer Code
 
Introduction of Html/css/js
Introduction of Html/css/jsIntroduction of Html/css/js
Introduction of Html/css/js
 
Sass Essentials
Sass EssentialsSass Essentials
Sass Essentials
 
An Introduction to CSS
An Introduction to CSSAn Introduction to CSS
An Introduction to CSS
 
Twig Brief, Tips&Tricks
Twig Brief, Tips&TricksTwig Brief, Tips&Tricks
Twig Brief, Tips&Tricks
 
Intro to Rails ActiveRecord
Intro to Rails ActiveRecordIntro to Rails ActiveRecord
Intro to Rails ActiveRecord
 
Practical catalyst
Practical catalystPractical catalyst
Practical catalyst
 
Styling Components with JavaScript: MelbCSS Edition
Styling Components with JavaScript: MelbCSS EditionStyling Components with JavaScript: MelbCSS Edition
Styling Components with JavaScript: MelbCSS Edition
 

Recently uploaded

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Recently uploaded (20)

Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 

Validacion pag megacine peña

  • 1. Desarrollo de Aplicaciones Web Desarrollo de Aplicaciones Web Integrantes del equipo: Iván Calderón Torres Ana Lizbeth Xochipa Justo Felipe Hernandez Juarez Miguel Angel Nieto Marcos Rolando Garcia Maceda Grado: 9 Grupo: “B” 1 Nombre del docente: Lic.Manuel Méndez Montero
  • 2. Desarrollo de Aplicaciones Web Sitios Web utilizados para efectuar la validación http://validator.w3.org http://jigsaw.w3.org/css-validator/ Pantalla Home 2
  • 3. Desarrollo de Aplicaciones Web Validación conMarkup Validation Service 3
  • 4. Desarrollo de Aplicaciones Web Validation Output: 8 Errors 1. Line 111, Column 18: character "<" is the first character of a delimiter but occurred as data if (screen.width < 800)//si la pantalla es menor de 800px entonces se mostrara … ✉ This message may appear in several cases: o You tried to include the "<" character in your page: you should escape it as "&lt;" o You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&amp;", which is always safe. o Another possibility is that you forgot to close quotes in a previous tag. 2. Line 132, Column 13: ID "layer1" already defined <div id="layer1" style="left: 895px; top: 47px; width: 183px; height: 140px;… ✉ Un"id"es un identificador único. Cadavez que se utilizaeste atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para identificarexactamente un elemento).. 3. Line 125, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 4. Line 135, Column 249: required attribute "alt" not specified …t: 94px;" width="50" class="style23" /></a><a href="index_ingles.html" class="… ✉ 4
  • 5. Desarrollo de Aplicaciones Web El atributodado anteriormentees necesario paraun elementoque se ha utilizado, pero se hanomitido.Por ejemplo, enla mayoría de lostipos de documentosHTMLy XHTMLelatributo "type"es necesario en el"guión"del elemento y elatributo "alt"es necesaria para el"img"elemento.Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 5. Line 135, Column 409: required attribute "alt" not specified …: 94px; " width="50" class="style23" /></a></span><span class="style34"><br cl… ✉ El atributodado anteriormentees necesario paraun elementoque se ha utilizado, pero se hanomitido.Por ejemplo, enla mayoría de lostipos de documentosHTMLy XHTMLelatributo "type"es necesario en el"guión"del elemento y elatributo "alt"es necesaria para el"img"elemento. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 6. Line 138, Column 13: ID "layer1" already defined <div id="layer1" style="left: 477px; top: 45px; width: 444px; height: 132px;… ✉ Un"id"es un identificador único. Cadavez que se utilizaeste atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para identificarexactamente un elemento). 7. Line 125, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 5
  • 6. Desarrollo de Aplicaciones Web 8. Line 162, Column 32: ID "button3" already defined Promociones</a></li><li id="button3"> ✉ Un"id"es un identificador único. Cadavez que se utilizaeste atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para identificarexactamente un elemento). 9. Line 161, Column 12: ID "button3" first defined here <li id="button3"><a href="Promocion.html" style="width: 118px"> 10. Line 212, Column 14: there is no attribute "align" <div align="l0eft"> ✉ Usted ha usadoel atributomencionado anteriormenteen el documento,pero eltipo de documentoque está utilizando noes compatible conese atributode este elemento.Esteerror generalmente es causadopor un uso incorrectodel tipo"estricta" del documentocon un documentoque utiliza marcos(por ejemplo,debe utilizar la"transición" tipo de documentopara obtener elatributo "target"), o mediante el uso deextensiones de proveedorde propiedad, tales como "marginheight"(esto generalmente se fijamediante el uso deCSS paralograr el efecto deseadoen su lugar). Este errortambién puede producirse siel elemento en síno es compatible conel tipo de documentoque está utilizando,como un elementodefinido,no tienenatributos soportados, en este caso, vea el elemento no definidomensaje de errorpara obtener más información. Cómo solucionarlo:revisar la ortografíay el casodel elemento yatributo,(RecuerdeXHTML estodo en minúsculas) y / o comprobar queambos estánpermitidos enel tipo de documentoseleccionado, y / o utilizarCSS en lugar delo atribuyen. Si ha recibidoeste errorcuando se utilizael elemento<embed>para incorporarlos medios de comunicaciónde flashen una página Web, vea el artículode preguntas frecuentes enFlashválida. 6
  • 7. Desarrollo de Aplicaciones Web 11 . Line 214, Column 36: document type does not allow element "p" here; missing one of "object", "ins", "del", "map", "button" start-tag <a href="Apartar_boletos.php"><p><span class="Estilo3">CONSULTA HORARIOS Y A… ✉ El elementomencionadono se le permiteaparecer en elcontexto en el quelo haspuesto, y los demás elementos mencionadosson los únicosque estánpermitidostantoallí ypuede contenerel elementomencionado. Esto podría significar quese necesita unelemento contenedor, o, posiblemente,de quete has olvidado decerrar unelemento anterior. Una posible causapara este mensajees que sehan tratado deponer unelemento en bloque(por ejemplo,"<p>" o "<table>") dentro de un elemento en línea(por ejemplo,"<a>", "<span>", o"<font>"). 11. Line 291, Column 10: ID "layer1" already defined <div id="layer1" style="left: 419px; top: 506px; width: 276px; height: 35px;" c… ✉ Un"id"es un identificador único. Cadavez que se utilizaeste atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para identificarexactamente un elemento). 12. Line 125, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 7
  • 8. Desarrollo de Aplicaciones Web El Servicio de Validación de CSS del W3C Resultados del Validador CSS del W3C para index.html (CSS versión 3) Disculpas! Hemos encontrado las siguientes errores (10) URI : index.html -1 Archivo no encontrado: import file://localhost/res/styles.css: Operation not permitted URI : index.html -1 Archivo no encontrado: import file://localhost/res/template.css: Operation not permitted URI : index.html -1 Archivo no encontrado: import file://localhost/res/print.css: Operation not permitted URI : index.html -1 Archivo no encontrado: import file://localhost/res/home.css: Operation not permitted URI : index.html -1 Archivo no encontrado: import file://localhost/res/handheld.css: Operation not permitted URI : index.html - Archivo no encontrado: import file://localhost/res/accessibility.css: Operation not 1 permitted URI : index.html -1 Archivo no encontrado: import file://localhost/styles.css: Operation not permitted URI : index.html 20 Error de análisis sintáctico [ --> .style7] 38 Error de análisis sintáctico [| .Estilo1] Propiedad no válida : margin-top Únicamente 0 puede ser un length. Debe 90 .style30 especificarse una unidad detrás de la cifra : 9 8
  • 9. Desarrollo de Aplicaciones Web Información de CSS válida .nuevoEstilo1 { position : relative; } .nuevoEstilo2 { position : relative; } .nuevoEstilo3 { position : relative; } .Estilo2 { font-size : 16px; } .Estilo3 { font-size : 18px; } .style18 { text-align : center; } .style20 { margin-top : 0; } .nuevoEstilo4 { background-image : url('IDIOMA/mexico.jpg'); background-repeat : no-repeat; background-attachment : inherit; 9
  • 10. Desarrollo de Aplicaciones Web background-position : bottom center; } .nuevoEstilo5 { background-image : url('IDIOMA/eu.jpg'); background-repeat : no-repeat; background-attachment : inherit; background-position : center center; } .style22 { margin-top : 112px; } .style23 { border-width : 0; color : #ffffff; } .style24 { font-size : xx-large; } .style25 { font-size : large; } .style26 { margin-top : 0; margin-left : 0; } .style27 { 10
  • 11. Desarrollo de Aplicaciones Web font-size : x-large; } .style28 { font-size : medium; } .style29 { font-size : xx-small; } .style32 { margin-left : 0; } .style33 { font-family : Arial, Helvetica, sans-serif; color : #000000; font-size : 13px; } .style34 { font-size : small; color : #ffffff; } .style35 { font-size : small; color : #ffffff; } 11
  • 12. Desarrollo de Aplicaciones Web Pantalla ¿QuienesSomos? Validación conMarkup Validation Service 12
  • 13. Desarrollo de Aplicaciones Web Validation Output: 11 Errors 1. Line 136, Column 13: ID "layer1" already defined <div id="layer1" style="left: 895px; top: 47px; width: 183px; height: 140px;… ✉ Un"id"es un identificador único. Cadavez que se utilizaeste atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para identificarexactamente un elemento). 2. Line 129, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 3. Line 139, Column 249: required attribute "alt" not specified …t: 94px;" width="50" class="style23" /></a><a href="index_ingles.html" class="… ✉ El atributodado anteriormentees necesario paraun elementoque se ha utilizado, pero se hanomitido.Por ejemplo, enla mayoría de lostipos de documentosHTMLy XHTMLelatributo "type"es necesario en el"guión"del elemento y elatributo "alt"es necesaria para el"img"elemento. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 4. Line 139, Column 409: required attribute "alt" not specified …: 94px; " width="50" class="style23" /></a></span><span class="style34"><br cl… ✉ 13
  • 14. Desarrollo de Aplicaciones Web El atributodado anteriormentees necesario paraun elementoque se ha utilizado, pero se hanomitido.Por ejemplo, enla mayoría de lostipos de documentosHTMLy XHTMLelatributo "type"es necesario en el"guión"del elemento y elatributo "alt"es necesaria para el"img"elemento Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 5. Line 142, Column 13: ID "layer1" already defined <div id="layer1" style="left: 477px; top: 45px; width: 444px; height: 132px;… ✉ Un"id"es un identificador único. Cadavez que se utilizaeste atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para identificarexactamente un elemento). 6. Line 129, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 7. Line 164, Column 32: ID "button3" already defined Promociones</a></li><li id="button3"> ✉ Un "id" es un identificador único. Cada vez que se utiliza este atributo en un documento que debe tener un valor diferente. Si usted está usando este atributo como un gancho para las hojas de estilo puede ser más apropiado utilizar las clases (que los elementos del grupo) que en ID (que se utilizan para identificar exactamente un elemento). 8. Line 163, Column 12: ID "button3" first defined here <li id="button3"><a href="Promocion.html" style="width: 118px"> 14
  • 15. Desarrollo de Aplicaciones Web 9. Line 211, Column 35: document type does not allow element "table" here; missing one of "object", "ins", "del", "map", "button" start-tag <table style="width: 92%"> ✉ El elementomencionadono se le permiteaparecer en elcontexto en el quelo haspuesto, y los demás elementos mencionadosson los únicosque estánpermitidostantoallí ypuede contenerel elementomencionado. Esto podría significar quese necesita unelemento contenedor, o, posiblemente,de quete has olvidado decerrar unelemento anterior. Una posible causapara este mensajees que sehan tratado deponer unelemento en bloque(por ejemplo,"<p>" o "<table>") dentro de un elemento en línea(por ejemplo,"<a>", "<span>", o"<font>"). 10. Line 234, Column 10: ID "imPage" already defined <div id="imPage" class="style38" style="left: 650px; top: -237px; height: 225px… ✉ Un"id"es un identificador único. Cadavez que se utilizaeste atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para identificarexactamente un elemento). 11. Line 180, Column 10: ID "imPage" first defined here <div id="imPage" style="left: 64px; top: 32px; width: 1086px"> 12. Line 236, Column 10: ID "imCel2_010" already defined <div id="imCel2_010" style="left: -275px; top: -198px; width: 514px; height: 34… ✉ Un"id"es un identificador único. Cadavez que se utilizaeste atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para identificarexactamente un elemento). 15
  • 16. Desarrollo de Aplicaciones Web 13. Line 182, Column 10: ID "imCel2_010" first defined here <div id="imCel2_010" style="left: 5px; top: 18px; width: 475px; height: 419px; … 14. Line 239, Column 10: ID "right" already defined <div id="right" class="style36" style="width: 352px; height: 355px;"> ✉ Un"id"es un identificador único. Cadavez que se utilizaeste atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para identificarexactamente un elemento) 15. Line 185, Column 10: ID "right" first defined here <div id="right" class="style36" style="width: 489px"> 16. Line 243, Column 33: document type does not allow element "table" here; missing one of "object", "ins", "del", "map", "button" start-tag <table style="width: 100%"> ✉ El elementomencionadono se le permiteaparecer en elcontexto en el quelo haspuesto, y los demás elementos mencionadosson los únicosque estánpermitidostantoallí ypuede contenerel elementomencionado. Esto podría significar quese necesita unelemento contenedor, o, posiblemente,de quete has olvidado decerrar unelemento anterior. Una posible causapara este mensajees que sehan tratado deponer unelemento en bloque(por ejemplo,"<p>" o "<table>") dentro de un elemento en línea(por ejemplo,"<a>", "<span>", o"<font>"). 16
  • 17. Desarrollo de Aplicaciones Web 17. Line 280, Column 10: ID "layer1" already defined <div id="layer1" style="left: 503px; top: 825px; width: 276px; height: 35px;" c… ✉ Un"id"es un identificador único. Cadavez que se utilizaeste atributoenundocumentoque debe tenerunvalor diferente.Siusted está usando esteatributo comoun gancho paralas hojas de estilopuede ser másapropiado utilizarlas clases(que los elementos del grupo) que en ID (quese utilizan para identificarexactamente un elemento). 18. Line 129, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… El Servicio de Validación de CSS del W3C Resultados del Validador CSS del W3C para ��Quienes Somos.html (CSS versión 3) Disculpas! Hemos encontrado las siguientes errores (59) URI : ��Quienes Somos.html -1 Archivo no encontrado: import file://localhost/res/styles.css: Operation not permitted URI : ��Quienes Somos.html -1 Archivo no encontrado: import file://localhost/res/template.css: Operation not permitted URI : ��Quienes Somos.html -1 Archivo no encontrado: import file://localhost/res/print.css: Operation not permitted URI : ��Quienes Somos.html -1 Archivo no encontrado: import file://localhost/res/home.css: Operation not permitted URI : ��Quienes Somos.html -1 Archivo no encontrado: import file://localhost/res/handheld.css: Operation not permitted 17
  • 18. Desarrollo de Aplicaciones Web URI : Quienes Somos.html - Archivo no encontrado: import file://localhost/res/accessibility.css: Operation not 1 permitted URI : Quienes Somos.html -1 Archivo no encontrado: import file://localhost/styles.css: Operation not permitted URI : Quienes Somos.html 20 Error de análisis sintáctico [ --> .style7] 40 Error de análisis sintáctico [| .Estilo1] Propiedad no válida : margin-top Únicamente 0 puede ser un length. Debe 100 .style30 especificarse una unidad detrás de la cifra : 9 195 La propiedad mso-spacerun no existe : yes 241 La propiedad language no existe : es-MX 241 La propiedad mso-line-break-override no existe : none 241 La propiedad punctuation-wrap no existe : hanging 241 La propiedad mso-ascii-font-family no existe : Verdana 241 La propiedad mso-fareast-font-family no existe : Verdana 241 La propiedad mso-bidi-font-family no existe : Verdana 241 La propiedad mso-color-index no existe : 1 241 La propiedad mso-font-kerning no existe : 12.0pt 241 La propiedad mso-style-textfill-type no existe : solid 241 La propiedad mso-style-textfill-fill-themecolor no existe : text1 241 La propiedad mso-style-textfill-fill-color no existe : white 241 La propiedad mso-style-textfill-fill-alpha no existe : 100.0% 247 La propiedad language no existe : es-MX 247 La propiedad mso-line-break-override no existe : none 18
  • 19. Desarrollo de Aplicaciones Web 247 La propiedad punctuation-wrap no existe : hanging 247 La propiedad mso-ascii-font-family no existe : Verdana 247 La propiedad mso-fareast-font-family no existe : Verdana 247 La propiedad mso-bidi-font-family no existe : Verdana 247 La propiedad mso-color-index no existe : 1 247 La propiedad mso-font-kerning no existe : 12.0pt 247 La propiedad mso-style-textfill-type no existe : solid 247 La propiedad mso-style-textfill-fill-themecolor no existe : text1 247 La propiedad mso-style-textfill-fill-color no existe : white 247 La propiedad mso-style-textfill-fill-alpha no existe : 100.0% 252 La propiedad language no existe : es-MX 252 La propiedad mso-line-break-override no existe : none 252 La propiedad punctuation-wrap no existe : hanging 252 La propiedad mso-ascii-font-family no existe : Verdana 252 La propiedad mso-fareast-font-family no existe : Verdana 252 La propiedad mso-bidi-font-family no existe : Verdana 252 La propiedad mso-color-index no existe : 1 252 La propiedad mso-font-kerning no existe : 12.0pt 252 La propiedad mso-style-textfill-type no existe : solid 252 La propiedad mso-style-textfill-fill-themecolor no existe : text1 252 La propiedad mso-style-textfill-fill-color no existe : white 252 La propiedad mso-style-textfill-fill-alpha no existe : 100.0% 258 La propiedad language no existe : es-MX 19
  • 20. Desarrollo de Aplicaciones Web 258 La propiedad mso-line-break-override no existe : none 258 La propiedad punctuation-wrap no existe : hanging 258 La propiedad mso-ascii-font-family no existe : Verdana 258 La propiedad mso-fareast-font-family no existe : Verdana 258 La propiedad mso-bidi-font-family no existe : Verdana 258 La propiedad mso-color-index no existe : 1 258 La propiedad mso-font-kerning no existe : 12.0pt 258 La propiedad mso-style-textfill-type no existe : solid 258 La propiedad mso-style-textfill-fill-themecolor no existe : text1 258 La propiedad mso-style-textfill-fill-color no existe : white 258 La propiedad mso-style-textfill-fill-alpha no existe : 100.0% Información de CSS válida .nuevoEstilo1 { position : relative; } .nuevoEstilo2 { position : relative; } .nuevoEstilo3 { position : relative; } .style15 { border-width : 0; } 20
  • 21. Desarrollo de Aplicaciones Web .Estilo2 { font-size : 16px; } .Estilo3 { font-size : 18px; } .style16 { border-width : 0; margin-right : 0; margin-top : 0; } .style17 { background-color : #1a1a18; } .style18 { text-align : center; } .style20 { margin-top : 0; } .nuevoEstilo4 { background-image : url('IDIOMA/mexico.jpg'); background-repeat : no-repeat; background-attachment : inherit; background-position : bottom center; } 21
  • 22. Desarrollo de Aplicaciones Web .nuevoEstilo5 { background-image : url('IDIOMA/eu.jpg'); background-repeat : no-repeat; background-attachment : inherit; background-position : center center; } .style22 { margin-top : 112px; } .style23 { border-width : 0; color : #ffffff; } .style24 { font-size : xx-large; } .style25 { font-size : large; } .style26 { margin-top : 0; margin-left : 0; } .style27 { font-size : x-large; } 22
  • 23. Desarrollo de Aplicaciones Web .style28 { font-size : medium; } .style29 { font-size : xx-small; } .style34 { font-size : small; color : #ffffff; } .style35 { font-size : small; color : #ffffff; } .style36 { margin-left : 0; } .style37 { font-size : small; text-align : justify; } .style38 { margin-bottom : 0; } Pantalla Cartelera 23
  • 24. Desarrollo de Aplicaciones Web Validación conMarkup Validation Service 24
  • 25. Desarrollo de Aplicaciones Web Validation Output: 23 Errors 1. Line 134, Column 13: ID "layer1" already defined <div id="layer1" style="left: 895px; top: 47px; width: 183px; height: 140px;… ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 2. Line 127, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 3. Line 137, Column 249: required attribute "alt" not specified …t: 94px;" width="50" class="style23" /></a><a href="index_ingles.html" class="… ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 4. Line 137, Column 409: required attribute "alt" not specified …: 94px; " width="50" class="style23" /></a></span><span class="style34"><br cl… ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. 25
  • 26. Desarrollo de Aplicaciones Web Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 5. Line 140, Column 13: ID "layer1" already defined <div id="layer1" style="left: 477px; top: 45px; width: 444px; height: 132px;… ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 6. Line 127, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 7. Line 162, Column 32: ID "button3" already defined Promociones</a></li><li id="button3"> ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 8. Line 161, Column 12: ID "button3" first defined here <li id="button3"><a href="Promocion.html" style="width: 118px"> 9. Line 193, Column 93: "alt" is not a member of a group specified for any attribute …0,'','VIDEO','t');" title=""><img alt src="cartelera/p1.jpg" onmouseover="this… ✉ 26
  • 27. Desarrollo de Aplicaciones Web 10. Line 195, Column 50: required attribute "alt" not specified *clic para ver el trailer "/></a> ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 11. Line 196, Column 99: "alt" is not a member of a group specified for any attribute …0,'','VIDEO','t');" title=""><img alt src="cartelera/p2.jpg" onmouseover="this… ✉ 12. Line 198, Column 50: required attribute "alt" not specified *clic para ver el trailer "/></a> ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 13. Line 199, Column 99: "alt" is not a member of a group specified for any attribute …0,'','VIDEO','t');" title=""><img alt src="cartelera/p7.jpg" onmouseover="this… ✉ 14. Line 201, Column 50: required attribute "alt" not specified 27
  • 28. Desarrollo de Aplicaciones Web *clic para ver el trailer "/></a> ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 15. Line 202, Column 100: "alt" is not a member of a group specified for any attribute …0,'','VIDEO','t');" title=""><img alt src="cartelera/p16.jpg" onmouseover="thi… ✉ 16. Line 204, Column 50: required attribute "alt" not specified *clic para ver el trailer "/> ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 17. Line 206, Column 14: ID "linea" already defined &nbsp;<p id="linea"><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb… ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 28
  • 29. Desarrollo de Aplicaciones Web 18. Line 192, Column 10: ID "linea" first defined here <p id="linea"><strong></strong></p> 19. Line 208, Column 94: "alt" is not a member of a group specified for any attribute …0,'','VIDEO','t');" title=""><img alt src="cartelera/p15.jpg" onmouseover="thi… ✉ 20. Line 210, Column 50: required attribute "alt" not specified *clic para ver el trailer "/></a> ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 21. Line 211, Column 100: "alt" is not a member of a group specified for any attribute …0,'','VIDEO','t');" title=""><img alt src="cartelera/p13.jpg" onmouseover="thi… ✉ 22. Line 213, Column 50: required attribute "alt" not specified *clic para ver el trailer "/></a> ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. 29
  • 30. Desarrollo de Aplicaciones Web Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 23. Line 214, Column 97: "alt" is not a member of a group specified for any attribute …0,'','VIDEO','t');" title=""><img alt src="cartelera/p17.jpg" onmouseover="thi… ✉ 24. Line 216, Column 50: required attribute "alt" not specified *clic para ver el trailer "/></a> ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 25. Line 217, Column 99: "alt" is not a member of a group specified for any attribute …0,'','VIDEO','t');" title=""><img alt src="cartelera/p2.jpg" onmouseover="this… ✉ 26. Line 220, Column 2: required attribute "alt" not specified /></a></p> ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 30
  • 31. Desarrollo de Aplicaciones Web 27. Line 224, Column 10: ID "layer1" already defined <div id="layer1" style="left: 316px; top: 652px; width: 276px; height: 35px;" c… ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 28. Line 127, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… El Servicio de Validación de CSS del W3C Resultados del Validador CSS del W3C para Cartelera Español.html (CSS versión 3) Disculpas! Hemos encontrado las siguientes errores (11) URI : Cartelera Español.html -1 Archivo no encontrado: import file://localhost/res/styles.css: Operation not permitted URI : Cartelera Español.html -1 Archivo no encontrado: import file://localhost/res/template.css: Operation not permitted URI : Cartelera Español.html -1 Archivo no encontrado: import file://localhost/res/print.css: Operation not permitted URI : Cartelera Español.html -1 Archivo no encontrado: import file://localhost/res/home.css: Operation not permitted URI : Cartelera Español.html -1 Archivo no encontrado: import file://localhost/res/handheld.css: Operation not permitted URI : Cartelera Español.html - Archivo no encontrado: import file://localhost/res/accessibility.css: Operation not 31
  • 32. Desarrollo de Aplicaciones Web 1 permitted URI : Cartelera Español.html -1 Archivo no encontrado: import file://localhost/styles.css: Operation not permitted URI : Cartelera Español.html 20 Error de análisis sintáctico [ --> .style7] 40 Error de análisis sintáctico [| .Estilo1] Propiedad no válida : margin-top Únicamente 0 puede ser un length. Debe 97 .style30 especificarse una unidad detrás de la cifra : 9 Propiedad no válida : margin-bottom Únicamente 0 puede ser un length. 112 .style37 Debe especificarse una unidad detrás de la cifra : 15 Información de CSS válida .nuevoEstilo1 { position : relative; } .nuevoEstilo2 { position : relative; } .nuevoEstilo3 { position : relative; } .style15 { border-width : 0; } .Estilo2 { font-size : 16px; 32
  • 33. Desarrollo de Aplicaciones Web } .Estilo3 { font-size : 18px; } .style16 { border-width : 0; margin-right : 0; margin-top : 0; } .style18 { text-align : center; } .style20 { margin-top : 0; } .nuevoEstilo4 { background-image : url('IDIOMA/mexico.jpg'); background-repeat : no-repeat; background-attachment : inherit; background-position : bottom center; } .nuevoEstilo5 { background-image : url('IDIOMA/eu.jpg'); background-repeat : no-repeat; background-attachment : inherit; background-position : center center; 33
  • 34. Desarrollo de Aplicaciones Web } .style22 { margin-top : 112px; color : teal; font-size : large; } .style23 { border-width : 0; color : teal; } .style24 { font-size : xx-large; } .style25 { font-size : large; } .style26 { margin-top : 0; margin-left : 0; } .style27 { font-size : x-large; } .style29 { font-size : xx-small; } 34
  • 35. Desarrollo de Aplicaciones Web .style34 { font-size : small; color : #ffffff; } .style35 { font-size : small; color : #ffffff; } .style36 { font-size : large; color : #ffffff; } .style38 { font-size : x-large; color : red; } 35
  • 36. Desarrollo de Aplicaciones Web Pantalla Promociones Validación conMarkup Validation Service 36
  • 37. Desarrollo de Aplicaciones Web Validation Output: 13 Errors 1. Line 122, Column 13: ID "layer1" already defined <div id="layer1" style="left: 895px; top: 47px; width: 183px; height: 140px;… ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 2. Line 115, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 3. Line 125, Column 249: required attribute "alt" not specified …t: 94px;" width="50" class="style23" /></a><a href="index_ingles.html" class="… ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 4. Line 125, Column 409: required attribute "alt" not specified …: 94px; " width="50" class="style23" /></a></span><span class="style34"><br cl… ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. 37
  • 38. Desarrollo de Aplicaciones Web Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 5. Line 128, Column 13: ID "layer1" already defined <div id="layer1" style="left: 477px; top: 45px; width: 444px; height: 132px;… ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 6. Line 115, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 7. Line 150, Column 32: ID "button3" already defined Promociones</a></li><li id="button3"> ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 8. Line 149, Column 12: ID "button3" first defined here <li id="button3"><a href="Promocion.html" style="width: 118px"> 9. Line 175, Column 10: ID "layer1" already defined <div id="layer1" style="left: 326px; top: 679px; width: 276px; height: 35px;" c… ✉ 38
  • 39. Desarrollo de Aplicaciones Web An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 10. Line 115, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 11. Line 187, Column 78: required attribute "alt" not specified …<img height="540" src="imagenespromociones/promociones.jpg" width="407" /></td> ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 12. Line 193, Column 11: ID "center" already defined <div id="center" style="left: 456px; top: -6px; height: 547px; width: 480px;" > ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 13. Line 171, Column 11: ID "center" first defined here <div id="center" style="left: -11px; top: -6px; height: 547px" > 14. Line 218, Column 19: ID "MEGALETRA" already defined <td id="MEGA 39
  • 40. Desarrollo de Aplicaciones Web ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 15. Line 201, Column 19: ID "MEGALETRA" first defined here <td id="MEGA 16. Line 222, Column 22: ID "tab2" already defined <table id="tab2 ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 17. Line 205, Column 22: ID "tab2" first defined here <table id="tab2 18. Line 224, Column 21: ID "precio" already defined ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 19. Line 207, Column 21: ID "precio" first defined here 20. Line 225, Column 21: ID "cnatidad" already defined 40
  • 41. Desarrollo de Aplicaciones Web ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 21. Line 209, Column 21: ID "cnatidad" first defined here 22. Line 252, Column 78: required attribute "alt" not specified … src="imagenespromociones/expressline.jpg" height="210" width="330" /></a></td> ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. El Servicio de Validación de CSS del W3C Resultados del Validador CSS del W3C para Promocion.html (CSS versión 3) Disculpas! Hemos encontrado las siguientes errores (10) URI : Promocion.html -1 Archivo no encontrado: import file://localhost/res/styles.css: Operation not permitted URI : Promocion.html -1 Archivo no encontrado: import file://localhost/res/template.css: Operation not permitted URI : Promocion.html -1 Archivo no encontrado: import file://localhost/res/print.css: Operation not permitted 41
  • 42. Desarrollo de Aplicaciones Web URI : Promocion.html -1 Archivo no encontrado: import file://localhost/res/home.css: Operation not permitted URI : Promocion.html -1 Archivo no encontrado: import file://localhost/res/handheld.css: Operation not permitted URI : Promocion.html - Archivo no encontrado: import file://localhost/res/accessibility.css: Operation not 1 permitted URI : Promocion.html -1 Archivo no encontrado: import file://localhost/styles.css: Operation not permitted URI : Promocion.html 20 Error de análisis sintáctico [ --> .style7] 40 Error de análisis sintáctico [| .Estilo1] Propiedad no válida : margin-top Únicamente 0 puede ser un length. Debe 96 .style30 especificarse una unidad detrás de la cifra : 9 Información de CSS válida .nuevoEstilo1 { position : relative; } .nuevoEstilo2 { position : relative; } .nuevoEstilo3 { position : relative; } .style15 { border-width : 0; 42
  • 43. Desarrollo de Aplicaciones Web } .Estilo2 { font-size : 16px; } .Estilo3 { font-size : 18px; } .style18 { text-align : center; } .style20 { margin-top : 0; } .nuevoEstilo4 { background-image : url('IDIOMA/mexico.jpg'); background-repeat : no-repeat; background-attachment : inherit; background-position : bottom center; } .nuevoEstilo5 { background-image : url('IDIOMA/eu.jpg'); background-repeat : no-repeat; background-attachment : inherit; background-position : center center; } .style16 { 43
  • 44. Desarrollo de Aplicaciones Web border-width : 0; margin-right : 0; margin-top : 0; } .style22 { margin-top : 112px; color : teal; font-size : large; } .style23 { border-width : 0; color : teal; } .style24 { font-size : xx-large; } .style25 { font-size : large; } .style26 { margin-top : 0; margin-left : 0; } .style27 { font-size : x-large; } 44
  • 45. Desarrollo de Aplicaciones Web .style29 { font-size : xx-small; } .style34 { font-size : small; color : #ffffff; } .style35 { font-size : small; color : #ffffff; } Pantalla Clasificaciones 45
  • 46. Desarrollo de Aplicaciones Web Validación conMarkup Validation Service 46
  • 47. Desarrollo de Aplicaciones Web Validation Output: 13 Errors 1. Line 141, Column 13: ID "layer1" already defined <div id="layer1" style="left: 895px; top: 47px; width: 183px; height: 140px;… ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 2. Line 134, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 3. Line 144, Column 249: required attribute "alt" not specified …t: 94px;" width="50" class="style23" /></a><a href="index_ingles.html" class="… ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 4. Line 144, Column 409: required attribute "alt" not specified …: 94px; " width="50" class="style23" /></a></span><span class="style34"><br cl… ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. 47
  • 48. Desarrollo de Aplicaciones Web Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 5. Line 147, Column 13: ID "layer1" already defined <div id="layer1" style="left: 477px; top: 45px; width: 444px; height: 132px;… ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 6. Line 134, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 7. Line 169, Column 32: ID "button3" already defined Promociones</a></li><li id="button3"> ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 8. Line 168, Column 12: ID "button3" first defined here <li id="button3"><a href="Promocion.html" style="width: 118px"> 9. Line 195, Column 35: there is no attribute "align" <table style="width: 79%" align="center"> ✉ 48
  • 49. Desarrollo de Aplicaciones Web You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information. How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash. 10. Line 219, Column 50: document type does not allow element "table" here; missing one of "object", "ins", "del", "map", "button" start-tag <table style="width: 79%" align="center"> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block- level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). 11. Line 248, Column 10: ID "imPage" already defined <div id="imPage" class="style38" style="left: 650px; top: -237px; height: 225px… ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 12. Line 185, Column 10: ID "imPage" first defined here 49
  • 50. Desarrollo de Aplicaciones Web <div id="imPage" style="left: 64px; top: 32px; width: 1086px"> 13. Line 250, Column 10: ID "imCel2_010" already defined <div id="imCel2_010" style="left: -275px; top: -198px; width: 514px; height: 34… ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 14. Line 187, Column 10: ID "imCel2_010" first defined here <div id="imCel2_010" style="left: 5px; top: 18px; width: 475px; height: 419px; … 15. Line 253, Column 10: ID "right" already defined <div id="right" class="style36" style="width: 352px; height: 355px;"> ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 16. Line 190, Column 10: ID "right" first defined here <div id="right" class="style36" style="width: 489px"> 17. Line 256, Column 48: document type does not allow element "table" here; missing one of "object", "ins", "del", "map", "button" start-tag <table style="width: 108%" align="center"> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed 50
  • 51. Desarrollo de Aplicaciones Web there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block- level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). 18. Line 288, Column 10: ID "layer1" already defined <div id="layer1" style="left: 503px; top: 825px; width: 276px; height: 35px;" c… ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 19. Line 134, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 20. Line 296, Column 11: ID "layer1" already defined <div id="layer1" style="left: 490px; top: 274px; width: 276px; height: 35px;" … ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 21. Line 134, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 51
  • 52. Desarrollo de Aplicaciones Web El Servicio de Validación de CSS del W3C Resultados del Validador CSS del W3C para Promocion.html (CSS versión 3) Disculpas! Hemos encontrado las siguientes errores (10) URI : Promocion.html -1 Archivo no encontrado: import file://localhost/res/styles.css: Operation not permitted URI : Promocion.html -1 Archivo no encontrado: import file://localhost/res/template.css: Operation not permitted URI : Promocion.html -1 Archivo no encontrado: import file://localhost/res/print.css: Operation not permitted URI : Promocion.html -1 Archivo no encontrado: import file://localhost/res/home.css: Operation not permitted URI : Promocion.html -1 Archivo no encontrado: import file://localhost/res/handheld.css: Operation not permitted URI : Promocion.html - Archivo no encontrado: import file://localhost/res/accessibility.css: Operation not 1 permitted URI : Promocion.html -1 Archivo no encontrado: import file://localhost/styles.css: Operation not permitted URI : Promocion.html 20 Error de análisis sintáctico [ --> .style7] 40 Error de análisis sintáctico [| .Estilo1] Propiedad no válida : margin-top Únicamente 0 puede ser un length. Debe 96 .style30 especificarse una unidad detrás de la cifra : 9 Información de CSS válida .nuevoEstilo1 { 52
  • 53. Desarrollo de Aplicaciones Web position : relative; } .nuevoEstilo2 { position : relative; } .nuevoEstilo3 { position : relative; } .style15 { border-width : 0; } .Estilo2 { font-size : 16px; } .Estilo3 { font-size : 18px; } .style18 { text-align : center; } .style20 { margin-top : 0; } .nuevoEstilo4 { background-image : url('IDIOMA/mexico.jpg'); background-repeat : no-repeat; 53
  • 54. Desarrollo de Aplicaciones Web background-attachment : inherit; background-position : bottom center; } .nuevoEstilo5 { background-image : url('IDIOMA/eu.jpg'); background-repeat : no-repeat; background-attachment : inherit; background-position : center center; } .style16 { border-width : 0; margin-right : 0; margin-top : 0; } .style22 { margin-top : 112px; color : teal; font-size : large; } .style23 { border-width : 0; color : teal; } .style24 { font-size : xx-large; } 54
  • 55. Desarrollo de Aplicaciones Web .style25 { font-size : large; } .style26 { margin-top : 0; margin-left : 0; } .style27 { font-size : x-large; } .style29 { font-size : xx-small; } .style34 { font-size : small; color : #ffffff; } .style35 { font-size : small; color : #ffffff; } 55
  • 56. Desarrollo de Aplicaciones Web Pantalla Próximamente Validación conMarkup Validation Service 56
  • 57. Desarrollo de Aplicaciones Web Validation Output: 13 Errors 1. Line 141, Column 13: ID "layer1" already defined <div id="layer1" style="left: 895px; top: 47px; width: 183px; height: 140px;… ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 2. Line 134, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 3. Line 144, Column 249: required attribute "alt" not specified …t: 94px;" width="50" class="style23" /></a><a href="index_ingles.html" class="… ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 4. Line 144, Column 409: required attribute "alt" not specified …: 94px; " width="50" class="style23" /></a></span><span class="style34"><br cl… ✉ The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. 57
  • 58. Desarrollo de Aplicaciones Web Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 5. Line 147, Column 13: ID "layer1" already defined <div id="layer1" style="left: 477px; top: 45px; width: 444px; height: 132px;… ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 6. Line 134, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 7. Line 169, Column 32: ID "button3" already defined Promociones</a></li><li id="button3"> ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 8. Line 168, Column 12: ID "button3" first defined here <li id="button3"><a href="Promocion.html" style="width: 118px"> 9. Line 195, Column 35: there is no attribute "align" <table style="width: 79%" align="center"> ✉ 58
  • 59. Desarrollo de Aplicaciones Web You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information. How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash. 10. Line 219, Column 50: document type does not allow element "table" here; missing one of "object", "ins", "del", "map", "button" start-tag <table style="width: 79%" align="center"> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block- level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). 11. Line 248, Column 10: ID "imPage" already defined <div id="imPage" class="style38" style="left: 650px; top: -237px; height: 225px… ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 59
  • 60. Desarrollo de Aplicaciones Web 12. Line 185, Column 10: ID "imPage" first defined here <div id="imPage" style="left: 64px; top: 32px; width: 1086px"> 13. Line 250, Column 10: ID "imCel2_010" already defined <div id="imCel2_010" style="left: -275px; top: -198px; width: 514px; height: 34… ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 14. Line 187, Column 10: ID "imCel2_010" first defined here <div id="imCel2_010" style="left: 5px; top: 18px; width: 475px; height: 419px; … 15. Line 253, Column 10: ID "right" already defined <div id="right" class="style36" style="width: 352px; height: 355px;"> ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 16. Line 190, Column 10: ID "right" first defined here <div id="right" class="style36" style="width: 489px"> 17. Line 256, Column 48: document type does not allow element "table" here; missing one of "object", "ins", "del", "map", "button" start-tag <table style="width: 108%" align="center"> ✉ 60
  • 61. Desarrollo de Aplicaciones Web The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block- level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). 18. Line 288, Column 10: ID "layer1" already defined <div id="layer1" style="left: 503px; top: 825px; width: 276px; height: 35px;" c… ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 19. Line 134, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 20. Line 296, Column 11: ID "layer1" already defined <div id="layer1" style="left: 490px; top: 274px; width: 276px; height: 35px;" … ✉ An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 21. Line 134, Column 14: ID "layer1" first defined here <div id="layer1" style="left: -75px; top: 40px; width: 1426px; height: 154p… 61
  • 62. Desarrollo de Aplicaciones Web El Servicio de Validación de CSS del W3C Resultados del Validador CSS del W3C para proximament.html (CSS versión 3) Disculpas! Hemos encontrado las siguientes errores (9) URI : proximament.html -1 Archivo no encontrado: import file://localhost/res/styles.css: Operation not permitted URI : proximament.html -1 Archivo no encontrado: import file://localhost/res/template.css: Operation not permitted URI : proximament.html -1 Archivo no encontrado: import file://localhost/res/print.css: Operation not permitted URI : proximament.html -1 Archivo no encontrado: import file://localhost/res/home.css: Operation not permitted URI : proximament.html -1 Archivo no encontrado: import file://localhost/res/handheld.css: Operation not permitted URI : proximament.html - Archivo no encontrado: import file://localhost/res/accessibility.css: Operation not 1 permitted URI : proximament.html -1 Archivo no encontrado: import file://localhost/styles.css: Operation not permitted URI : proximament.html 20 Error de análisis sintáctico [ --> .style7] Propiedad no válida : margin-top Únicamente 0 puede ser un length. Debe 96 .style30 especificarse una unidad detrás de la cifra : 9 Información de CSS válida .nuevoEstilo1 { 62
  • 63. Desarrollo de Aplicaciones Web position : relative; } .nuevoEstilo2 { position : relative; } .nuevoEstilo3 { position : relative; } .style15 { border-width : 0; } .Estilo1 { font-size : 18px; font-weight : bold; font-style : italic; } .Estilo2 { font-size : 16px; } .Estilo3 { font-size : 18px; } .style16 { border-width : 0; margin-right : 0; margin-top : 0; 63
  • 64. Desarrollo de Aplicaciones Web } .style18 { text-align : center; } .style20 { margin-top : 0; } .nuevoEstilo4 { background-image : url('IDIOMA/mexico.jpg'); background-repeat : no-repeat; background-attachment : inherit; background-position : bottom center; } .nuevoEstilo5 { background-image : url('IDIOMA/eu.jpg'); background-repeat : no-repeat; background-attachment : inherit; background-position : center center; } .style22 { margin-top : 112px; color : teal; font-size : large; } .style23 { border-width : 0; 64
  • 65. Desarrollo de Aplicaciones Web color : teal; } .style24 { font-size : xx-large; } .style25 { font-size : large; } .style26 { margin-top : 0; margin-left : 0; } .style27 { font-size : x-large; } .style29 { font-size : xx-small; } .style34 { font-size : small; color : #ffffff; } .style35 { font-size : small; color : #ffffff; } 65
  • 66. Desarrollo de Aplicaciones Web .style36 { border-style : none; border-width : 0; } .style37 { border : #ffffff solid 2px; background-color : #d3e7e6; } .style38 { border-color : #ffffff; border-width : 2px; } .style39 { border : #e6e6fa solid 1px; text-align : justify; font-family : Verdana, Geneva, Tahoma, sans-serif; font-size : x-small; } 66