Highlighted

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

New Here ,
Feb 25, 2018

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!

Adobe Community Professional
Correct answer by BenPleysier | Adobe Community Professional

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
TOPICS
Dreamweaver CC 2014

Views

316

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

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

New Here ,
Feb 25, 2018

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!

Adobe Community Professional
Correct answer by BenPleysier | Adobe Community Professional

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
TOPICS
Dreamweaver CC 2014

Views

317

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Feb 25, 2018 0
Adobe Community Professional ,
Feb 25, 2018

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.


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 25, 2018 0
New Here ,
Feb 25, 2018

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>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 25, 2018 0
Adobe Community Professional ,
Feb 25, 2018

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>

  • 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

Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 25, 2018 1
Adobe Community Professional ,
Feb 26, 2018

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

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 26, 2018 1