viernes, 6 de marzo de 2015

DIA CIENTO SETENTA Y SEIS 06/03/2015

Hoy hemos dedicado la primera parte de la mañana a seguir con teoría nueva sobre sistemas operativos, etc, posteiormente tuvimos las cuatro horas de diseño gráfico, en las cuales dimos la teoría relacionada al pop arte en esta ocasión, tuvimos tiempod e finalizar los carteles y presentarlos por último.

jueves, 5 de marzo de 2015

SISTEMAS OPERATIVOS

¿Qué es un sistema operativo?

Es un programa o conjunto de programas (software) que permite interactuar con el pc. Está basado en información ordenada de ceros y unos.

Windows


Microsoft es el gigante informático que produce y comercializa Windows, el sistema operativo que usa el 90% de los ordenadores personales de todo el mundo.
Windows es el estándar de facto que cubre la gran mayoría de necesidades del usuario medio. Ya sea para escribir documentos, navegar por Internet, escuchar música, ver películas, retocar fotografías digitales o disfrutar de los últimos juegos, Windows es fácil de usar y configurar, sin necesidad de poseer conocimientos informáticos avanzados. Además, la práctica totalidad de los programas que se comercializan disponen de una versión para Windows. Sin embargo, Windows tiene fama de ser inestable, ya que los bloqueos y cuelgues son frecuentes.
Su seguridad también deja mucho que desear, pues existen multitud de virus que aprovechan fallos del sistema para infectar el PC. 

Mac

Mac OS es considerado por muchos expertos el sistema operativo más sencillo de utilizar, más innovador y de estética más cuidada.El número de programas disponibles para esta plataforma (sobre todo, juegos) sigue sin ser tan alto como el de Microsoft, aunque cumple las necesidades de cualquier usuario doméstico o profesional multimedia. Es en el retoque, la producción y edición de música, fotografías y vídeos donde este sistema tiene su punto fuerte. Pero su mayor coste no está en la propia licencia de uso, sino en que únicamente funciona en los ordenadores que fabrica la misma compañía. Y estos ordenadores (de una calidad y diseño muy cuidados) no son baratos

Linux

Es el sistema preferido por muchos de los profesionales de la informática y de Internet, ofrece potencia, estabilidad, seguridad contra virus y sirve para realizar cualquier trabajo.Por contra, peca de falta de comodidad, no es tan fácil de usar como los otros dos y se necesitan conocimientos técnicos para realizar algunas tareas. Aún así, sus últimas versiones son bastante más amigables, por lo que ha empezado a calar entre algunos usuarios domésticos y ofimáticos .La colección de programas disponibles en algunas áreas (como los juegos o las aplicaciones multimedia) es aún escasa o de poca calidad, aunque mejora día a día. A la hora de instalar nuevos periféricos, el proceso también se complica: mientras que en Windows y Mac OS es casi automático, en Linux suele ser necesario realizar alguna configuración manual.

DIA CIENTO SETENTA Y CINCO 05/03/2015

Hoy hemos comenzado teoría nueva, empezamos a ver los distintos sistemas operativos, cómo funciona la red, etc, tema que imagino dará para mucho.
En diseño dimos el movimiento abstracto, mañana ya acabaremos de dar la teoría que nos queda puesto que, como el día del examen no hubo clase de diseño, mañana tendremos cuatro horas de diseño gráfico. A parte de esto, presentaremos los carteles. 
Por lo demás, hoy fuimos a ver la exposición de un compañero al faro.
Mañana tendremos que entregar la redacción acerca de los puestos de trabajo a los cuales podremos optar al acabar el año, para lo cual ya queda poco.
Nos reunimos los del equipo de Northink para hablar sobre el manual nuevamente, lo que ya habíamos finalizado, lo que quedaba por terminar etc.

miércoles, 4 de marzo de 2015

DIA CIENTO SETENTA Y CUATRO 04/03/2015

