Mi lista de blogs

miércoles, 1 de agosto de 2018

Diseñar página Wed

Objetivo de aprendizaje: Aprender a diseñar una página Web con sentencias de programación de HTML.

Para crearla solo se necesita tener acceso a un editor de texto  como es  el block de notas de Windows.

Primer paso: Crear el título de la página Web dejándolo bien centrado

Digite en un archivo de blog de notas de Windows las siguientes sentencias de programación html.

<HTML>
  <CENTER>
    <HEAD>
       <TITLE> LAS TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN </TITLE>
    </HEAD>
    <BODY>
      <H1> LAS TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN  </H1>
    </BODY>
  <CENTER>
</HTML>

Segundo paso: Hacer que el título se mueva en un fondo

<HTML>
  <CENTER>
    <HEAD>
       <TITLE> LAS TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN </TITLE>
    </HEAD>
    <BODY>
       <MARQUEE WIDTH=100% BGCOLOR=#ffff00>
       <FONT FACE=arial COLOR=red SIZE=5>
          <H1> LAS TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN  </H1>
       </FONT>
       </MARQUEE>
    </BODY>
  <CENTER>
</HTML>

Tercer paso: Hacer que el título se mueva en un fondo y que aparezca un subtítulo que explique el fin de la página Web. 

<HTML>
  <CENTER>
    <HEAD>
       <TITLE> LAS TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN "TIC" </TITLE>
    </HEAD>
   <BODY>
       <MARQUEE WIDTH=100% BGCOLOR=#ffff00>
       <FONT FACE=arial COLOR=red SIZE=5>
          <H1> LAS TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN "TIC" </H1>
       </FONT>
       </MARQUEE>
       <FONT FACE=arial COLOR=black SIZE=5>
       <h2> Bienvenidos a la página que te informa los últimos avances de las TIC </h2>
       </FONT>
       </BODY>
  <CENTER>
</HTML>

Cuarto  paso: Hacer que el título se mueva en un fondo y que aparezca un subtítulo que explique el fin de la página Web pero dentro de una tabla 

<HTML>
  <CENTER>
    <HEAD>
       <table width=100% cellspacing="1" cellpadding="0" border="5" bgcolor="#1E679A">
         <tr>
           <td><font color="#FFFFFF" face="arial, verdana, helvetica">
         </font></td>
         </tr>
         <tr>
         <td bgcolor="#ffffcc">
         <font face="arial, verdana, helvetica">
         <TITLE> LAS TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN "TIC" </TITLE>
            </HEAD>
              <BODY>
                 <MARQUEE WIDTH=100% BGCOLOR=#ffff00>
                    <FONT FACE=arial COLOR=red SIZE=5>
                    <H1> LAS TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN "TIC" </H1>
                    </FONT>
                 </MARQUEE>
                    <FONT FACE=arial COLOR=black SIZE=5>
                    <h2> Bienvenidos a la página que te informa los últimos avances de las TIC </h2>
                    </FONT>
          </font>
          </td>
          </tr>
          </table>
              </BODY>
   <CENTER>
</HTML>


Quinto  paso: Hacer que aparezca una tabla a mano izquierda debajo del titulo y subtitulo 

<HTML>
  <CENTER>
    <HEAD>
       <table width=100% cellspacing="1" cellpadding="0" border="2" bgcolor="#1E679A"> 
         <tr> 
           <td><font color="#FFFFFF" face="arial, verdana, helvetica"> 
         </font></td> 
         </tr> 
         <tr> 
         <td bgcolor="#ffffcc"> 
         <font face="arial, verdana, helvetica"> 
         <TITLE> LAS TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN "TIC" </TITLE>
            </HEAD>
              <BODY>  
                 <MARQUEE WIDTH=100% BGCOLOR=#ffff00>
                    <FONT FACE=arial COLOR=red SIZE=5>
                    <H1> LAS TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN "TIC" </H1>
                    </FONT>
                 </MARQUEE>
                    <FONT FACE=arial COLOR=black SIZE=5>
                    <CENTER>     
                    <h2> Bienvenidos a la página que te informa los últimos avances de las TIC </h2>
                    </CENTER>
                    </FONT>
          </font> 
          </td> 
          </tr> 
          </table>
              </BODY>
     </CENTER>    
                 <left>
                    <table width="280" cellspacing="1" cellpadding="3" border="0" bgcolor="#1E679A"> 
                    <tr> 
                    <td><font color="#FFFFFF" face="arial, verdana, helvetica"> 
                    <CENTER>
                    <b>Definición de las TIC</b> 
                    </CENTER>
                    </font></td> 
                    </tr> 
                    <tr> 
                    <td bgcolor="#ffffcc"> 
                    <font face="arial, verdana, helvetica"> 
                    Buscar como inegrar un vídeo  
                    </font> 
                   </td> 
                  </tr> 
                   </table>
                  </left>
  
</HTML>