Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Creating master CSS/XHTML documents

Featured Replies

Hi!

 

Having changed the way I create websites moving more and more away from Dreamweaver and to more independent Mac apps, within dreamweaver you can create a templates and add elements that will flow throughout the website for example a logo and footer copyright details etc... And then if you change the template the change flow right though the site.

 

How can this be done without using dreamweaver and just by using CSS?

 

Thanks all!!

 

Steve

Dreamweaver is really just a GUI (Graphical User Interface) for editing text files with various web extensions (Eg: .html .php .css)

 

If you know how to write and edit CSS, you can do it with something as simple as Microsoft Notepad.

 

I'd start with creating a stylesheet like this one:

http://home.exetel.com.au/jazzy/library/stylesheet.css

 

This .css file tells any other .html file that is linked to it, what to look like. So you could link say, 15 .html files that make up your web page to it, and then all you'd have to do is change the .css file to manipulate the 15 .html s.

 

I'm not quite sure if this was the question you were asking, so let me know if I'm on the wrong track.

 

Jarrad

I think you want 'includes', right?

 

You can use includes with .shtml or .php files.

 

Here's a link that'll help - http://www.lissaexplains.com/html6.shtml

 

Basically, the code for the logo goes into it's own seperate file and then you INCLUDE that file on every page. To update the logo you just update that one file and the logo changes for the whole site. I use .php pages and use php include files for as much as I can. Whatever is part of the template and will not change from page to page I put in an include file. I guess most pages have a navigation, menu, logo, header and footer. I also put <head> info in an include file, except the meta and title tags cause they change from page to page.

 

Here's an example of what your page might look like:

 

<?php include("headinfo.php"); ?>

<title>Contact Us</title>

<meta name="description" content="Contact Us" />

<meta name="keywords" content="Contact Us" />
</head>

<body>

<?php include("nav.php"); ?>

<div id="maincontent">

<div id="text">

<h1>Contact</h1>

<p>
<img src="/images/image.gif" width="359" height="249" alt="" />
</p>

</div>

<div id="image">
<img src="/images/image.png" width="398" height="664" alt="" />
</div>

<div style="clear: both;"></div>
</div>

<?php include("footer.php"); ?>

</body>
</html>

  • Author

Hi Jazzy!

 

Sorry im 'ok' with CSS Im looking for a solution to enable me to create a template with logos/text which will be shown on every page i create, while still being able to edit the master template for example change the logo and that change will filter though the whole site.

 

Thanks!

  • Author
I think you want 'includes', right?

 

You can use includes with .shtml or .php files.

 

Here's a link that'll help - http://www.lissaexplains.com/html6.shtml

 

Basically, the code for the logo goes into it's own seperate file and then you INCLUDE that file on every page. To update the logo you just update that one file and the logo changes for the whole site. I use .php pages and use php include files for as much as I can. Whatever is part of the template and will not change from page to page I put in an include file. I guess most pages have a navigation, menu, logo, header and footer. I also put <head> info in an include file, except the meta and title tags cause they change from page to page.

 

Here's an example of what your page might look like:

 

<?php include("headinfo.php"); ?>

<title>Contact Us</title>

<meta name="description" content="Contact Us" />

<meta name="keywords" content="Contact Us" />
</head>

<body>

<?php include("nav.php"); ?>

<div id="maincontent">

<div id="text">

<h1>Contact</h1>

<p>
<img src="/images/image.gif" width="359" height="249" alt="" />
</p>

</div>

<div id="image">
<img src="/images/image.png" width="398" height="664" alt="" />
</div>

<div style="clear: both;"></div>
</div>

<?php include("footer.php"); ?>

</body>
</html>

 

Hi!

 

i think you nailed right on the head!!! many thanks all, i will feedback when I have had a play!!!!

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.