Hoy hemos dedicado la mañana a la evaluación de un examen, más bien a conocer dicho proceso, tras lo cuál nos tocó a cada uno aleatoriamente el examen de ayer de otro compañero para realizar el ejercicio de validar el código y modificar los errores que veríamos después, redactar un informe y mandarlo por correo finalmente.
En diseño gráfico seguimos con el surrealismo en esta ocasión, teoría tras la cuál procedimos con la continuación del cartel de semana santa. El mío lo finalicé hoy.

DIA CIENTO SETENTA Y TRES 03/03/2015

Hoy hemos tenido durante toda la mañana una agotadora prueba de validación, y digo agotadora porque parecía que nunca acababa, sensación que se magnificaba dado que hoy no tuvimos diseño para que nos diese tiempo a realizar el examen

DIA CIENTO SETENTA Y DOS 2/03/2015

Hoy es la recta final antes del examen, hemos estado repasando y repasando, ultimando los detalles de las cosas que quedaban por acabar.
A parte de esto, en diseño gráfico seguimos con teoría y hemos comenzado con el cartel de semana santa

lunes, 2 de marzo de 2015

PRUEBA DE VALIDACION UF1306.1

   <H1 <B ALIGN=”CENTER”>PRUEBA DE VALIDACIÓN PERSONAL</B><H1>
<P>Fecha:  10/02/2015 Módulo: MF0951_2 Unidad Formativa: UF1306.1
Nombre:                                                Apellidos:                                      
</P>
<BODY>
<H2><U>INSTRUCCIONES:</U>Esta prueba de validación se compone de un ejercicios de código en Java y plantilla dada, con 5 preguntas sobre la teoría de la unidad formativa <b>ESTA PRUEBA ES PERSONAL </b></H2> El objetivo de esta prueba es validar todos los conocimientos de la Unidad de competencia  y demostrar que se ha asimilado correctamente.
Preguntas:
  1. ¿Qué es una expresión regular y como se utiliza?
  2. ¿Qué son y para qué sirven los caracteres especiales en expresiones regulares?
  3. Explica cuales son las dos formas de validar que hemos visto pon ejemplos de códigos.
  4. Escribe una expresión regular para controlar una tarjeta de crédito.

Ejercicio de código: Se pide crear un formulario de usuario y contraseña en la plantilla que se adjunta en este directorio como 1306.1, que permita verificar si la contraseña es segura, y que el campo de usuario esté rellenado correctamente.
Para que dicha contraseña sea segura debe de cumplir los siguientes requisitos:
  • Debe de tener entre 8 y 10 caracteres
  • Debe de tener al menos, un dígito y un carácter alfanumérico.
  • No puede contener caracteres especiales, o lo que es lo mismo solo caracteres alfanuméricos.
  • No debe de estar vacio.
Para que el usuario este relleno correctamente de de cumplir los siguientes requisitos:
  • Debe de tener entre 5 y 15 caracteres
  • No puede contener caracteres especiales, o lo que es lo mismo solo caracteres alfanuméricos.
  • No debe de estar vacio.
El proceso de validación es opcional, puede ser a nivel de submit o a nivel de INPUT individual. Se puntuará claridad de colocación en la plantilla y usabilidad del mismo, así como los estándares de buenas prácticas de programación.
Para sacar más de un 8,5 después de haber cumplido con lo anterior se puede intentar ocultar los caracteres a la vez que se escribe por el carácter * o similar.


Visualización



Mi código

JS

