Compusoft
Páginas: 24 (5878 palabras)
Publicado: 5 de septiembre de 2012
Alumno: José Eduardo Cruz Salazar
Materia: Desarrollo de aplicaciones web.
Profesor: Salvador Dionisio Navarrete.
MANUAL TECNICO.
UNIVERSIDAD TECNOLOGICA DE CIUDAD JUAREZ
Introducción:
Este manual está dirigido a las personas programadoras que deseen hacer una modificación o mejora a la página de CompuSoft, en el nos daremos cunta de la programación y de la creación de la BD, la cualpodremos dar altas, bajas, modificaciones dentro de phpmyadmin.
1) Lo primero será registrarnos dentro de un hosting gratuito, en este caso ocupamos el de la siguiente dirección. www.000webhost.com y nos registramos en una cuenta gratuita, una vez registrado entramos a members area.
2) Una vez dentro de la sección members area vamos a dar clic en go to panel.
3) mysql
Ya queentramos a go to panel, nos vamo a la opción de mysql y creamos una base de datos.
4) Ya creada la BD nos regresamos y entramos a phpmyadmin y entramos para visualizar nuestra BD.
5) En este paso, entramos a disco local, identificamos las carpeta xamp, htdocs, web y dentro de ella veremos todas las paginas y carpetas necesarias para nuestra web, entraremos a cada uno de los códigospara mostrar la explicación de ellos.
Index.php
Index:
<!DOCTYPE html>
<html lang="es">
<head meta property="fb:admins" content="insert_fb_page_id_here" />
<title> CompuSoft</title>
<!--Esta etiqueta es para la identificacion de HTML5 en espanol -->
<meta charset="utf-8"/>
<meta name="description" content="Bienvenido a mi portafolio webecho en HTML5, CSS3 Y jQuery con Responsive Web Desing"/>
<!--La funcion de esta etiqueta es que el contenido del ancho de este sitio se ve conforme sea el ancho del
dispositivo que se este viendo y la escala inicial es igual a 1-->
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<!--Esta etiqueta sirve para poder mostrar imagen en el navegador url --><link rel="shorcut icon" type="image/x-icon" href="favicon.ico" /> <!-- -->
<link rel="author" type="text/plain" href="humans.txt" />
<link rel="sitemap" type="application/xml" title="Sitemap" href="sitemap.xml" />
<link rel="stylesheet" href="css/flexslider.css" />
<link rel="stylesheet" href="css/estilos.css" />
<!--Esto se manda llamar desde losservidores de google, para que funcion e el flexslider -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> </script>
<script>
<!-- Aqui le decimos que si no encuentra en la ventana un objeto que se llama query, le decimos que la cargue de manera local-->
!window.jQuery && document.write("<scriptsrc='js/jquery.min.js'><\/script>")
</script>
<script src="js/jquery.flexslider.js">
</script>
<script>
$(window).load(function(){
$(".flexslider").flexslider();
});
</script>
<!--[if it IE 9] -->
<!--script src="//html5shiv.googlecode.com/svn/trunk/html.js"></script>
<!--[endif] -->
</head>
<body oncontextmenu="return false" ondragstart="returnfalse" onmousedown="return true" onselectstart="return true" >
<header meta property="fb:admins" content="insert_fb_page_id_here">
<h1>
<a href="index.html"><img class="fade" alt="bextlan.com" src="img/logo.png" />
</a>
</h1>
<nav>
<ul>
<!--Estos son los enlaces del menu-->
<li><ahref="index.php">Inicio</a></li>
<li><a href="acerca.php">Acerca</a></li>
<li><a href="">Tutoriales</a></li>
<li><a href="contacto.php">Contacto</a></li>
</ul>
</nav>
</header><!--Estos son las secciones del conetenido y el flexsilder -->
<section id="contenido">
<section id="principal">
<article...
Materia: Desarrollo de aplicaciones web.
Profesor: Salvador Dionisio Navarrete.
MANUAL TECNICO.
UNIVERSIDAD TECNOLOGICA DE CIUDAD JUAREZ
Introducción:
Este manual está dirigido a las personas programadoras que deseen hacer una modificación o mejora a la página de CompuSoft, en el nos daremos cunta de la programación y de la creación de la BD, la cualpodremos dar altas, bajas, modificaciones dentro de phpmyadmin.
1) Lo primero será registrarnos dentro de un hosting gratuito, en este caso ocupamos el de la siguiente dirección. www.000webhost.com y nos registramos en una cuenta gratuita, una vez registrado entramos a members area.
2) Una vez dentro de la sección members area vamos a dar clic en go to panel.
3) mysql
Ya queentramos a go to panel, nos vamo a la opción de mysql y creamos una base de datos.
4) Ya creada la BD nos regresamos y entramos a phpmyadmin y entramos para visualizar nuestra BD.
5) En este paso, entramos a disco local, identificamos las carpeta xamp, htdocs, web y dentro de ella veremos todas las paginas y carpetas necesarias para nuestra web, entraremos a cada uno de los códigospara mostrar la explicación de ellos.
Index.php
Index:
<!DOCTYPE html>
<html lang="es">
<head meta property="fb:admins" content="insert_fb_page_id_here" />
<title> CompuSoft</title>
<!--Esta etiqueta es para la identificacion de HTML5 en espanol -->
<meta charset="utf-8"/>
<meta name="description" content="Bienvenido a mi portafolio webecho en HTML5, CSS3 Y jQuery con Responsive Web Desing"/>
<!--La funcion de esta etiqueta es que el contenido del ancho de este sitio se ve conforme sea el ancho del
dispositivo que se este viendo y la escala inicial es igual a 1-->
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<!--Esta etiqueta sirve para poder mostrar imagen en el navegador url --><link rel="shorcut icon" type="image/x-icon" href="favicon.ico" /> <!-- -->
<link rel="author" type="text/plain" href="humans.txt" />
<link rel="sitemap" type="application/xml" title="Sitemap" href="sitemap.xml" />
<link rel="stylesheet" href="css/flexslider.css" />
<link rel="stylesheet" href="css/estilos.css" />
<!--Esto se manda llamar desde losservidores de google, para que funcion e el flexslider -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> </script>
<script>
<!-- Aqui le decimos que si no encuentra en la ventana un objeto que se llama query, le decimos que la cargue de manera local-->
!window.jQuery && document.write("<scriptsrc='js/jquery.min.js'><\/script>")
</script>
<script src="js/jquery.flexslider.js">
</script>
<script>
$(window).load(function(){
$(".flexslider").flexslider();
});
</script>
<!--[if it IE 9] -->
<!--script src="//html5shiv.googlecode.com/svn/trunk/html.js"></script>
<!--[endif] -->
</head>
<body oncontextmenu="return false" ondragstart="returnfalse" onmousedown="return true" onselectstart="return true" >
<header meta property="fb:admins" content="insert_fb_page_id_here">
<h1>
<a href="index.html"><img class="fade" alt="bextlan.com" src="img/logo.png" />
</a>
</h1>
<nav>
<ul>
<!--Estos son los enlaces del menu-->
<li><ahref="index.php">Inicio</a></li>
<li><a href="acerca.php">Acerca</a></li>
<li><a href="">Tutoriales</a></li>
<li><a href="contacto.php">Contacto</a></li>
</ul>
</nav>
</header><!--Estos son las secciones del conetenido y el flexsilder -->
<section id="contenido">
<section id="principal">
<article...
Leer documento completo
Regístrate para leer el documento completo.