Construcción de Instalador de Software

Construcción de instalador de software
A continuación, se hablará de los softwares que se necesitaron para la construcción del

proyecto.
Dreamviewer
Software especializado para el manejo de códigos en diferentes lenguajes de
programación tales como html, css, php, javascript, entre otros muchos más, con la
ventaja de poder ver el código y el diseño de manera simultánea y en tiempo real.
Por el momento solo se ha necesitado de usar lenguaje HTML, CSS y PHP.
1. Se procede con la instalación en el ordenador:
Una vez concluida la instalación se procede a generar un nuevo proyecto con
nombre EDUSITE:
Ahora si empezamos a crear los esqueletos de html de las paginas principales del
sitio web que deseamos desarrollar siempre con el código principal de html:
Creando el código del menú principal quedaría en primera instancia así:
El código es el siguiente:
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>
EDUCACION BÁSICA VIRTUAL ABC
</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-
1"><style type="text/css">

</style></HEAD>
<BODY>
<CENTER> <H1><img src="img/ENCABEZADO.jpg" alt="HEAD"
width="837" height="207"></H1>
<H1> </H1>
<H1>BIENVENIDOS</H1>
</CENTER>
<CENTER>
</CENTER>
<p><BR>
<BR>
<CENTER>
<A HREF="CREDITOS.HTML">
<H3>
<a href="MENU PRINCIPAL.html">EMPIEZA YA</a>
<H3>
</a>
</CENTER>
</p>
<p align="center">En nuestra página encontrarás la
manera más divertida de estudiar, </p>
<p align="center"> aprendiendo con nosotros desde lo más basico
hasta lo complementario</p>
<p align="center"><img SRC="img//INICIO.JPG" width="449"
height="330"> </p>
<CENTER>
<p> </p>
<p> </p>
</CENTER>
</BODY>
</HTML>
El del menú principal, una vez se hace click en la portada en el enlace de “Empieza
Ya” nos llevaría a la siguiente página cuya codificación es la siguiente:
<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">

</style>
</head>
<TABLE BORDER=1>
<body>
<p> </p>
<p align="center"><img src="img/ENCABEZADO.jpg" alt="HEAD" width="837"
height="207" /></p>
<p> </p>
<p align="center"><img src="img/FOROS.JPG" alt="foros" width="206"
height="227" hspace="100" vspace="100" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="-91,-51,66,-26" href="#" />
<area shape="rect" coords="-101,319,-99,384" href="#" />
<area shape="rect" coords="-100,-100,26,-72" href="#" />
</map>
<img src="img/arboles tematicos.jpg" alt="arboles tematicos" width="295"
height="196" hspace="100" vspace="100" /></p>
<blockquote>
<blockquote>
<blockquote><blockquote>
<blockquote>
<p>

<strong align="left"><a href="FOROS.HTML"
class="Estilo1">FOROS </a></strong><span
class="Estilo2">................................................................................</span><stron
g><a href="AT.html">ÁRBOLES TEMÁTICOS </a></strong>
</p>
<blockquote>
<p align="left"> </p>
<p align="left"> </p>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote><center> <p align="left"><a
href="REGISTRONV.html"> <Atrás</a></p></center>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
<p> </p>
</TABLE>
</body>
</html>
De aquí salen las opciones de foros y arboles temáticos, la segunda de ellas la

más importante. A continuación, las visualizaciones del código y el diseño
resultado de la siguiente página:
Se desarrolló a continuación el árbol de matemáticas quedando así:

La entrada cada tema queda como página la codificación de todos los subtemas
inhabilitados a excepción del último:
Y luego la codificación de la primera teoría junto con su primer ejercicio:

Una vez el usuario supere este primer subtema le deberá aparece el menú de subtemas
con la siguiente codificación y diseño:
Como se puede apreciar y en la ejecución de los archivos el segundo subtema está

habilitado para poderse ver, el primer se puede repetir y el tercer subtema sigue sin
habilitarse.
De esta manera y en ese orden lógico de ejecución y código funciona todo el árbol
temático de matemáticas.
Por tanto se acabó de exponer de qué manera se conforma en primera la codificación
por HTML la página del proyecto.
LENGUAGE PHP
Para aplicar el lenguaje PHP primero se descargó el programa EASYPHP el cual
contiene los tres instaladores necesarios, a saber, le PHP, el APACHE y el MYSQL
La instalación:
Una vez instalado el paquete de los tres instaladores en nuestro ordenador procedemos
a ejecutarlo y comprobar que el servidor esté funcionando:
A continuación se procede con la configuración del servidor en el Dreamviewer:
Una vez sincronizado el Dreamviewer con el servidor se procede a generar los códigos
en lenguaje PHP:
Respuesta Correcta:
El mensaje de respuesta correcta o incorrecta de los ejercicios podría ser en primera
instancia:
Plantilla de Registro:
El código para la plantilla podría ser como sigue:
BASE DE DATOS:
Para la base de datos se crearon tablas para

Construcción de Instalador de Software

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Construcción de Instalador de Software

Загружено:

Авторское право:

Доступные форматы

Construcción de instalador de software

A continuación, se hablará de los softwares que se necesitaron para la construcción del

EDUCACION BÁSICA VIRTUAL ABC

De aquí salen las opciones de foros y arboles temáticos, la segunda de ellas la

Se desarrolló a continuación el árbol de matemáticas quedando así:

Y luego la codificación de la primera teoría junto con su primer ejercicio:

Como se puede apreciar y en la ejecución de los archivos el segundo subtema está

Вам также может понравиться