function validarnombre() { //de 5 a 15 caracteres o dígitos en mayúscula o minúscula var validanombre=/^[A-Z|a-z|0-9]{5,15}$/ if (validanombre.test(formulario.minombre.value)==false) { //Si no es correcto,el recuadro del input pasará a ser rojo formulario.minombre.style.border="red 3px solid" window.alert(" El nombre de usuario debe ser entre cinco y quince letras o dígitos") document.formulario.minombre.focus() return false } //Si es correcto, pasará a ser verde else { formulario.minombre.style.border="green 3px solid" return true } } //DE repente a partir de aqui ahora no me funciona, en la pagina a parte si lo hacia,no me ha dado tiempo a acabarlo function validarcontrasena() { //no he conseguido implementar que esten entre 8 y diez caracteres, me daba muchos problemas y llegar hasta este punto me ha llevado demasiado tiempo, así que lo dejaré así //mínimo un dígito o caracter var validacontrasena=/^(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{8,10})$/ if (validacontrasena.test(formulario.contra.value)==true) { //Si no es correcto,el recuadro del input pasará a ser rojo formulario.contra.style.border="red 3px solid" window.alert(" La contraseña debe ser entre tres y ocho letras o dígitos ") document.contra.minombre.focus() return false } //Si es correcto, pasará a ser verde else { formulario.contra.style.border="green 3px solid" return true } } function validacion() { var uno= validarnombre() var dos= validarcontrasena() //Si ambas funciones devuelven true, saldrá éste mensaje if (uno==true&&dos==true) { window.alert("Gracias por rellenar correctamente el formulario") return true } }



HTML


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Immaculate | One Page Portfolio Website Template</title>

<link rel="stylesheet" type="text/css" href="assets/styles/style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="assets/styles/orbit-1.2.3.css" media="screen" />
<link rel="stylesheet" type="text/css" href="assets/styles/jquery.fancybox-1.3.4.css" media="screen" />
<!--[if lt IE 9]><script type="text/javascript" src="assets/scripts/modernizr.js"></script><![endif]-->
     
     <style>
 #log
 {
 background-color: #2E9AFE;
 border-radius:15px;
 width:430px;
 height:130px;
 
 
 }
 #borde{
  position:relative;
 top:20px;
 left:10px;
 }
 
 #boto{
  position:relative;
  top:12px;
  left:12px;
 width:80px;
 height:30px;
 
 }
 
 #blanco{
 color:white;
 }
 </style>
 
</head>
<body>
<div class="wrapper">
  <header>
    <h1>Immaculate</h1>
  </header>
  <div class="nav-container">
    <nav>
      <ul>
        <li><a href="#home" class="selected">Home</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#shortcodes">Shortcodes</a></li>
        <li><a href="#gallery">Gallery</a></li>
        <li><a href="#contact">Contact</a></li>
        <li class="button" data-type="zoomin"><a href="#logearse">Login</a></li>
      </ul>
      <div class="nav-left"></div>
      <div class="nav-right"></div>
      <div class="nav-above"></div>
    </nav>
  </div>
  <section id="home">
    <div class="row">
      <div class="three columns">
        <h4>About Me</h4>
        <img src="assets/images/hi.png" width="220" alt="" >
        <p>Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec pede justo, fringilla vel, aliquet nec, vulputate eget.</p>
        <h4>Some More</h4>
        <p>Ea cetero oportere mei, iudico aperiam erroribus no vis. Mei error corpora ei, ne virtute albucius suscipit sea. Quo ne eripuit iracundia gloriatur, et mea unum eius. Pro mucius officiis dissentias ei, quo salutandi constituam ut, te pri viderer numquam ceteros.</p>
      </div>
      <div class="six columns">
        <h4>Images Via <span class="flick">Flick</span><span class="r">r</span></h4>
        <ul id="flickr" class="thumbs">
        </ul>
        <div id="featured"> </div>
        <h4>Some List</h4>
        <ul class="list lightbulb">
          <li>Aliquam tincidunt mauris. Nulla consequat massa quis enim.</li>
          <li>Vestibulum auctor dapibus. Nulla consequat massa quis enim.</li>
          <li>Lorem ipsum dolor sit amet. Nulla consequat massa quis enim.</li>
          <li>Aliquam tincidunt mauris. Nulla consequat massa quis enim.</li>
          <li>Vestibulum auctor dapibus. Nulla consequat massa quis enim.</li>
          <li>Lorem ipsum dolor sit amet. Nulla consequat massa quis enim.</li>
        </ul>
        <h4>Widget</h4><a name="logearse"></a>
        <p> Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Lorem ipsum dolor sit amet.</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
       
        <!---popup--->
       <div id="log">
   <form id="formularios" name="formulario" onsubmit=" return validacion()">
   <p></p>
   <table id="borde" width="432" border="0">
     <tr>
       <td><p id="blanco">*Usuario:</p></td>
       <td width="43">&nbsp;</td>
       <td width="201" colspan="2"><p id="blanco">*Contraseña:</p></td>
       
        </tr>
     <tr>
       <td width="174"><input type="text" name="minombre" value="" required autofocus  onblur="validarnombre()"/></td>
       <td>&nbsp;</td>
       <td colspan="2"><input type="password" name="contra" value="" onblur="validarcontrasena()" required/></td>
       
        </tr>

      </table>
   <p>&nbsp;</p>
    
  <input id="boto" type="submit" class="close" value"Enviar"/>
  </form>
