Mostrando entradas con la etiqueta Programación HTML. Mostrar todas las entradas
Mostrando entradas con la etiqueta Programación HTML. Mostrar todas las entradas

miércoles, 1 de agosto de 2018

11.2.1 Programa No 1

Objetivo de aprendizaje: Diseñar una página Web con programación html para una futura empresa.

Primer paso: abra un archivo en el blog de notas y guárdelo con el nombre de la empresa; ejemplo fotoimagen; digite las sentencias de programación html propuestas en el segundo paso y luego guarde el archivo con el mismo nombre con la extensión htm; ejemplo  fotoimagen.htm

<html>
  <center>
    <head>

      <title>ESTUDIO FOTOGRÁFICO LA GRAN IMAGEN</title>
     <center>
      <table width="800" cellspacing="1" cellpadding="3" border="0" bgcolor="#1E679A">
         <tr>
           <td><font color="#FFFFFF" face="arial, verdana, helvetica">
           <center>
           <b>ESTUDIO FOTOGRÁFICO LA GRAN IMAGEN</b>
           <center>
           </font></td>
         </tr>

         <tr>
           <td bgcolor="#ffffcc">
              <font face="arial, verdana, helvetica">
              <body>
              <center>
              <p><b> Estamos para ayudarle a mejorar su imagen en toda ocasión.</b></p>
              <p><b> Aquí tendrás una gran variedad de diseños fotográficos. </b></p>
              </center>
              </body>
              </font>
           </td>
          </tr>
       </table>
      </center>
     </head>
   </center>
</html>



Posted by
Labels:

Programa No 2

<p>
<center>
SALMO 91
</center>
</p>
<p>
1 El que habita al abrigo del Altísimo
Morará bajo la sombra del Omnipotente.
</p>
<p>
2 Diré yo a Jehová: Esperanza mía, y castillo mío;
Mi Dios, en quien confiaré.
</p>
<p>
3 El te librará del lazo del cazador,
De la peste destructora.
</p>
<p>
4 Con sus plumas te cubrirá,
Y debajo de sus alas estarás seguro;
Escudo y adarga es su verdad.
</p>
<p>
5 No temerás el terror nocturno,
Ni saeta que vuele de día,
</p>
<p>
6 Ni pestilencia que ande en oscuridad,
Ni mortandad que en medio del día destruya.
</p>
Posted by
Labels:

Programa No 3

<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>
Posted by
Labels:

Programa No. 4

<p> SALMO 91
</P>

<p>
1 El que habita al abrigo del Altísimo
<br>
morará bajo la sombra del Omnipotente.
</p>

<p>
2 Diré yo a Jehová: Esperanza mía, y castillo mío;
<br>
mi Dios, en quien confiaré.
</p>

<p>
3 El te librará del lazo del cazador,
<br>
de la peste destructora.
</p>

<p>
4 Con sus plumas te cubrirá,
<br>
y debajo de sus alas estarás seguro;
<br>
escudo y adarga es su verdad.
</p>

<p>
5 No temerás el terror nocturno,
<br>
ni saeta que vuele de día,
</p>

<p>
6 Ni pestilencia que ande en oscuridad,
<br>
ni mortandad que en medio del día destruya.
</p>
Posted by
Labels:

Programa No 5

<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>
Posted by
Labels:

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>


Posted by
Labels:
Suscribirse a: Entradas (Atom)