This is my new site: www.mikebarnard.org/district/ This is the unmaintained site it will eventually replace: www.al-scouts.org.uk/ Hi all. I am a member of our scouting districts committee and as I'm the only one with any HTML knowledge (and younger than 70!) I have agreed to do them a new web site. I am an amateur, I play with this stuff but have no real sites to my name. This is my initial design for the page and my proposed menu layout. I have designed it in line with the scouts guidelines. The district members are happy with this so far but before I proceed to clone numerous pages with real content (which I am STILL waiting for!) I would like comment from professionals. What problems am I letting myself in for if any please? (For those of you who have little scouting knowledge, each local scouting group is a charity in it's own right. These groups are the local organisations that actually do the work with the children. There are several groups in a district and several districts in a county. Yep, dozens of counties in a country. This site is for the first support level, the district.) I am using PHP includes to have separate pages of code for menus etc. You won't see that on the site itself so I've included it below. Things I want / need to do are Learn PHP! Change the login to a single button on the right of the menu bar pulling up a login modal box or similar. Add a PHP script for booking the camp site or areas of it. Although there will NOT be any personal information stored on this site ensure that any form info is not script injected. Add a news ticker / news page. Any good free pre designed code you recommend? What do you think I should do differently or do you have any other ideas? Thanks for your help. Mike Barnard. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">[3][3] <!-- HTML 4.01 strict doctype --> <html> <?php //Find the path to the local server environment and use it in future scripts. $localpath = getcwd(); //echo $localpath; ?> <head> <?php include($localpath . "/includes/include_head.txt"); ?> </head> <body id="mainbody"> <div class= "wrapper"> <?php include($localpath . "/includes/include_brandingbar.txt"); include($localpath . "/includes/include_menubar.txt"); ?> <div id="rhcontainer"> <div id="lhcontainer"> <!-- ********************************************************************************** --> <!-- **************************** Main content here ********************************** --> <!-- ********************************************************************************** --> <div id="lhcolumn"> <!--Main content here--> <h2 class = "greenh2"> We are the support section for the scouting groups within our district </h2> <img class = "contentimageleft" alt="Example picture of cliffs over water" src= "./images/cliffs1.jpg"> <p> The Arundel & Littlehampton District consists of ten local groups. Each is an independent charity in it's own right and is managed by the local volunteers, but we provide as much support as possible wherever it is needed. </p> <p> We do not work directly with your young men and women, but rather supply the first level of supervision. That is the four standard functions: membership, finance, program, and unit services. More detail can be found inside. </p> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi a metus a est congue cursus nec vel orci. Nulla elit urna, euismod et tincidunt et, dictum quis nisl. Proin pretium interdum diam vel cursus. Cras adipiscing, quam quis pretium imperdiet, neque nibh interdum purus, quis dapibus libero augue non tellus. Donec aliquam adipiscing lorem, gravida ullamcorper diam rhoncus ut. Vivamus laoreet convallis lacus sed mattis. Nam tortor dui, pretium eu ullamcorper id, mollis sed libero. Vivamus volutpat, lacus nec interdum pellentesque, est lorem lobortis lacus, sed viverra justo lorem eget mi. Nulla eu purus dui, id consectetur dui. Nulla pellentesque eleifend porttitor. Vestibulum fermentum dignissim sodales. </p> </div> <!--end div lhcolumn--> <!-- ********************************************************************************** --> <!-- ********************************************************************************** --> <!-- ********************************************************************************** --> <div id="rhcolumn"> <?php include($localpath . "/includes/include_gadgetbar.txt"); ?> </div> <!--end div rhcolumn--> </div> <!--end div lhcontainer--> </div> <!--end div rhcontainer--> <div class="push"></div> </div> <!--end div wrapper--> <?php include($localpath . "/includes/include_footer.txt"); ?> </body> </html> Code (markup):
For an armature you're doing really good. If you need good javascript/css codes to enhance your site, check out: http://www.dynamicdrive.com/ I go there often if I need stuff like slideshows, tickers, image galleries, etc. - they've got them all.