</div>
<!----------->
      </div>
      <div class="three columns">
        <h4>Latest Tweets</h4>
        <div class="tweet"> </div>
        <h4>Links</h4>
        <ul class="links">
          <li><a href="#">Link One</a></li>
          <li><a href="#">Link Two</a></li>
          <li><a href="#">Link Three</a></li>
          <li><a href="#">Link Four</a></li>
          <li><a href="#">Link Five</a></li>
          <li><a href="#">Link Six</a></li>
          <li><a href="#">Link Seven</a></li>
          <li><a href="#">Link Eight</a></li>
          <li><a href="#">Link Nine</a></li>
          <li><a href="#">Link Ten</a></li>
        </ul>
      </div>
    </div>
    <hr>
  </section>
  <section id="about">
    <h1 class="title">About Me</h1>
    <blockquote> Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus viverra nulla ut metus varius laoreet. Aenean vulputate eleifend tellus.</blockquote>
    <div class="row">
      <div class="nine columns"> 
      <a href="http://www.flickr.com/photos/dexxus/4158928239/" target="_blank"><img src="assets/images/lighthouse.jpg" class="image left" alt="" style="margin:5px 15px 0 0" /></a>
        <h4 style="margin:0 0 10px 0">Some Title Here</h4>
        <p><span class="dropcap">L</span>orem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum.</p>
        <h4>Lorem Ipsum</h4>
        <p> <span class="dropcap">S</span>emper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. <br />
        </p>
      </div>
      <div class="three columns">
        <h4>Skills</h4>
        <ul class="list check">
          <li>HTML5 + CSS3</li>
          <li>JavaScript + jQuery</li>
          <li>php + MySQL</li>
          <li>Web Design</li>
          <li>Graphic Design</li>
          <li>SEO</li>
        </ul>
        <h4>Awards</h4>
        <ul class="list bestseller">
          <li>First Prize At Somewhere</li>
          <li>Best Entry At Somewhere</li>
          <li>Third Prize At Somewhere</li>
          <li>Second Prize At Somewhere</li>
          <li>Nice Entry At Somewhere</li>
        </ul>
      </div>
    </div>
    <br>
    <br>
    <div class="row">
      <div class="three columns"> 
      <a href="http://www.flickr.com/photos/ranopamas/1157510788" target="_blank"><img src="assets/images/versailles.jpg" width="210" class="image" alt="" ></a> 
      </div>
      <div class="three columns"> 
      <a href="http://www.flickr.com/photos/marcelgermain/3041101310/" target="_blank"><img src="assets/images/church.jpg" width="210" class="image" alt="" ></a> 
      </div>
      <div class="three columns"> 
      <a href="http://www.flickr.com/photos/cuellar/244449798/" target="_blank"><img src="assets/images/triomphe.jpg" width="210" class="image" alt="" ></a> 
      </div>
      <div class="three columns"> 
      <a href="http://www.flickr.com/photos/ecstaticist/3829762702/" target="_blank"><img src="assets/images/steel_town.jpg" width="210" class="image" alt="" ></a> 
      </div>
    </div>
    <hr>
  </section>
  <section id="shortcodes">
    <h1 class="title">Shortcodes</h1>
    <h4>Boxes</h4>
    <div class="row">
      <div class="six columns">
        <div class="box normal rounded full preview"> 
        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. 
        </div>
      </div>
      <div class="six columns">
        <div class="box info rounded full preview last"> 
        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. 
        </div>
      </div>
    </div>
    <div class="row">
      <div class="six columns">
        <div class="box tick rounded full preview"> 
        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. 
        </div>
      </div>
      <div class="six columns">
        <div class="box note rounded full preview last"> 
        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. 
        </div>
      </div>
    </div>
    <div class="row">
      <div class="six columns">
        <div class="box download rounded full preview"> 
        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. 
        </div>
      </div>
      <div class="six columns">
        <div class="box alert rounded full preview last"> 
        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. 
        </div>
      </div>
    </div>
    <h4>Colored Buttons</h4>
    <a href="#" class="-button"><span class="-">Button</span></a> 
    <a href="#" class="-button red" ><span class="-">Button</span></a> 
    <a href="#" class="-button orange" ><span class="-">Button</span></a> 
    <a href="#" class="-button green" ><span class="-">Button</span></a> 
    <a href="#" class="-button aqua" ><span class="-">Button</span></a> 
    <a href="#" class="-button teal" ><span class="-">Button</span></a> 
    <a href="#" class="-button purple" ><span class="-">Button</span></a> 
    <a href="#" class="-button pink" ><span class="-">Button</span></a>
    <h4>Icon Buttons</h4>
    <a href="#" class="-button silver" ><span class="-search">Button</span></a> 
    <a href="#" class="-button silver" ><span class="-stats">Button</span></a> 
    <a href="#" class="-button silver" ><span class="-alert">Button</span></a> 
    <a href="#" class="-button silver" ><span class="-tick">Button</span></a> 
    <a href="#" class="-button silver" ><span class="-info">Button</span></a> 
    <a href="#" class="-button silver" ><span class="-note">Button</span></a> 
    <a href="#" class="-button silver" ><span class="-author">Button</span></a> 
    <a href="#" class="-button silver" ><span class="-mail">Button</span></a> 
    <a href="#" class="-button silver" ><span class="-notice">Button</span></a> 
    <a href="#" class="-button silver" ><span class="-paper">Button</span></a> 
    <a href="#" class="-button silver" ><span class="-people">Button</span></a> 
    <a href="#" class="-button silver" ><span class="-download">Button</span></a>
    <hr>
  </section>
  <section id="gallery">
    <h1 class="title">Gallery</h1>
    <ul class="gallery">
      <li>
        <h4>Title</h4>
        <a class="fancybox" href="assets/images/Elegant_Press.png"><img src="assets/images/Elegant_Press.png" alt="" width="250" /></a> </li>
      <li>
        <h4>Title</h4>
        <a class="fancybox" href="assets/images/Elegant_Press.png"><img src="assets/images/Elegant_Press.png" alt="" width="250" /></a> </li>
      <li>
        <h4>Title</h4>
        <a class="fancybox" href="assets/images/Elegant_Press.png"><img src="assets/images/Elegant_Press.png" alt="" width="250" /></a> </li>
      <li>
        <h4>Title</h4>
        <a class="fancybox" href="assets/images/Elegant_Press.png"><img src="assets/images/Elegant_Press.png" alt="" width="250" /></a> </li>
      <li>
        <h4>Title</h4>
        <a class="fancybox" href="assets/images/Elegant_Press.png"><img src="assets/images/Elegant_Press.png" alt="" width="250" /></a> </li>
      <li>
        <h4>Title</h4>
        <a class="fancybox" href="assets/images/Elegant_Press.png"><img src="assets/images/Elegant_Press.png" alt="" width="250" /></a> </li>
    </ul>
    <hr>
  </section>
  <section id="contact">
    <h1 class="title">Contact Me</h1>
    <div class="row">
      <div class="twelve columns">
        <iframe width="940" height="225" class="map" src="http://maps.google.co.uk/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=701+first+ave+sunnyvale+ca&amp;aq=&amp;ie=UTF8&amp;hq=&amp;t=m&amp;z=14&amp;iwloc=near&amp;output=embed&amp;hq=&amp;hnear=701+1st+Ave,+Sunnyvale,+California+94089"></iframe>
      </div>
    </div>
    <div class="row">
      <div class="six columns">
        <h4>Email Me</h4>
        <p>Use the below contact form or email me at <a href="mailto:example@example.com">emai@example.com</a>.</p>
        <br>
        <div class="done"> 
          <h4>Thank You !</h4>
          I have received your message. 
        </div>
        <form method="post" action="process.php" class="form">
          <table>
            <tr class="element">
              <td><label>Name</label></td>
              <td class="input"><input type="text" name="name" /></td>
            </tr>
            <tr class="element">
              <td><label>Email</label></td>
              <td class="input"><input type="text" name="email" /></td>
            </tr>
            <tr class="element">
              <td><label>Website</label></td>
              <td class="input"><input type="text" name="website" /></td>
            </tr>
            <tr class="element">
              <td><label>Message</label></td>
              <td class="input"><textarea name="comment" class="text textarea" ></textarea></td>
            </tr>
          </table>
          <div class="element">
            <div class="clearfix"></div>
            <input type="submit" id="submit" value="Submit"/>
            <div class="loading"></div>
          </div>
          <div class="error"> </div>
        </form>
      </div>
      <div class="six columns">
        <h4>Office</h4>
        My Awesome Company<br>
        Old Street 12, Near Some Company<br>
        New Heavens, Old York 454545
        <h4>Call Me</h4>
        +1 (111) 222 3333<br>
        +1 (222) 333 4444 </div>
    </div>
    <hr>
  </section>
  <footer>
    <p class="left">Copyright © 2012 - All Rights Reserved<br>
