Copy link to clipboard
Copied
Hello,
I am taking a class currently that requires me to use Dreamweaver 2014.0 and I have been working on a homework assignment for three weeks now building onto a website that I am creating. One of the requirements for me to do was to create a home page which is my template and then create more pages, such as About Us, Contact, Menu, and so forth. My book showed me how to make the pages creating an .html site document and on my template Home page I have them all linked, but my next steps are to add some descriptions and images to two of the other pages, the Menu and Catering .html pages, but I can't edit a single thing when I have one of these files open in Dreamweaver. My cursor is that circle with a line slashed through and it doesn't change anywhere and I can't even access the code now either. Does anyone have any suggestions on what I did wrong? I hope that made sense I'm completely new to this so I don't understand the program well. Thank you!
When we have a look at your code
...
<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]> <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!--> <html class=""><!-- InstanceBegin template="/Templates/deliTemplate.dwt" codeOutsideHTMLIsLocked="false" -->
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- InstanceBeginEditable name="doctitle" --
Copy link to clipboard
Copied
Please copy and paste the code of one of those two pages here so that we can see what you are doing.
Copy link to clipboard
Copied
This is the only code it will show me and nothing on it is accessible for me but I have no idea why.
<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]> <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!--> <html class=""><!-- InstanceBegin template="/Templates/deliTemplate.dwt" codeOutsideHTMLIsLocked="false" -->
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- InstanceEndEditable -->
<link href="file:///C|/Users/Anthony/Documents/CCC/CIS%20117/COPY/David's%20Deli/deli/boilerplate.css" rel="stylesheet" type="text/css">
<link href="file:///C|/Users/Anthony/Documents/CCC/CIS%20117/COPY/David's%20Deli/deli/css/layout.css" rel="stylesheet" type="text/css">
<!--
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="file:///C|/Users/Anthony/Documents/CCC/CIS%20117/COPY/David's%20Deli/deli/respond.min.js"></script>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/dancing-script:n4:default.js" type="text/javascript"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="div1" class="fluid"><header id="logo" class="fluid ">David's Deli</header><nav id="nav" class="fluid "><ul id="menu" class="fluid fluidList "><li class="fluid link zeroMargin_desktop">Home</li><li class="fluid link">Menu</li><li class="fluid link">Catering</li><li class="fluid link">About Us</li><li class="fluid link">Jobs</li><li class="fluid link">Contact</li></ul></nav>
<section id="content" class="fluid "><!-- InstanceBeginEditable name="imageArea" -->insert image here<!-- InstanceEndEditable --></section>
<footer id="footer" class="fluid ">Ellora Boudreaux</footer></div>
</div>
</body>
<!-- InstanceEnd --></html>
Copy link to clipboard
Copied
When we have a look at your code
<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]> <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!--> <html class=""><!-- InstanceBegin template="/Templates/deliTemplate.dwt" codeOutsideHTMLIsLocked="false" -->
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- InstanceEndEditable -->
<link href="file:///C|/Users/Anthony/Documents/CCC/CIS%20117/COPY/David's%20Deli/deli/boilerpla te.css" rel="stylesheet" type="text/css">
<link href="file:///C|/Users/Anthony/Documents/CCC/CIS%20117/COPY/David's%20Deli/deli/css/layou t.css" rel="stylesheet" type="text/css">
<!--
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="file:///C|/Users/Anthony/Documents/CCC/CIS%20117/COPY/David's%20Deli/deli/respond.mi n.js"></script>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/dancing-script:n4:default.js" type="text/javascript"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="div1" class="fluid"><header id="logo" class="fluid ">David's Deli</header><nav id="nav" class="fluid "><ul id="menu" class="fluid fluidList "><li class="fluid link zeroMargin_desktop">Home</li><li class="fluid link">Menu</li><li class="fluid link">Catering</li><li class="fluid link">About Us</li><li class="fluid link">Jobs</li><li class="fluid link">Contact</li></ul></nav>
<section id="content" class="fluid "><!-- InstanceBeginEditable name="imageArea" -->insert image here<!-- InstanceEndEditable --></section>
<footer id="footer" class="fluid ">Ellora Boudreaux</footer></div>
</div>
</body>
<!-- InstanceEnd --></html>
Copy link to clipboard
Copied
This is a child page spawned from a Template.dwt file. As a template author, you specify which regions of the child pages will be editable by first inserting Editable Regions in the main Template.dwt file and saving it. Changes to the main Template should populate to all child pages based on that Template.
How to design web pages based on Dreamweaver templates