HTML - Site In Artisteer And Bluegriffon, Newbie In Need Of Help And Tips!
Hello,
New to the programming part of this all, well here's my story. Having to make my own website for a company taking shape, I was glad to be able to make a web-layout quite easily in the form of Artisteer. After this I put the page through a WYSIWYG- type of editor, namely Bluegriffon. Now, when I open the site in here, the pop-down menu on the left part seems to be okay, and I would like this element to behave just like shown in att. 1.<< Though when exporting, the ''Aanbod'' Button does not function at all, in Chrome, and in Opera, and when opening in new tab it will only show a >different than intended> drop-down menu! like att 2. << I'm confused, as I said, have very little knowledge about HTML editing. Is this fixable?, well more accurately- which part of coding should I apply for the desired effect? (drop down on hover preferred, though drop down on click will do just fine). Next question. How can I set my background to be ''Set'' Instead of moving along with the entire ''frame'' ? Last question. When making a sub-page (i.e. click on any of the sub-menu items and be directed to the page desired) , do I use the exact same page as my index.html, and simply rename it? Or are there any ''cloning'' tricks and standard issues to avoid when doing so?. Again, I am new to this all, but finding it rather amusing to do with a WYSIWYG editor, sorry to disappoint you guys for not ''writing'' the code etc myself, but time is of the essence, I need the site to be on-line in quite a short time Thanks a lot in advance, and if this is in the wrong section, my apologies ^^ Leon (> http://www.Power-Entertainment.nl < ) Similar TutorialsHi there I am can make sites pretty well using full css and divs but my main problem is choosing colors and how best to use them on the site. Does anyone have any tips please Hi Guys. I have to start by saying I am considered a newbie when it comes to html so please bear with me. Here is where I am having the problem: http://www.fbdopewars.com/eddie/print.html As you all can see the images have spaces around them. Now this was all written in notepad so I need specific assitance in the html code. My dillema is 2 things: Why does my page have these horrible gaps between the images even though I THINK I entered it all right? Is there a more efficient way to write the code then what I am currently doing and how compatible is it on cross-browser (This is mostly experimental so I dont mind hacking it up and starting again). Thanks in advance for your time and help! Hi All, im new here so go easy. this might be an easy answer. i am making this website and am positioning items around the site using div tags. the site looks just how i want it to in Firefox but when i open it in IE it has different sizes everywhere and does not match up. also i have a logo in the upper right of the site. how do i get this to resize when the browser size is changed? here is the sites code. <html> <head> <title>Maroondah Trailers</title> </head> <body BGCOLOR="807a7a"> <div style="background-image:url('pictures/bg.gif'); background-repeat: repeat; position: absolute; left: 0%; top: 0%; width: 16%; height: 97%;"></div> <div style="background-image:url('pictures/bg.gif'); background-repeat: repeat; position: absolute; left: 84%; top: 0px; width: 16%; height: 97%;"></div> <div style="background-color: White; position: absolute; left: 16%; top: 15%; width: 68%; height: 82%;"></div> <div style="background-color: ff3600; color: white; position: absolute; left: 16%; top: 15%; width: 68%; height: 4%;"></div> <div style="position: absolute; left: 60%; top: 3%; width: 30%; height: 40%;"><img src="pictures\logo2.gif"></div> <div style="background-color: black; position: absolute; left: 84%; top: 0%; width: .2%; height: 97%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 0%; width: .2%; height: 97%;"></div> <div style="background-color: black; position: absolute; left: 0%; top: 97%; width: 100%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 0%; top: 97%; width: 100%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 15%; width: 68%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 19%; width: 68%; height: .3%;"></div> </body> </html> heres what they both look like thanks alot Matt there is three technique of seo . black hat technique white hat technique i wud like tell u white hat technique . there is two process of seo on page title code meta keyword meta description analytics code w3 validation off page optimization. book marking submission directory submission press release submission....... and many more Its Look: Your site looks fresh and modern, while maintaining the same brand image you're offline. Choose the same colors for your website if you use in other marketing materials, and the same logo. The site must be visually appealing, with many interesting features, but not too finicky or distracting. The layout should be easy to understand, let visitors to the site easy to navigate to the pages they want. Put Your Customers First Thinking about search engines and how your page rank in Google is great, but there is no point if your visitors will simply click away from your site within a few seconds of landing. Your goal is to convert visitors into customers, so make sure your site is customer friendly. Keep popular items and contact information easy to find and keep multiple menus where visitors click a few links to find the information they need to bury your site structure. Do not Be spammy This follows from the above point, that your site must be designed primarily for visitors with SEO as a secondary consideration. Not stuff your pages full of keywords so that the content does not make sense. You also need to clearly send the wrong tactics such as adding a list of keywords to the bottom of your pages, and cluttering the site with too much advertising. Make it quick Online visitors want information fast, and they have no patience to wait while a large image or fancy graphics load. Make sure your pages load quickly, with key information charging first. If you have large files or videos, put them in a position where the reader can still browse the rest of the page, while the larger elements to load. If you have a Flash site to think about offering an alternative simple html link for visitors with slow Internet connection. Do your homework Think long and hard about your audience before you search Use Neat and Easy Navigation You make sure your site is browser compatible Minimize the use of images Use of white space Check for broken links Design for all Screen Resolution Typography Colors use good Layout make perfect Fast Loading web site designs. Clear Navigation. Browser Compatibility. Riiight, this is driving me mad http://int.jatos.co.uk/kcda/ Need to get copyright info to stay at the base of the page regardless of the length of content with without my floats in the content going weird, and I don't want to use Javascript. Anyone know a way I can achieve this, tis' is driving me MADDD! 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. Hi Guys, I have owned one website, Can anyone Get me some good Tips for get traffic to my website ?? Hi people, hopefully you can help. I've made a website for a artist-run collective here in Edinburgh, Scotland and everything is getting under way. I had a few questions with some issues I have been encountering and perhaps you could send me some information on if there is anyway to fix this. http://www.modular9.co.uk/ That's the site. Some things aren't up yet but you get the idea. The main issue is with the index page anyway. I have used a collection of image paths and rollovers and if you take a look at the source you'll see my very basic, yet required, html/css. One of the issues is the delay in rollover. I understand it is because it is loading a whole image each time you rollover the tally marks, but is there any way to speed this up? Or use a script that isn't as ineffective as javascript? I don't mind the delay but I know that the rollover is meant to exist so I give it a second or two, but people coming to the site for the first time might not notice the navigation and leave :/ Also, on some of my friend's computers at college, when they click on, artists, or the about section, or contact, for example, the background doesn't show up as the colours I put down. Is this because I used css to do so? Are there actually some browsers that can't take css yet? I know it's a bit vague and a general query but any tips and things would be great to make the site more effective and smooth running. Hope you are all well. Rich I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! Ok, so here's what I'd like. Any help would be greatly appreciated. I would like a url to load in 1 I would like a constant, stay on top, stay at top, follow your scroll, area where 2 is. I would like to be able to place content where 2 is. 3, I would like to be able to edit the length of the content area. 5$ via paypal for first person who helps. Thanks again. hello all im all new to this HTML so hopefully everyone can understand me im just playing around with HTML at the moment using notepad to learn whats what but i cant find a way of putting images or tex in the middle of the screen by it self it all just stays on the left handside? can anyone explain or give me the code for it please. also if anyone knows of any good starting books or software to help me on my HTML quest cheers Hy I'm new here and new to everything that's related to webdesign and coding so maybe I have silly questions but that's it!,and also sorry for my english - hope you will understand what I have to say. I work on this ImageCube http://keith-wood.name/imageCube.html but I would like to make it like this one http://www.cancan.ro/ with previous/next buttons and with thumbscroller. I know my question is related also to jquery but I will be pleased with the answer regarding only html too. I succeeded to make both previous/next buttons and the thumbscroller to work somehow but I can only make them functioning properly one at a time - I can't make them to function properly both in the same time. I know to make this things work only like this so if you know a better way to do it just tell me. Whatever values do I put either in html or javascript can't seems to work like it should. For example in this case like in below all thumbs and both directionButtons get the first value from document in this case "0" which is uluru.jpg.So,in another words (in this case from below) whenever I click either on whichever of the thumbs or on whichever of the directionButtons the Cube repeatedly rotate the Uluru image. I tried all kinds of variants -to put different values but in neither cases don't work well. So if you can help me I would much appreciate it,and if you have other ideas please give me the entire code because like I said I'm very new to all in this field. HTML Code: <body> <div id="directionCube" class="cube"> <img src="img/uluru.jpg" > <img src="img/islands.jpg" > <img src="img/gorge.jpg" > </div> <div id="thumbs"> <input id="direction" value="left" type="hidden"> <input id="next" value="0" type="hidden" /> <img src="1_thumb.jpg"> <input id="direction" value="left" type="hidden"> <input id="next" value="1" type="hidden" /> <img src="2_thumb.jpg"> <input id="direction" value="left" type="hidden"> <input id="next" value="2" type="hidden" /> <img src="3_thumb.jpg"> </div> <script type="text/javascript"> $('#directionCube').imagecube({direction: 'up', repeat: true, pause: 3000, shading: true}); $('#thumbs').click(function() { var cube = $('#directionCube'); var next = parseInt($('#next') .val(), 10); cube.imagecube('change', {direction: $('#direction') .val()}). imagecube('rotate', next, function() { $('#current').text($(cube.imagecube('current')).attr('title')); }); }); </script> <input id="direction" value="right" type="hidden"> <input id="next" value="" type="hidden"> <img id="directionButtonRIGHT" src="control_right.jpg"> <script type="text/javascript"> $('#directionButtonRIGHT').click(function() { var cube = $('#directionCube'); var next = parseInt($('#next').val(), 10); cube.imagecube('change', {direction: 'right' , selection: 'forward'}). imagecube('rotate', next, function() { $('#current').text($(cube.imagecube('current')).attr('title')); }); }); </script> <input id="direction" value="right" type="hidden"> <input id="next" value="" type="hidden"> <img id="directionButtonLEFT" src="control_left.jpg"> <script type="text/javascript"> $('#directionButtonLEFT').click(function() { var cube = $('#directionCube'); var next = parseInt($('#next').val(), 10); cube.imagecube('change', {direction: 'left', selection: 'backward'}). imagecube('rotate', next, function() { $('#current').text($(cube.imagecube('current')).attr('title')); }); }); </script> </body> Hi all, I'm new to this forum and to HTML and i have a question when i create a button in HTML how do i: A. run a function once the button is clicked on? (i want to run some exe file from my machine) B. locate the button on a specif place on the screen (ex, up,down,sides) any where on the screen an example whould be great. Thanks. Hi All Been a reader of this site a while now and have found the info very helpful. Currently designing my own site to sell classic cars and really like the way a celebrity site shows its images. ANy idea how this is done? Heres the link... oops-we're a family-friendly place Thanks in advance Al I want to make my own web site for a computer game that I play. It will basically have custom made content for download for other users. I have an idea of how I want the site to look but I have no idea how to take it from Photoshop and actually make it my web site. I looked at the tutorials on here but I must be really computer dumb because I cant for the life of me figure it out. Is there anyone here who could help me maybe if i show them what I have created?? I cant afford for someone to make it for me but maybe someone would be nice enough to help me out?? Thanks Elaina Hello, i'm a business manager for 2 different up and coming businesses within the UK. On one of our sites we have widgets we are putting on the site displaying news from a few different organisations within the environmental sector. I have 5 or 6 widgets in total I am using, and when I put the widget codes into my boxes on the page I wish to have the information displayed on the website, they appear vertically on top of each other, meaning that the page becomes very long with the widgets on there. What code should I use to get the HTML code to know that I want the widgets to sit next to each rather than in a line down the page? I hope you understand what I mean, things involving websites are not my primary business activities so my knowledge of terminology is a bit lacking. Regards, Sean Hi folks. I need some help with an HTML site I am trying to make, so please do me a favour and hear me out. I should add that I know some simple HTML stuff (ie. I can make simple pages no sweat), but am pretty quick on the uptake. What I am trying to do is make a HTML page to keep track of orders for my small business. The layout is pretty simple- I need to make a form where I can enter orders as they come in (simple info- cutomer name, order size, that kind of thing), and then have the form publish the order into a queue/chart of some sort. Then, I need to be able to have that published order queue somehow accessible/editable so that once an employee has finished an order, they can confirm that the order is indeed finished, as well as include notes about when it was finished, where the order is in waiting in the warehouse, etc. Finally, a page essentially the same as above, but this time to confirm shipping with notes about shipping company/time, etc. Hopefully this model came out clear, and someone can point me in the right direction of how to go about getting this started. It by no means has to be pretty- just functional. Can someone give me a brief tutorial about how to make the forms and have them publish into some kind of master queue? Html email does not display image background in Outlook, Gmail, Yahoo and MSN, i am using PHP code.. the images will not appear when sitting it as a back ground in the TD. but i am sure with my file path, it will only display if being coded as <img src=images.jpg> Hi All, Wondered if I could get some help. I have wrote a simple HTML script to create a simple Pro-Forma for cusotmers to fill out a few things. I also have a SUBMIT button that what I want it to do when clicked is automatically send the data from the form to an email address. So far I have managed to get the SUBMIT button to create an email with the email address in the to and the data in the subject. However I want it to auto send without the cusotmer seeing and also when the data is copied into the email it is just all linked together seperated by & signs. I am new to this and cant seem to get it to automatically send and wondered if anyone could help Thanks in advance |