Free Website Template By: <a href="http://www.priteshgupta.com">PriteshGupta.com</a> | <a href="http://www.html5xcss3.com">Html5xcss3.com</a></p>
    <div class="social right"> 
    <a href="#" target="_blank"><img src="assets/images/facebook.png" alt="Facebook" /></a> 
    <a href="#" target="_blank"><img src="assets/images/flickr.png" alt="Flicker" /></a> 
    <a href="#" target="_blank"><img src="assets/images/linkedin.png" alt="Linkedin" /></a> 
    <a href="#" target="_blank"><img src="assets/images/myspace.png" alt="Myspace" /></a> 
    <a href="#" target="_blank"><img src="assets/images/twitter.png" alt="Twitter" /></a> 
    </div>
    
    
  </footer>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="assets/scripts/jquery.orbit-1.2.3.min.js"></script> 
<script type="text/javascript" src="assets/scripts/jquery.tweet.js"></script> 
<script type="text/javascript" src="assets/scripts/jflickrfeed.js"></script> 
<script type="text/javascript" src="assets/scripts/jquery.fancybox-1.3.4.pack.js"></script> 
<script type="text/javascript" src="assets/scripts/jquery.scrollTo-1.4.2-min.js"></script> 
<script type="text/javascript" src="assets/scripts/waypoints.min.js"></script> 
<script type="text/javascript" src="assets/scripts/navbar.js"></script> 
<script type="text/javascript" src="assets/scripts/functions.js"></script>
<script src="mijs.js"></script>
</body>
</html>

