Scribd
Upload
65 views3 pages

Film Magic Structural Markup and Integration With Dotnet'S Rendering Engine

Film Magic Documentation

Uploaded by

quoisinc
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
65 views3 pages

Film Magic Structural Markup and Integration With Dotnet'S Rendering Engine

Film Magic Documentation

Uploaded by

quoisinc
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 3

FILM MAGIC STRUCTURAL MARKUP AND INTEGRATION WITH

DOTNET’S RENDERING ENGINE

<html>
<head>
<title>FILM MAGIC</title>
</head>
<body id="bod" leftmargin="0" topmargin="0" marginheight="0">
<!--
######################################################################
######################
Nested within the BODY tag, the site's layout is divided into 2 main containers: #filmBod
and #filmFooter. filmBod consists of the header region, the navigation region, and the
contents region(leftnav and gallery/free-flow grid). The filmFooter container contains the
footer information.
######################################################################
###########################-->

<!--SECTION FILMBOD: This is the main container for the entire site without the footer.
This container has 3 main regions: 1.Header(#headerDiv), 2.HeaderBottom or
navigation(#headerBottom), and 3.Contents(#leftNav & #mainXontant)-->
<div id="filmBod">

<!-- REGION 1: Render this as HEADER LAYOUT from code behind-->


<div id="headerDiv" > <!--Add this markup to layout -->
<div id="filmHeaderWrap">
<div id="filmLogo" ></div>
<div id="filmNav" >
<fieldset class="metaNav"><img
src="membersmall.png" width="9" height="11"/> Not a member? <a
href="#">Sign in</a></fieldset>
<fieldset class="metaNav"><img
src="login.png" width="9" height="11"/> Members: <a href="#">Please log in</a>
</fieldset>
<fieldset class="filmSearch" >
<div class="inputSearch" ><input
type="text" class="txt" /></div>
<div ><input type="button"
class="filmGo"/></div>
</fieldset>
</div> <!--Ends filmNav-->
</div> <!--Ends film header wrap-->
</div> <!--Ends Header Div layout injection-->
<!--REGION 2: Render this as NAVIGATION LAYOUT from code behind -->
<div id="headerBottom">

<!-- INJECT ascx skin for navigation UL list, can add elements to
skins-->
<ul id="menu" >
<li ><a href="#" >Home</a></li>
<li class="active"><a href="#" >Headlines</a></li>
<li ><a href="#">Help</a></li>
<li ><a href="#">About</a></li>
</ul>
</div><!--Ends headerBottom-->

<!--REGION 3: Render this as CONTENT LAYOUT from code behind.


Layout should look like this:
<div id="mainBod">
<div id="mainWrap">
<table id="mainTable">
<tr>
<td class="leftNav">INJECT SKINS HERE </td>
<td class="mainContent">

<div id="mainRegularEventHeading"/>

*INJECT SKINS HERE for Free-Flow/Gallery Grid


</td>
</table>
</div>
</div> -->

<!--START CONTENT LAYOUT INJECTION-->


<div id="mainBod" class="mainBod" >
<div id="mainWrap">
<table id="mainTable" >
<tr>
<td class="leftNav" valign="top">

<!-- INJECT ascx skin here :Begins LIGHTBOX panel-->


<div class="lightboxPanel">
<div class="lightboxTop><img /></div>
<div class="smBoldWhtTxt" >
<ul class="menulist">
<li>Manage Lightbox</li>
<li>Create Lightbox</li>
<li>Transfer Log</li>
</ul>
</div>
</div><!-- Ends lightbox and ascx skin injection-->
<!--INJECT ascx skin here: Begin Accordion Control or whatever control for the
left nav verticals(home,headlines, help, about)-->

<div id="calenderTop">
<img src="calender4.png"/>
<fieldset class="calenderTitle" >CALENDER</fieldset>
</div>

<div id="AccordionContainer" class="AccordionContainer">


<!--INJECT accordion container and injection of ascx UL element--></div>

</td> <!--Ends leftnav layout injection-->

<!-- STARTS CONTENT AREA LAYOUT-->


<td class="mainContent" >
<div id="contentMainInner" >

<!--INJECT this layout for header-->


<div id="mainRegularEventHeading"
class="headlines">&nbsp;</div>

<!--INJECT GALLERY GRID ascx here-->

</div> <!--Ends mainContainer-->

</td>
</tr>
</table>
</div>
</div><!--Ends MainBod-->

</div> <!--Ends filmBod-->

<!--REGION 4: INJECT FOOTER LAYOUT -->


<div id="filmFooter" >

<!--INJECT ascx skin here for footer content. -->


<center>
<div><a href="#">Home |</a><a href="#"> Help |</a> <a href="#"> About |
</a><a href="#"> Contact Us</a></div>
<div>Copyright © 2008 Getty Images, Inc. All Rights Reserved.</div>
<div>To bookmark this page, hit Ctrl-D (PC) or Cmd-D (Mac).</div>
</center> <!--Ends ascx footer content-->

</div> <!--ENDS FOOTER LAYOUT-->


</body>
</html>

You might also like