Untitled

<script>
    var map;
    require([
        "dijit/layout/BorderContainer",
        "dijit/layout/ContentPane",
        "esri/map",
        "dijit/layout/TabContainer",
        "esri/dijit/Legend"
    ], function(
        BorderContainer,
        ContentPane,
        Map,
        TabContainer,
        Legend
    ){
        map = new esri.Map("map", {
            center: [-85.772, 38.255],
            zoom: 10,
            basemap: "satellite"
        });
    });
</script>

<body class="claro">
<div id="mainWindow" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline', gutters:false" style="width:100%; height:100%;">

    <div id="header" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'top'">
        This is the header section
        <div id="subheader">subheader</div>
    </div>

    <div data-dojo-type="dijit/layout/ContentPane" id="leftPane" data-dojo-props="region:'left'">
        <div data-dojo-type="dijit/layout/TabContainer">
            <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="title:'Legend', selected:true">
                <div id="legendDiv"></div>
            </div>
            <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="title:'Tab 2'" >
                Content for the second tab
            </div>
        </div>
    </div>

    <div id="map" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'"></div>

    <div id="footer" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'bottom'">
        this is the footer section
    </div>

</div>
</body>

var map;
require([
    "dijit/layout/BorderContainer",
    "dijit/layout/ContentPane",
    "esri/map",
    "dijit/layout/TabContainer",
    "esri/dijit/Legend",
    "dojo/parser","dojo/domReady!"
], function(
    BorderContainer,
    ContentPane,
    Map,
    TabContainer,
    Legend,
    parser
){
    parser.parse();
    map = new esri.Map("map", {
        center: [-85.772, 38.255],
        zoom: 10,
        basemap: "satellite"
    });
});