VERIFICACION DE CODIGO ELABORADA ENTRE TODOS

PROCESO DE VALIDACIÓN HTML


  • El PRECODIGO, es el antes del código, bocetos más la preparación de la estructura.
  • Comprobar el acceso a archivos externos .JS y .CSS
  • Comprobación METAS, Title y H1 para comprobar que tienen coherencia entre ellos y mejorar así la indexación.
  • Verificar la tabulación del código HTML y separar las partes del código bien diferenciadas con comentarios. Ejemplo <!-- MENÚ LATERAL DERECHO -->
  • Apartado NOSCRIPT bien complementado.
  • Comprobar las buenas prácticas de programación en variables y nombres, identificadores, clases etc.. que tengan sentido con la tarea función que realizan.
  • Realizar un prueba de caja Negra completa a la página.
  • Realizar pruebas unitarias es comprobar individualmente un elemento cuando una prueba de caja negra da fallida.
  • Compruebo que la declaración de documento sea actual y completo. DOCTYPE.
  • Usar los Id como identificador único, no aplicar el mismo a varios elementos, para eso están las class.
  • Que una página web no dependa del js, css, flash o span y no abusar de estos.
  • Colocar directorio base para tener el html, js, css en una carpeta y el resto en otra.<BASE>
  • Hacer validación completa de formularios incluidos en la web.
  • Definir mal o no definir la codificación de caracteres.<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  • Realizar pruebas de caja blanca, principalmente en los formularios. Las principales técnicas de diseño de pruebas de caja blanca son:
    • Pruebas de flujo de control
    • Pruebas de flujo de datos
    • Pruebas de bifurcación (branch testing)
    • Pruebas de caminos básicos
  • Las herramientas para desarrolladores nos sirven para detectar errores en tiempo real y para localizar partes del código deseado para realizar pruebas posteriores. Para hacer pruebas de posicionamiento si tocar el código fuente.
  • Verificar en validador de HTML.
    • Etiquetas que no están bien cerradas o fallos de código.
    • Declaración de idioma.
    • Etiquetas alt de las imágenes.
    • Código obsoleto.

