Convertir pagina .html a .php

ceaped · #1 (**permalink**) 13/08/2013, 08:36

Buenas días
Hice una página Web la cual estaba en .html y luego la guarde como .php.
Funciona bien y se visualiza bien, lo que noto es que las etiquetas finales de

</body> y </html>

Marcado como no válido porque no corresponde al interior de la etiqueta en que se encuentra. (comentario que sale en Dreamweaver)

Esta fue la única línea .php que agregue:

Código PHP:

Ver original<?php include("paginas_recetas/receta_01.html"); ?>

¿Qué debo hacer para que no me diga que está mal?

pzin · #2 (**permalink**) 13/08/2013, 08:37

Pues tal vez tengas en receta_01.html esas etiquetas indicadas también y al final las estás duplicando.

ceaped · #3 (**permalink**) 13/08/2013, 08:47

Hola pzin
Gracias por tu respuesta, si eso era puse el archivo receta_01.html a receta_01.php, el asunto es que los archivos son .html....no hay forma de guardarlo .html sin que me genere errores?

Gracias por tu ayuda

omarinfinito · #4 (**permalink**) 13/08/2013, 09:37

¿Cual es el problema con usar .php?

ceaped · #5 (**permalink**) 13/08/2013, 09:43

Hola omarinfinito
No es problema, solo que me sale ese error pero todo se ve bien.

Gracias por tu ayuda

Rafael · #6 (**permalink**) 13/08/2013, 11:33

No es cosa de que se vea bien, sino de que esté bien formado.

No es cosa de sólo cambiar extensiones, sino de que lo que tengas en el include sea lo correcto.

Para analizar lo que pasa puedes
1) Ver tu página final en tu navegador.
2) Ver el código fuente.

Si está repetido el final de body y el final de html lo tienes tal cual repetido y deberías borrarlo o en el include o en el php.

ceaped · #7 (**permalink**) 13/08/2013, 11:41

Hola Rafael
Gracias por tu respuesta.

1) La página se ve bien en el navegador
2) El código fuente lo veo en Dreamweaver y es ahí donde me dice el error que puse en el primer post.

Ni la etiqueta body ni html están repetidas.

Gracias por tu ayuda

Rafael · #8 (**permalink**) 13/08/2013, 11:42

¿La tienes publicada en algún lado?

ceaped · #9 (**permalink**) 13/08/2013, 12:39

Hola Rafael
No la he subido, pero te pongo como esta el archivo.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
 
<head>
<title>T&iacute;tulo de la p&aacute;gina</title>
 
<!--Estilo general-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
 
<!--Meta datos-->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="verify-v1" content="Sk62ZufUEzAk2A5WdjFgPjq/BE7aqi+D8nco5izAneA=" />
 
<!-- librerías -->
<script type="text/javascript" src="js/nivo_slider/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/nivo_slider/jquery.nivo.slider.pack.js"></script>
 
<script type="text/javascript" src="js/imprimir/jquery.PrintArea.js"></script>
 
<script type="text/javascript" src="js/dropdown/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/dropdown/jquery.dd.js"></script>
 
<script type="text/javascript" src="js/fancybox/jquery.fancybox.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-thumbs.js"></script>
 
<!-- Para que no halla conflicto  -->
<script type="text/javascript">
jQuery.noConflict();
</script>
 
<!-- formulario  -->
<script type="text/javascript"> 
jQuery(document).ready(function(){
    jQuery(".formulario").fancybox({
    width       : 470,
    height      : 450,
    autoSize    : false,
    type        : 'iframe'
    });
});
</script>
<!-- FIN formulario  -->
 
<!-- imagenes  -->
<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery(".imagenes").fancybox({
    });
});
</script>
<!-- FIN imagenes  -->
 
<!-- imagenes a menú -->
<script type="text/javascript">
jQuery(document).ready(function() {
 
try {
oHandler = jQuery("#websites2").msDropDown({mainCSS:'dd2'}).data("dd");
jQuery("#ver").html(jQuery.msDropDown.version);
} catch(e) {
alert("Error: "+e.message);
}
})
</script>
<!-- FIN imagenes a menú -->
 
