|
HTML - Updating Old Website/design Help
Heylo, been a frequent visitor of here for awhile now but never registered. Anywho, I'm in a bit of a stuck position with a website of mine for our family's condo we have in Destin, FL. I created the website maybe 3 years ago or so, when I knew little coding and what not, so I did everything in images using Adobe Photoshop.
Well, it's gotten really old/annoying to have to do the updating for my Dad & Step Mom and I'd like to make it into a regular website that they can update themselves. Sooo, I need to make it into a site where they can use an html editor to add text/images w/o using photoshop and moving everything. Here's the website link to check it out for yourself: www.sundestinresort.com I recently updated it to make it have a small bit of php so that the header and footer only load once, while the middle part (including the side navigation) is an image alone with lots of maps for the links using Fireworks 8. I'd really like to know how I can make it so that I can have the navigation on the left side alone, and then have the main text area an editable region. If this means losing the background image and making it white, that's acceptable. I'm not really sure how to do this really (tables?) or what, so ANY help would be greatly appreciated. Thank you in advance, and I hope I've given enough info on what I'd like to do to get a couple good responses about this. -Brent Similar TutorialsHello! I need a website built and have very basic knowledge of html. I will be selling t-shirts and need a professional looking web page. I want the customer to be able to select a variety of options for each t-shirt, starting with size. Once size is picked, the available options for colors will reduce to the available colors for that size t-shirt. Once color is picked, the available options for the type of shirt will reduce whatever types of red XL t-shirts I have in stock (v-neck, button up, tee, etc). As well as t-shirts I will also be selling other product, which will just be added to cart, with no customization. I would also like a shipping estimate for the customer's cart based on their zipcode. I also need a referral program added into the site. I want to be able to give some my url with their code in the string that will automatically add 30% of the profit they generate on my site. Note: this is profit made from each product, not revenue. I want them to be able to be able to check their balances quick and easy. This is the basic layout I would like, if you have any other ideas feel free to implement them or ask my opinion. I will choose the design that I feel is: a.) simple to use and edit, b.) looks professional, c.) user friendly. Thank you for your time and their will be more chances at making money from your home in the future. Hello, I've been working on the design for this website - http://www.keison.co.uk/test/ . The side menus are in javascript, which I realise is not a generally good thing, as this website's search engine rankings are important. However, my way to combat this is to use the text links at the bottom of the page (specifically the Product Index) to list the other pages on the website, so that technically every single page can be indexed via standard text links. My question is by doing the above, will this have any adverse effect on search engine rankings? Any help is appreciated. Im trying to copy the design of http://www.bluelounge.com but for the content instead of a page, i was trying to make it iFrame. Because i will be putting a streaming music on the Nav bar on the left, and its not going to be moving so its just stuck there while the iframe resizes and scrolls on different pages. What im having trouble with is, i have no idea on how to code the iFrame so that its the main scroll bar and i dont know how to automatically resize it. The main page for the iFrame is going to be the contents of a blog from blogspot.com Can someone help me please? Thanks! Here is what i want. Hi friend i want to design my personal website,Please anyone can help me or suggest some resources. Hey, Well I'm a complete newbie to html and css, I only know the basics and I'm designing a companies website(dont ask why). The design is attached and I have a question. The image used under the menu is a FrontPage Slideshow it will have around 5 images and change around every 5 seconds. The menu is a dropdown menu also, so what I want to know is it possible to make all of this using Dreamweaver and Inkscape or Photoshop or Gimp or whatever as long as its free or low cost. I already tried making it using Dreamweaver but as I said I'm a real newbie so I couldnt really od anything the main problem was making a menu which i couldn't find out how to and a slideshow/imagerotator. Sorry the design wouldn't attach but here it is Oh and the dots and stuff was me just checking how much I could write. I've been running a PS3 Madden 10 Franchise for the last 6 months. I had a fellow member who created a cool website for the Franchise. Unfortunately, he won't be able to help update the website for Madden 11. Currently I'm stuck trying to learn HTML on my own and doing my best to update the website for Madden 11. Right now, I'm trying to change the Home Page banner. However, I can't seem to identify it in the code. For some reason the banner is split into two parts. " HomePageBanner1.png " and " HomePageBanner2.png " ... I would like to switch the current home page banner to the following, " DrewBreesBanner1.png " and " DrewBreesBanner2.png " ... Any help is greatly appreciated. Thank you. The html code for the home page is: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Blu Ray Franchise - League of Champions - Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="Style.css" />
<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script language=JavaScript>
var message = "Sorry, right click is disabled! (:";
function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; }
if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } }
document.onmousedown = rtclickcheck;
</SCRIPT>
<SCRIPT TYPE="text/javascript">
<!--
function popup(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
href=mylink;
else
href=mylink.href;
window.open(href, windowname, 'width=660,height=380,left=375,top=225,scrollbars=no');
return false;
}
//-->
</SCRIPT>
</head>
<body>
<div id="header">
<center>
<table border="0">
</tr>
<br>
<br>
</table></center><font>
</div>
</div>
<br>
</div>
<img src="Titles/FootballBanner.png">
<br>
<br>
<div id="wrapper">
<div id="sidebar">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<ul id="navigation">
<div class="news">
<br>
<br>
<br>
<br>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<br><center><img src="Others/PowerRankings.png"></center>
<br>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p><center><div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="175" height="289" src="http://www5.cbox.ws/box/?boxid=637639&boxtag=vfs7an&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="175" height="91" src="http://www5.cbox.ws/box/?boxid=637639&boxtag=vfs7an&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div> </center>
</div>
</ul>
</div>
<div id="content">
<div class="search"><span></span> </div>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="bg">
<div class="column1">
<img src="Headlines/LatestHeadline(Top).png">
<br> <a href="Headline9.html"><img src="Headlines/LatestHeadline(Read).png" border="0" /></a>
<br> <img src="Headlines/LatestHeadline(OtherHeads).png">
<br> <a href="Headline8.html"><img src="Headlines/LatestHeadline(Head8).png" border="0" /></a>
<br> <a href="Headline7.html"><img src="Headlines/LatestHeadline(Head7).png" border="0" /></a>
<br> <a href="Headline5.html"><img src="Headlines/LatestHeadline(Head5).png" border="0" /></a>
<br><br> <a href="Headline4.html"><img src="Headlines/LatestHeadline(Head4).png" border="0" /></a>
<br><br> <a href="Headline3.html"><img src="Headlines/LatestHeadline(Head3).png" border="0" /></a>
<br><br> <a href="Headline2.html"><img src="Headlines/LatestHeadline(Head2).png" border="0" /></a>
<br><br> <a href="Headline1.html"><img src="Headlines/LatestHeadline(Head1).png" border="0" /></a>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br>
</div>
<div class="column2">
<div class="news">
<br> <center><img src="Others/CowboysEagles.png"></center>
<br>
<br><center><img src="Titles/FootballBanner2.png"></center>
<br>
<br>
<br>
<br><center><img src="Others/PoWeek1.png"></center>
<br>
<br>
<br>
<br>
</div>
</div>
<div class="news">
</div>
</div>
</div>
</div>
<center><img src="Titles/FootballBanner.png"></center>
<br>
<div id="footer">
<ul>
<li><a href="Home.html">Home</a>|</li>
<li><a href="TeamOwners.html">Team Owners</a>|</li>
<li><a href="Standings.html">Standings</a>|</li>
<li><a href="LeagueLeaders.html">League Leaders</a>|</li>
<li><a href="WeeklyRecaps.html">Weekly Recaps</a>|</li>
<li><a href="Highlights.html">Highlights</a>|</li>
<li><a href="http://forum.blu-ray.com/blu-ray-games-playstation-3/135356-rules-madden-2011-sim-online-franchise.html#post2987081">Rules</a>|</li>
<li><a href="http://blurayfranchise.creaforum.net/index.htm">Forums</a></li>
</ul>
<p></p>
</div>
</body>
</html>
The website can be viewed HERE . Hey Chaps, Being a professional web designer, I used to read articles in this discipline and recently got a superb one and thought of sharing it with you.. Here are 15 important website design tips that you might not be aware of or have overlooked. Consider taking advantage of them if you haven't already done so... 1. Custom 404 Pages Create a custom 404 web page, so that any time your website visitor mistypes or misspells a URL on your site, they will still be provided with navigation options for your site (instead of getting nothing but a "Page Not Found" error message, which is neither friendly or helpful). 2. Redirect Non-www. To www. Website visitors will often leave out the "www." portion when they type a URL or link to your website. Set the website up so that it automatically redirects any non-www version of your domain URLs (http://domain. com) to the www version (http://www.domain. com) of your website. 3. Properly Sized Graphics Size and define all graphics and images on your web pages properly and correctly. Web pages will load quicker if the graphics contained on each page are properly defined so they don't require the web browser to re-size them. Properly sized and defined images can reduce the web browser workload and speed up the page loading time. 4. Favicon Add a Favicon (favorite icon) to your website, so that your company or product logo appears in the URL box. This icon will also show up in a bookmark list, and gives the web site an added level of professionalism. 5. Include RSS Auto-Discovery If you offer an RSS feed for any content on your website, be sure to include auto-discovery code in the header of your website. This will allow many browsers and RSS readers to automatically detect the presence of an RSS feed and alert the visitor that it is available. 6. Alternate Domains Domain names are relatively inexpensive, so you should register multiple domain versions and extensions in order to protect your brand. The varied domains can be parked on the main website, simply to prevent others from obtaining them. Registering alternate domain versions will help protect your brand. 7. Consistent Navigation Navigation should remain consistent on a website. As a website visitor moves through the website, the navigation bar should remain in the same place on each page. This will make it easier for visitors to navigate your website, and become more comfortable as they move through your site. 8. Home Goes Home The main graphic, company logo, or "header" at the top of the site should be included on every page in the site, and should always return the visitor to the home page of the website. This has become a web standard, and most visitors now expect to return to the main page of the site simply by clicking on the main top graphic from any page within the site. 9. Copyright Notice Include a copyright notice on the bottom of each page contained on the website, and keep it current! It may seem trivial, but an out-of-date copyright notice can send a message to your visitors that the website and its content may be out-of-date as well. 10. Meaningful File Names Use meaningful file names for any files, graphics, or web pages. Many search engines look at file names as part of their search algorithm, and using keywords in file names may help to improve search engine rankings. 11. Hyphens vs Underscores When naming files and webpages, use hyphens (i.e. web-page.html) rather than underscores (i.e. web_page.html) for the file names. It is much easier for search engines to separate and index the keywords when hyphens are used. 12. Alt Tags Use ALT tags to describe what images represent on web pages. ALT tags not only assist visually-impaired visitors in knowing what the images are, but they also help with search engine ranking. 13. Spell Check Use a spell-check feature on the text of all web pages in a website. A website that contains mistyped or misspelled words just shouts "unprofessional". Take the extra few minutes necessary to check the spelling of text on each page of your website. 14. Test After making changes to a website, test it! Many times, a webmaster will upload changes, confident in their abilities, only to later discover that in their attempt to fix one thing, they have "broken" something somewhere else. Make testing a habit after making even the most minor changes! 15. Keep It Simple Simple is good. Remove unnecessary clutter and distractions from a website and navigation menu. ... Good luck mate.. TIA for your response. I'm creating a website. I would like the end user to be able to easily update all the text parts without having to know any HTML. How should I go about doing this? The way I've set it up at the moment is to use an include file with ASP so the text is kept seperate. The problem with this is that the end user still has to enter the text with some HTML formatting (I have written a program with VBA in MS Word to convert text to HTML but I'm not sure that's the best way). Any ideas on how I could make this better? Or if a completely different way would be better how should I go about doing it? hi this is reddy i want to update the text box values in my website by using any note pad r some other with out updating the whole code in the server every time to change the value help me Hi everyone! I've been away for quite a while and I'm very happy to see things are still up and running around here It's been a fairly long time since I've focused on website development. However I find myself back in the saddle and ready to shine away my rustyness Over the past several months I have noticed many sites around the world changing their website designs to a more image oriented design and with eye-pleasing results to many of their visitors. Does anybody know if there is some sort of "website design standards" that came out detailing these new kinds of websites? @Scoutt: I bet you know right off the top of your head -- Thanks in Advance everyone! ucm Ok I need to take things like this forum: http://lmiinc.com/forum/ http://lmiinc.com/forum/calendar.php And make it active on the new site I'm building for LMI. So what files exactly do I need to copy to the new directory & then reference as a link in my navigation bar in all of my .html files? I know HTML pretty good and I can get by w/ CSS - but what else should I know for web design? Hi there Sorry, i don't know if this is the correct section of the forum to put this in. What I really want to know is, how do you get webpages to look like this: http://itunes.apple.com/us/album/lov...ign-mpt=uo%3D2 Can this be done using HTML and CSS alone? I'm only referring to the design part of it, not what the page is able to do. Like play songs for example. Thanks Jackie xxx Hey guys, This is my problem...---> http://triplestarnews.com/needhelp.jpg the original code is found on this page http://triplestarnews.com/main any ideas?? thanks! Eric Hi My latest design is 2 columns one for navigation the second for content. My problem is with positioning. I want to be able to add an image at the bottom of the navigation column which will always be at teh bootom no matter how big the content area grows. The idea is my navigation will be at the top and the image or possibly images will be at the bottom. Is there an easy way around this with CSS? i could use tables and have it align to bottom but i don't want to use tables if possible. Any suggestions would be appreciated as the design is almost finished and i hope to make a start on coding this afternoon. I will post the example code soon for you guys to see how i've put it together and hopefully will just be able to change one line or somthing for me. CC_DESIGN Hi! I had my test webpage where i test my designs, scripts etc. working well but then my little brother change some stuff in both the html file and css file, I already fixed a lot but I don't know what's wrong now. HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ComBBAT - FRC Team 21</title>
<link href="http://demo.combbat21.com/css/general.css" rel="stylesheet" type="text/css" media="screen, all"/>
<link href="http://demo.combbat21.com/css/img.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="http://demo.combbat21.com/css/print.css" rel="stylesheet" type="text/css" media="print"/>
<meta name="description" content="ComBBAT, Team 21 is a FIRST Robotics Competition team consisting of both Titusville and Astronaut Highschools in Titusville, Florida." />
<meta name="keywords" content="USFirst, robotics, titusville, brevard, florida, FRC, ASRC, boeing, FIRST, ComBBAT, team 21, govconnection, team, competition, FIRST, first," />
<meta name="author" content="Daniel Cuesta" />
<link rel="shortcut icon" type="image/x-icon" href="http://files.combbat21.com/website/images/favicon.ico" />
<!--[if IE]>
<style type="text/css">
</style>
<![endif]-->
<!--JAVASCRIPTS-->
<script type=text/javascript"" src="http://demo.combbat21.com/js/addfav.js"></script>
<script language="JavaScript1.1" src="http://demo.combbat21.com/js/slidehome.js"></script>
<script type="text/javascript" src="http://demo.combbat21.com/js/report.js"></script>
</head>
<!--|| -->
<body>
<div id="container">
<div class="br10"></div>
<div id="top">
<ul>
<li><a href="http://m.combbat21.com">mobile</a></li>
<li><a href="javascript: function('addfav')" >Bookmark us</a></li>
<li><a href="http://members.combbat21.com">login</a></li>
</ul>
</div>
<div id="header">
<a href="../../../" id="logo" title="Home"></a>
<a href="../../../" id="name" title="Home"></a>
<a href="http://usfirst.org" id="first" title="FIRST" target="_blank"></a>
</div>
<div id="navbar">
<ul>
<li><a href="http://combbat21.com" id="n1" class="active">Home</a></li>
<li><a href="first/">FIRST</a></li>
<li><a href="about/">About us</a></li>
<li><a href="multimedia/">Multimedia</a></li>
<li><a href="resources/">Resources</a></li>
<li><a href="contact/">Contact us</a></li>
</ul>
</div>
<div id="breaker"><!--
<span class="pathway">You are he </span><a href="../../../../">Combbat21.com</a>
<div id="search">
<form name="cse" id="searchbox_demo" action="http://www.google.com/cse">
<input tabindex="3" class="txt" name="q" value="" title="Search" /><input type="image" id="searchB" name="submit" src="http://files.combbat21.com/website/images/search-button.gif"/></form>
-->
</div>
</div>
<div id="rightcol">
<ul>
<li><a href="about/">about combbat</a></li>
<li><a href="first/">about first</a></li>
<li><a href="news/">news</a></li>
<li><a href="blog/">blog</a></li>
<li><a href="calendar/">calendar</a></li>
<li><a href="donate/">donate</a></li>
<li><a href="sitemap/">sitemap</a></li>
</ul>
</div>
<div id="leftcol">
<a href="javascript:gotoshow()"><img src=".jpg" name="slide" border=0 width=100% height=100%></a>
<script>
<!--
slideshowimages("http://files.combbat21.com/website/images/slideshow/1.jpg","http://files.combbat21.com/website/images/slideshow/2.jpg","http://files.combbat21.com/website/images/slideshow/3.jpg","food4.jpg","food5.jpg")
slideshowlinks("http://food.epicurious.com/run/recipe/view?id=13285","http://food.epicurious.com/run/recipe/view?id=10092","http://food.epicurious.com/run/recipe/view?id=100975","http://food.epicurious.com/run/recipe/view?id=2876","http://food.epicurious.com/run/recipe/view?id=20010")
var slideshowspeed=2000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
<noscript>In order to see the slideshow you must enable javascripts</noscript>
</div>
<div id="content">
<a href="" onClick="window.print(); return false">
<img src="http://files.combbat21.com/website/images/print.png" title="Print" alt="print button" class="tb"></a>
<h2>Welcome to combbat21.com</h2>
<p>FIRST Robotics Competition Team 21 was started in 1996 to share and expand FIRST's vision with students of Astronaut and Titusville High Schools in Titusville, Fl. Our mentors, Scott Strickland from Boeing, James Rallo from Upper Mohawk Inc, Stephen Stout from ASRC Aerospace, Kevin Cunningham from USA, and Jeff White, assist the ever-expanding team of high school students design, construct, and program a fully functional ~120 lb robot and facilitate the development of important life skills such as teamwork, communication, and leadership. </p>
</div>
<div id="sponsors">
<p>The FIRST Robotics Team 21 gracefully thanks its sponsors:</p>
<a href="" target="_blank" id="boeing"></a>
<a href="" target="_blank" id="govc"></a>
<a href="" target="_blank" id="asrc"></a>
</div>
<div id="footer">
<ul>
<li><a href="/chforum">chief delphi forum</a></li>
<li><a href="/mobile">mobile</a></li>
<li><a href="link/">link to us</a></li>
<li><a href="sitemap/">sitemap</a></li>
<li><a href="sponsorus/">sponsor us</a></li>
<li><a href="contact/">contact us</a></li>
</ul>
</div>
<div id="end">
<a href="javascript:popUp('http://www.demo.combbat21.com/report')">Report</a>
</div>
<div align="center"><!--needed for ff-->
<div id="bottom">
<p>FRC Team ComBBAT 21. Copyright © 2010. All rights reserved.</p>
</div>
</div>
</div>
</body>
</html>
css:www.demo.combbat21.com/css/general.css Thanks a lot to anyone that replies. Hi i'm designing a static sub menu and thought it would be cool to get suggestions on what approaches you guys would take. The reason i'm asking is because i'd like to see if my approach exhibits efficient coding. This is an image mockup of what i'm trying to achieve. And this is what i'm thinking of doing. Thanks in advance guys. What's the best book to learn web design please? I was leaning towards the Head First Web Design book but don't like most of the reviews on it even though I love the other Head First books, is this the best book on web design or is there any other[s] that's better? Hi, I would like to design a table just like in the Image. I am new to web design. I also want to display the text same as the one in the image, ie., Vertical text.. Can someone please help me out. Thanks Rajagopalan. I would like to know if any one would like to make a web site for me i cant pay you. But if you would like The experience and or practice I would really like the Help. It is a web site for a audio/visual production company based in Ontario that specialize in audio/visual production for live events, video post-production, video conferencing, special effects, audio recording, audio mastering, podcasting, and other services. If you would like to help me post here or add me on msn at jacob.pn@hotmail.com thanks. |
|||||||