4.8.1 Creación de La Plantilla Principal Y Diseño Selecionado en Blanco

4.8.
1 CREACIN DE LA PLANTILLA PRINCIPAL Y DISEO SELECIONADO

EN BLANCO
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin ttulo</title>
<style type="text/css">
<!-body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #42413C;
margin: 0;
padding: 0;
color: #000;
}
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
}
a img {
border: none;
}
a:link {
color: #42413C;
text-decoration: underline;
}
a:visited {
color: #6E6C64;
text-decoration: underline;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
.container {
width: 960px;
background: #FFF;
margin: 0 auto;
}
.header {
background: #ADB96E;
}
.sidebar1 {
float: left;
width: 180px;
background: #EADCAE;
padding-bottom: 10px;
}
.content {
padding: 10px 0;
width: 780px;
float: left;
}
.content ul, .content ol {
padding: 0 15px 15px 40px;
ul.nav {
list-style: none;
border-top: 1px solid #666;
margin-bottom: 15px;
}
ul.nav li {
border-bottom: 1px solid #666; }
ul.nav a, ul.nav a:visited {
padding: 5px 5px 5px 15px;
display: block;
width: 160px;
text-decoration: none;
background: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
background: #ADB96E;
color: #FFF;
}
/* ~~ El pie de pgina ~~ */
.footer {
padding: 10px 0;
background: #CCC49F;
position: relative;
clear: both;
}
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
</style></head>
<body>
<div class="container">
<div class="header"><a href="#"><img src="" alt="Insertar logotipo aqu"
name="Insert_logo" width="180" height="90" id="Insert_logo" style="background:
#C6D580; display:block;" /></a>
</div>
<div class="sidebar1">
<ul class="nav">
<li></li>
<li></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#">Vnculo cuatro</a></li>
</ul>
<p> </p>
</div>
<div class="content">
<h1> </h1>
</div>
<div class="footer">
<p> </p>
</div>
</div>
</body>
</html>
4.8.2 INSERTAR TABLA PARA COLOCAR IMAGEN Y TEXTO

<div class="header">
<table width="430" height="105" border="1">
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
4.8.3 IMAGEN DE LOGO TIPO DEL COLEGIO

<div class="header">
<div align="left">
<table width="1013" height="216" border="1">
<tr>
<td width="290"><img src="imagenes/colegio.png" width="303" height="262" /></td>
<td width="676">
4.8.4 INICIO DE LINKS Y SCRIPTS PARA MOVIMIENTO DE IMGENES

DESCARGADOS
<LINK rel="stylesheet" type="text/css" href="imagenes/style.css">
<LINK rel="stylesheet" type="text/css" href="imagenes/scroll_header.css"
media="screen">
<LINK id="fancybox-css" rel="stylesheet" type="text/css"
href="imagenes/fancybox.css" media="all">
<SCRIPT type="text/javascript" src="imagenes/jquery.min.js"></SCRIPT>
<SCRIPT type="text/javascript" src="imagenes/jquery.fancybox.js"></SCRIPT>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<SCRIPT type="text/javascript">
jQuery(function(){
jQuery.fn.getTitle = function() { // Copy the title of every IMG tag and add it to its
parent A so that fancybox can show titles
var arr = jQuery("a.fancybox");
jQuery.each(arr, function() {
var title = jQuery(this).children("img").attr("title");
jQuery(this).attr('title',title);
})
}
// Supported file extensions
var thumbnails = jQuery("a:has(img)").not(".nolightbox").filter( function() { return /\.
(jpe?g|png|gif|bmp)$/i.test(jQuery(this).attr('href')) });
thumbnails.addClass("fancybox").attr("rel","fancybox").getTitle();
jQuery("a.fancybox").fancybox({
'cyclic': false,
'autoScale': true,
'padding': 10,
'opacity': true,
'speedIn': 500,
'speedOut': 500,
'changeSpeed': 300,
'overlayShow': true,
'overlayOpacity': "0.3",
'overlayColor': "#666666",
'titleShow': true,
'titlePosition': 'inside',
'enableEscapeButton': true,
'showCloseButton': true,
'showNavArrows': true,
'hideOnOverlayClick': true,
'hideOnContentClick': false,
'width': 560,
'height': 340,
'transitionIn': "fade",
'transitionOut': "fade",
'centerOnScroll': true
});
})
</SCRIPT>
<SCRIPT type="text/javascript">
var g_hanaFlash = false;
try {
var fo = new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
if(fo) g_hanaFlash = true;
}catch(e){
if(navigator.mimeTypes ['application/x-shockwave-flash'] != undefined) g_hanaFlash =
true;
}
function hanaTrackEvents(arg1,arg2,arg3,arg4) { if ( typeof( pageTracker ) !
=='undefined') { pageTracker._trackEvent(arg1, arg2, arg3, arg4);} else if ( typeof(_gaq)
!=='undefined'){ _gaq.push(['_trackEvent', arg1, arg2, arg3, arg4]);}}
function hana_check_mobile_device(){ if(navigator.userAgent.match(/iPhone/i) ||

navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/iPad/i) ||
navigator.userAgent.match(/Android/i)) { return true; }else return false; }
</SCRIPT>
<SCRIPT type="text/javascript" src="imagenes/jquery.tools.min.js"></SCRIPT>
<SCRIPT type="text/javascript">$(function() {$(".scroll")

.scrollable({ circular:true, speed:2000})
.autoscroll({interval:7000});
});
</SCRIPT>
4.8.5 INSERTAR IMGENES PARA LOS ENLACES

<DIV id="header-gallery">
<DIV class="text-logo_eslogan"><marquee> UNIDAD EDUCATIVA CHARLES DE
GAULLE</marquee>
</DIV>
<DIV class="scroll">
<DIV class="pics">
<DIV><IMG src="imagenes/cool.jpg"
width="280"></DIV>
<DIV><IMG src="imagenes/col.jpg"
width="280"></DIV>
<DIV><IMG src="imagenes/IMG_4938.jpg"
width="280"></DIV>
<DIV><IMG src="imagenes/IMG_4898.jpg"
width="280"></DIV></DIV></DIV>
<DIV class="scroll">
<DIV class="pics">
<DIV><IMG src="imagenes/cool.jpg"
width="278" height="156"></DIV>
<DIV><IMG src="imagenes/col.jpg"
width="280"></DIV>
<DIV><IMG src="imagenes/cole.jpg"
width="280"></DIV>
<DIV></DIV></DIV></DIV></DIV>
<SCRIPT type="text/javascript" src="imagenes/comment-reply.min.js"></SCRIPT>
4.8.6 CREACIN DEL MEN Y SUB MEN DE LA PAGINA PRINCIPAL

<DIV id="access">
<DIV class="menu">
<UL>
<LI class="page_item page-item-5 page_item_has_children current_page_item"><A
href="index.html">Informacin De La Institucin</A>
<UL class="children">
<LI class="page_item page-item-01 page_item_has_children"><A href="Quienes
somos.html">Quines
somos?</A></LI>
<LI class="page_item page-item-10758"><A href="2.html">Historia </A></LI>
<LI class="page_item page-item-88 page_item_has_children"><A
href="http://www.charlesdegaulle.com/?page_id=88">Misin</A></LI>
href="http://www.charlesdegaulle.com/?page_id=92">Visin</A></LI>
href="http://www.charlesdegaulle.com/?page_id=92">Plan Estratgico
Institucional</A></LI>
href="http://www.charlesdegaulle.com/?page_id=92">Cdigo De
Convivencia</A></LI>
href="http://www.charlesdegaulle.com/?page_id=92">Smbolos</A></LI>
<LI class="page_item page-item-1386"><A href="http://www.charlesdegaulle.com/?
page_id=1386">Instalaciones Y Servicios</A></LI></UL></LI>
href="http://www.charlesdegaulle.com/?page_id=90">Talento Humano</A>
page_id=1582">Autoridades</A></LI>
page_id=1582">Consejo Ejecutivo</A></LI>
page_id=1585">Personal
Administrativo</A></LI>
page_id=1589">Profesores</A></LI>
page_id=1591">Docentes Tutores</A></LI>
page_id=1596">Inspectores</A></LI>

page_id=1596">Directores De rea</A></LI>
page_id=1603">Monitores De Clubes</A></LI></UL></LI>
href="http://www.charlesdegaulle.com/?page_id=94">Oferta Acadmica</A>
page_id=1702">Educacin Inicial</A></LI>
page_id=7195">Preparatoria</A></LI>
page_id=1712">Educacin Bsica Elemental Y Media</A></LI>
page_id=1712">Educacin Bsica Superior</A></LI>
page_id=1712">Bachillerato</A></LI>
page_id=1706"> Clubes </A></LI></UL></LI>
href="http://www.charlesdegaulle.com/?page_id=108">Estudiantes Destacados</A>
page_id=191">Consejo Estudiantil</A></LI>
href="http://www.charlesdegaulle.com/?page_id=229">Abanderados Y
Escoltas</A></LI>
href="http://www.charlesdegaulle.com/?page_id=241">Presidentes De
Paralelo</A></LI>
page_id=1706">Logros Estudiantiles</A></LI></UL></LI>
href="http://www.charlesdegaulle.com/?page_id=1462">Padres De Familia</A>
page_id=360">Comit De Padres De Familia</A></LI>

page_id=405">Costos</A></LI>
href="http://www.charlesdegaulle.com/?page_id=363">Inscripciones</A></LI>
href="http://www.charlesdegaulle.com/?page_id=365">tiles Escolares</A></LI>
href="http://www.charlesdegaulle.com/?page_id=365">Uniformes</A></LI>
href="http://www.charlesdegaulle.com/?page_id=365">Calendario De
Actividades</A></LI>
href="http://www.charlesdegaulle.com/?page_id=365">Horario De Clases</A></LI>
page_id=3389">Cmo Se Califica Al Estudiante </A></LI></UL></LI>
href="http://www.charlesdegaulle.com/?page_id=110">Comunicaciones Y
Eventos</A>
href="http://www.charlesdegaulle.com/?page_id=420">Noticias </A></LI>
href="http://www.charlesdegaulle.com/?page_id=2778">Circulares Y
Citaciones</A></LI></UL></LI>
href="http://www.charlesdegaulle.com/?page_id=114">Contctenos</A>

page_id=1105">Horario De Atencin</A></LI>
page_id=1105">Direccin, Telfonos, Email</A></LI></UL></LI>
</UL></DIV>

</DIV>

</div>
4.8.7 COMANDO PARA INSERTAR TEXTO CORRESPONDIENTE ACERCA

DE LA PAGINA WEB EN EL CENTRO O DEPENDIENDO DEL DISEO
</div>
<div class="sidebar1">
<ul class="nav">
<li>
<div align="center"><a href="http://www.facebook.com" target="_new"><img
src="imagenes/botonface.jpg" width="158" height="36" class="nav" /></a></div>
</li>
<li><a href="#">Vnculo tres</a></li>
<li><a href="#">Vnculo cuatro</a></li>
</ul>
<p> .</p>
</div>
<div class="content">
<h1> </h1>
<h1> </h1>
<h1>Instrucciones</h1>
<p>.</p>
<h2>Mtodo de borradoggdfs</h2>
<p>.</p>
<h3>Sustitucin de logotipo</h3>
<p></p>
<h4>Fondos</h4>
</div>
<div class="footer">
<p>Este .footer contiene la declaracin position:relative; para dar a Internet Explorer 6
hasLayout para .footer y provocar que se borre correctamente. Si no es necesario
proporcionar compatibilidad con IE6, puede quitarlo.</p>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
8.8.8 TERMINACION DE LA PAGINA WEB PRINCIPAL CON DISEO

IMGENES Y PERSONALISACION QUE SE HAYA ESCOJIDO

4.8.1 Creación de La Plantilla Principal Y Diseño Selecionado en Blanco

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

4.8.1 Creación de La Plantilla Principal Y Diseño Selecionado en Blanco

Hochgeladen von

Copyright:

Verfügbare Formate

4.8.

1 CREACIN DE LA PLANTILLA PRINCIPAL Y DISEO SELECIONADO

4.8.2 INSERTAR TABLA PARA COLOCAR IMAGEN Y TEXTO

4.8.3 IMAGEN DE LOGO TIPO DEL COLEGIO

4.8.4 INICIO DE LINKS Y SCRIPTS PARA MOVIMIENTO DE IMGENES

function hana_check_mobile_device(){ if(navigator.userAgent.match(/iPhone/i) ||

<SCRIPT type="text/javascript">$(function() {$(".scroll")

4.8.5 INSERTAR IMGENES PARA LOS ENLACES

4.8.6 CREACIN DEL MEN Y SUB MEN DE LA PAGINA PRINCIPAL

<LI class="page_item page-item-1596"><A href="http://www.charlesdegaulle.com/?

<LI class="page_item page-item-405"><A href="http://www.charlesdegaulle.com/?

<LI class="page_item page-item-1105"><A href="http://www.charlesdegaulle.com/?

</UL></DIV>

4.8.7 COMANDO PARA INSERTAR TEXTO CORRESPONDIENTE ACERCA

8.8.8 TERMINACION DE LA PAGINA WEB PRINCIPAL CON DISEO

Das könnte Ihnen auch gefallen