<!-- banner de imagenes -->
<script type="text/javascript">
 
/*
$(window).load(function() {
$('#slider').nivoSlider();
 });
 */
 
//http://nivo.dev7studios.com/support/jquery-plugin-usage/
$(window).load(function() {
$('#slider').nivoSlider({
effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
slices: 15, // For slice animations
boxCols: 8, // For box animations
boxRows: 4, // For box animations
animSpeed: 500, // Slide transition speed
pauseTime: 3000, // How long each slide will show
startSlide: 0, // Set starting Slide (0 index)
directionNav: true, // Next & Prev navigation
directionNavHide: true, // Only show on hover
controlNav: false, // 1,2,3... navigation
controlNavThumbs: false, // Use thumbnails for Control Nav
pauseOnHover: true, // Stop animation while hovering
manualAdvance: false, // Force manual transitions
prevText: 'Prev', // Prev directionNav text
nextText: 'Next', // Next directionNav text
randomStart: false, // Start on a random slide
beforeChange: function(){}, // Triggers before a slide transition
afterChange: function(){}, // Triggers after a slide transition
slideshowEnd: function(){}, // Triggers after all slides have been shown
lastSlide: function(){}, // Triggers when last slide is shown
afterLoad: function(){} // Triggers when slider has loaded
});
});
</script>
<!-- FIN banner de imagenes -->
 
<script language="JavaScript" type="text/javascript">
function irA(url){
location.href = url;
}
</script>
</head>
 
<body>
 
<!-- contenido -->
<div id="fondo_gris"></div>
 
<div id="container">
 
<div id="menu">
<ul>
<li><a href="nombre.php" ><img src="images/iconos/icono_1.png" border="0" />botón 1</a></li>
<li><a href="nombre.php"><img src="images/iconos/icono_2.png" border="0" />botón 2</a></li>
<li><a href="nombre.php"><img src="images/iconos/icono_3.png" border="0" />botón 3</a></li>
</ul>
</div>
 
</div>
 
<div class="banner_inicio"><a href="index.php" title="Volver">
<img style="border:0;width:690px;height:100px" src="images/banner.png" alt="..." /></a>
</div>
 
<div id="zonas">
<select onchange="irA(this.value)" id="websites2" style="width:335px;">
<option selected="selected" value="nombre.html" title="images/color_1.gif">Opción 1</option>
<option selected="selected" value="nombre.html" title="images/color_2.gif">Opción 2</option>
<option selected="selected" value="nombre.html" title="images/color_3.gif">Opción 3</option>
 
<option selected="selected" value="#">menú desplegable</option>
</select> 
</div>
 
<!-- Banner animado -->
<div class="banner_animado">
<div class="slider-wrapper theme-default">
 
<div id="slider" class="nivoSlider">
<img src="images/banner1.jpg" alt="" />
<img src="images/banner2.jpg" alt="" />
<img src="images/banner3.jpg" alt="" />
</div>
</div>
 
</div>
<!-- Fin Banner animado -->
 
<!-- Campo de texto -->
<?php include("paginas/parte_01.html"); ?>
<!-- Fin Campo de texto -->
 
<div class="banner_inferior">
<a class="galerias" rel="banner" href="images/banner_A.jpg" title="Nombre...">
<img src="images/banner_B.jpg" width="690" height="80" border="0" alt="Nombre..." /></a>
</div>
 
<div class="footer">
<h6>pie de pagina</h6>
</div>
 
</div>
 
<!-- impimir zonas -->
<script type="text/javascript">
$("#imprimir").click(function (){
$("div#myPrintArea").printArea();
})
</script>
 
</body>
</html>

Como te digo el se ve bien solo que en las etiquetas </body>
</html> al final del documento sale ese error.

Gracias por tu ayuda

Rafael · #10 (**permalink**) 13/08/2013, 15:07

No peles al dreamgüeaver

Edito, creí que era el archivo FINAL. Revisa el archivo generado ya con el include parte1 adentro.