Skip to main content
EllaKait
Participant
February 26, 2018
Answered

I can't edit anything on an .html file that I created...

  • February 26, 2018
  • 1 reply
  • 762 views

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!

This topic has been closed for replies.
Correct answer BenPleysier

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>

  • It looks like you have not defined your site as per Define a site |
  • Start and finish of the template
  • Start and finish of ​Editable areas
  • Editable areas.
  • All other areas are locked by the template

1 reply

BenPleysier
Community Expert
Community Expert
February 26, 2018

Please copy and paste the code of one of those two pages here so that we can see what you are doing.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
EllaKait
EllaKaitAuthor
Participant
February 26, 2018

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>

BenPleysier
Community Expert
BenPleysierCommunity ExpertCorrect answer
Community Expert
February 26, 2018

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>

  • It looks like you have not defined your site as per Define a site |
  • Start and finish of the template
  • Start and finish of ​Editable areas
  • Editable areas.
  • All other areas are locked by the template
Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!