PROCESO DE VALIDACIÓN CSS


  • Buen enlace del HEAD al archivo, comprobar su ejecución.
  • Comprobar que los selectores se dirigen hacia el elemento adecuado y funcionan correctamente.
  • Comprobar que otros selectores tienen más prioridad y están sobreescribiendo una propiedad y/o valor.
  • Que le posicionamiento corresponde con el objetivo que pretendemos y sus efectos.
  • Utilizar colores codificados en Hexadecimal o RGB o RGBA. Por el motivo de que el rojo en cada navegador es diferente.
  • Siempre que se pueda utilizar expresiones de CSS reducidas.
  • Combinación de selectores con código común, para reducir líneas de código.
  • Utilizar selectores coherentes y no utilizar palabras reservadas para ellos.
  • OJO al dato señor@s con los caracteres especiales tipo Ñ o @ o “” etc…
  • Comentar el código correctamente, al igual que tabularlo y dejar espacios para su correcta visualización.
  • Colocar el código por zonas comentado par su mejor búsqueda. Ejemplo Menú.
  • Para validar el código CSS incrustado en el HTML utilizar validador con este archivo específico de CSS.
  • Pasar un validador de CSS validador CSS del W3C.:
    • Las propiedades están mal escritas o tienen valores no permitidos
    • Errores de sintaxis, llaves, llamadas a selectores, propiedades etc…

    • El punto y coma después de cada línea.

domingo, 1 de marzo de 2015

TECNICISMOS DE VALIDACION


Prueba de caja negra


Comprobar si funciona un botón y se visualiza sin mirar el código

Prueba de caja blanca


Mirar el interior de una función para comprobar si funciona o no

Prueba unitaria


Probar código de manera individual, un sólo elemento

analytics