Why is my index page also changing when I try to edit other pages in the document?
I have built the index page for my website and now I am trying to build the additional pages to go along with it.
I am trying to make a new page for my website but each time I try to edit the new page, it also changes what is on my index page (I'm using Dreamweaver). What I have done is:
Do Save As on the index.html file but change the name to illustration.html for a new page to pop up.
Under Sources and the CSS file management, I click the plus and choose "Define in Page".
I get a new CSS file named <style>.
I add a new selector called body in order to change the background of the page. Each time I go to change the colour of the background, it also changes it in the index file.
What am I doing wrong?
Here is the code I have for my index.html page:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>JACQUELINE VO</title>
<link href="file:///Macintosh%20HD/Users/emmasoolepp/Desktop/Website/Styles.css" rel="stylesheet" type="text/css">
<!--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/league-gothic:n4:default;bitter:n4:default.js" type="text/javascript"></script>
</head>
<body>
<header class="header"><h1>JACQUELINE VO</h1>
<nav>
<a href="file:///Macintosh%20HD/Users/emmasoolepp/Desktop/Website/illustration.html" class="illustration"> Illustration </a>
<a href="file:///Macintosh%20HD/Users/emmasoolepp/Desktop/Website/video.html" class="video">Video </a>
<a href="file:///Macintosh%20HD/Users/emmasoolepp/Desktop/Website/contact.html" class="contact">Contact</a>
</nav>
</header>
<footer class="home"> Copyright Emma Soolepp 2017 </footer>
</body>
</html>
AdChoices