|
HTML - Volunteer/work Programs For Experience
Hello everyone,
I am attending school to receive my Bachelor's of Science in I.T. with a concentration in Web Development and I was wondering if anyone knew of any volunteer programs looking for new/entry level coder's. Basically I am looking to get my foot in the door as most job's regarding web development require 2 years of experience minimum. I am in search of a company or companies that you the experienced web developer/coder may know who are willing to let young individuals like myself come and learn and work for like 6 months or whatever the time period is without pay. I just want to gain some experience and learn from people who have already been in this line of work for a while or who are far more advanced then myself. Any guidance or response is appreciated, thanks. Similar Tutorialsany one know of any good softwear that help you create a web form. im kinda looking for something easy and store the data as a file on the server. i was thinking of making a mailing list and to sign up you could enter you address on a page and it would be listed on the site then have another page if they enter it again to search for the email address and remove it. if any one has any good idea i sure would love the help. thanks -bigdog889 Hey guys I just got an oppurtunity for an internship this summer and I need some Ideas for a small little portfolio (some small web pages and such) also maybee some banner ideas. Here is the email I got "We design and create anything from a simple 3 to 5 page website to huge applications for an organization or even a municipality. My ongoing project is www.ourfortworth.com (OFW.) It is a web community I created in 1999 just for kicks. Since then, it has grown to an average of 85,000+ visitors each month. OFW focuses only on local information and advertising for local businesses. The "full color display type" ads you see at the top and on the sides of each page are something we are constantly making for new or existing advertisers. We usually change or update the ads when ad contracts renew every three to six months. We are just starting our Restaurant Guide to complement the business directory we are working on. Most of the work initially would be the ads I mentioned above and the basic 3 to 5 page websites for small businesses. I would like to talk with you when you have time and get a feel for the style of work you produce, your basic design style, etc. to see if we might be a good fit to work together. " Any programs that y'all know that work well for making banners? Also I know HTML pretty well , what would help me practice getting better at it or what should I move onto? Just looking for some Ideas.. (By the way I'm 17 and know XHTML) Thanks, Randy im looking for free webstie builder programs that take little if none experience to make a website any ideas ...thanks in advanced Can someone paste this into an .html file and help me with why this won't work in IE. It works in Chrome and FF. It seems like the onclick event in the two buttons doesn't fire. <!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"> <head> <title>Question 1</title> <style type="text/css"> body { background-color: #FFFFFF; font-family: Verdana, sans-serif; color: #000088; margin: 5px; } p.help_text { color: #ff0000; font-size:10px; } table.left { position:relative; right:3px; } input.right { position:relative; left:15px; } </style> <script type="text/javascript"> function Clear(form) { document.multiply_form.arg1.value = ""; document.multiply_form.arg2.value = ""; document.getElementById("answer").innerHTML = "?"; document.getElementById("help").innerHTML = ""; } function Multiply(arg1, arg2, form) { var answer = document.getElementById("answer"); alert("A"); document.getElementById("help").innerHTML = ""; if (validate_form() == true) { document.getElementById("answer").innerHTML = arg1 * arg2; } } function validate_form() { var fields = new Array(); fields[0] = document.multiply_form.arg1; fields[1] = document.multiply_form.arg2; for (i = 0; i < fields.length; i++) { if (fields[i].value.length == 0) { document.getElementById("help").innerHTML = "You must enter 2 arguments to multiply."; fields[i].focus(); return false; } else if (isNaN(fields[i].value)) { document.getElementById("help").innerHTML = "You can only multiply numbers."; fields[i].focus(); return false; } } return true; } </script> </head> <body> <form name="multiply_form" action="" onsubmit="multiply(arg1, arg2)"> Arg 1: <input type="text" name="arg1" value="" size="10"/><br/> Arg 2: <input type="text" name="arg2" value="" size="10"/><br/> <table class="left"> <tr> <td><div>Result: </div></td> <td><div id="answer">?</div></td> </tr> </table> <input class="right" type="button" value="Calculate" onclick="Multiply(this.form.arg1.value, this.form.arg2.value, this.form)"/> <input class="right" type="button" value="Clear" onclick="Clear(this.form)"/> <p id="help" class="help_text"></p> </form> </body> </html> Hi there, would you kindly help me please. I have have been puzzled lately about how exactly i would be able to protect some of my online material. I do realize that keeping things more server sided is the way to go. But what if its a login, where you have two sections of your site, one for members and the other public. My question is how would you be able to protect a page from being viewed if your not logged in. Meaning if someone knows the direct link to a member page, how would you stop them from viewing it if their not a member? (redirect them back to a homepage). how would this kind of thing work? Thanks a million btw new to the forums NetGD Should this tag work ? <img src="file://users/aneuryzma/Desktop/Picture%201.png" name="replaceMe"/> i want to display an image on my local file system... thanks Why on earth doe the cell "Card No." not go to row number 2 and it stays on the same line? I have added a <tr> and it STILL stays on same line. How is this possible? Code: <form id="cin" name="cin" method="post" action=""> <table><tr> <th>Your Name</th> <td><input type="text" name="your_name" /></td> <tr> <td></td> </tr> <th>Card No.</th> <td><input type="text" name="card_no" id="card_no" /></td> </form> below there is a piece of code with slideshow (I took it from http://www.ricocheting.com/code/java...mage-slideshow). I can see only the first picture, not the rest. Can someone help me? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>try5</title> </head> <body> <script type="text/javascript"> // Author: ricocheting.com // Description: slideshow that allows visitors to flip through a series of images on your website var x=0; function rotate(num){ fs=document.ff.slide; x=num%fs.length; if(x<0) x=fs.length-1; document.images.show.src=fs.options[x].value; fs.selectedIndex=x;} function auto() { if(document.ff.fa.value == "Stop"){ rotate(++x);setTimeout("auto()", 5000);}} </script> <form name="ff"> <table style="border: 1px solid black; border-collapse: collapse;" cellpadding="3"> <tbody> <tr> <th align="center"></th> </tr> <tr> <td align="center"><img src="IMG0.JPG" name="show"> </td> </tr> <tr> <td style="border: 1px solid black;" align="center"> <select name="slide" onchange="rotate(this.selectedIndex);"> <option value="IMG0.JPG"></option> <option value="IMG1.JPG"></option> </select> </td> </tr> <tr> <td style="border: 1px solid black;" align="center"><input onclick="rotate(0);" value="ll<<" title="Jump to beginning" type="button"> <input onclick="rotate(x-1);" value="<<" title="Last Picture" type="button"><input name="fa" onclick="this.value=((this.value=='Stop')?'Start':'Stop');auto();" value="Stop" title="Autoplay" style="width: 75px;" type="button"> <input onclick="rotate(x+1);" value=">>" title="Next Picture" type="button"><input onclick="rotate(this.form.slide.length-1);" value=">>ll" title="Jump to end" type="button"> </td> </tr> </tbody> </table> </form> </body> </html> So just draw on AP divs and maybe also a bit of tweaking, can you "get away" with this? Biggest problem i see is that IE and FF tend not to always format things exactly the same .... ALSO, if i want to line up say an input text box with a search button gif(25px x 24px) at the side of the input then this works in firefox, Note that this is an AP div. <div id="apDiv3"> <input type = "text" size = "26"/><img src = "images/search.gif" /> </div> #apDiv3 input{float:left;height:16px;padding:2px;} Gives this is FF, Whereas in IE there is a small gap between the right end of the input and the gif, and also the input field is smaller I have to say i don't really undertsand the css there, i got it form the web. Why is there a gap and why is it smaller? After the "marital status" and "sex" are selected, I want to assign a default value to the "Title" field. I think I am calling the function DefaultTitle incorrectly because I am not even seeing the initial alert box. Any suggestions? function DefaultTitle(strng,x) { alert("Checking Title."); var Sex=documet.PatientEntry.personal_sex.value; var MaritalStatus=strng; if (Sex=="Female" && MaritalStatus=="Married") {document.PatientEntry.personal_Title.value="Mrs."; HighlightWhite(x); Return; } if (Sex=="Male") {docment.PatientEntry.personal_Title.value="Mr."; HighlightWhite(x); Return; } if (Sex=="Female" && MaritalStatus=="Single") {document.PatientEntry.personal_Title.value="Miss"; HighlightWhite(x); Return; } if (Sex=="Female") {document.PatientEntry.personal_Title.value="Ms."; HighlightWhite(x); Return; } } Sex: <SELECT name="personal_sex" id="personal_sex" tabindex=7> <OPTION>Male</OPTION> <OPTION>Female</OPTION> </SELECT> Marital status: <SELECT name="personal_MaritalStatus" id="personal_MaritalStatus" onmouseout="DefaultTitle(this.value,this.id)" tabindex=8> <OPTION>Married</OPTION> <OPTION>Single</OPTION> <OPTION>Separated</OPTION> <OPTION>Divorced</OPTION> <OPTION>Widow(er)</OPTION> </SELECT> Title: <SELECT name=personal_Title tabindex=9> <OPTION>Mr.</OPTION> <OPTION>Mrs.</OPTION> <OPTION>Ms.</OPTION> <OPTION>Miss</OPTION> <OPTION>Dr.</OPTION> </SELECT><BR> Ok. I'm brand new to html and website building. I'm doing pretty ok, but I can't understand why this link won't work: <td><a href="path03"><a target="_blank" ref="maps.htm">Maps</a></a></td> Any thoughts? Thanks. Hi all, need ur help.. I make a web template in Fireworks and export it to HTML, then I open the file in Dreamweaver. Strangely, when I preview the file in IE, the link in it not work. But it works in Firefox. Anyone please give me advice many thanks mol Hi, Just a quick post here to ask for some help. My website (http://www.anewtake.com/ted) which I am making, works fine in Safari and Chrome. However, it does not work quite in Firefox: the top bar, where it says 'welcome' is placed too far over to the right. I'm not sure whether it works in IE7 or IE8, because it won't install on my computer! And I'm not bothered about IE6 because it's just old. So my question is; can anyone help me with getting this page to work in Firefox and validate? Thanks, Ted Hows it goin everybody.. I'm just starting to get involved in web design. I have a quick question. I have the template and have modified it to fit my needs. I understand it uses the images from the pack/bundle I D/L'd. I want to load it into geocities and I copied and pasted the code over , but it comes up with just blank with text and a grey screen. I loaded the images into my yahoo account but its not sourcing them. i believe they still have the path that was on my comp. What path would I use to load them off off a remote server (i.e. yahoo) ??? Thanks in advance. I'm sure this could of been worded more efficiently but I'm still very new to this. this issue has been solved Hey, On my site, images are correctly placed in Firefox etc. but are in completely the wrong place in internet explorer. The site is he http://thekneelingzombie.com/ Anyone tell me the code I need to slip in to make it work in IE and FF? Thanks v. much Jim Hello everyone, Im making a website (obviously haha) and the links in a div dont want to work. A piece of text + link works A picture + link doesnt work This div is the header (inc. sepirate logo, name and menu buttons) Below the header div I made a slideshow (which works perfectly (also in a div)) Below the slideshow I made div's in a div with brands of companies + links (which DO work) It doesnt matter if I delete all div's in the header and just put a pic in the header div... the link with that pic still wont work. the link DOES work in expressionweb (ctrl+click) but does NOT work when I put the site online OR test it in any browser (chrome, firefox, IE) 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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.style1 {
text-align: center;
}
.style2 {
border-width: 0px;
}
.style4 {
text-align: right;
color: #C0C0C0;
font-size: x-small;
}
</style>
</head>
<body>
<div style="position: relative; width: 800px; z-index: 1; left: 0px; top: 0px; margin-right: auto; margin-left: auto; font-family: Calibri, 'times New Roman', Arial;" id="wrapper">
<div style="position: relative; width: 800px; z-index: 5; left: 0px; top: 0px; height: 785px;" id="new wrapper">
<div style="position: relative; width: 800px; height: 300px; z-index: 1; float: left" id="Header">
<a href="http://www.google.nl/">peterpan</a></div>
<div style="position: relative; width: 700px; height: 300px; z-index: 2; margin: 20px 50px 20px 50px; float: left" id="Slideshow">
<script language="JavaScript1.2">
var variableslide=new Array()
//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]
variableslide[0]=['images/slideshow/trollblogo.png', 'http://www.trollbeads.nl/', '']
variableslide[1]=['images/slideshow/trollbeads1.jpg', 'http://www.trollbeads.nl/', '']
variableslide[2]=['images/slideshow/trollbeads2.jpg', 'http://www.trollbeads.nl/', '']
variableslide[3]=['images/slideshow/trollbeads3.jpg', 'http://www.trollbeads.nl/', '']
variableslide[4]=['images/slideshow/trollbeads4.jpg', 'http://www.trollbeads.nl/', '']
variableslide[5]=['images/slideshow/trollbeads5.jpg', 'http://www.trollbeads.nl/', '']
variableslide[6]=['images/slideshow/rosendlogo.png', 'http://www.rosendahl-watches.com/', '']
variableslide[7]=['images/slideshow/rosendahl1.jpg', 'http://www.rosendahl-watches.com/', '']
variableslide[8]=['images/slideshow/rosendahl2.jpg', 'http://www.rosendahl-watches.com/', '']
variableslide[9]=['images/slideshow/rosendahl3.jpg', 'http://www.rosendahl-watches.com/', '']
variableslide[10]=['images/slideshow/trollblogo.png', 'http://www.trollbeads.nl/', '']
variableslide[11]=['images/slideshow/trollbeads6.jpg', 'http://www.trollbeads.nl/', '']
variableslide[12]=['images/slideshow/trollbeads7.jpg', 'http://www.trollbeads.nl/', '']
variableslide[13]=['images/slideshow/trollbeads8.jpg', 'http://www.trollbeads.nl/', '']
variableslide[14]=['images/slideshow/trollbeads9.jpg', 'http://www.trollbeads.nl/', '']
variableslide[15]=['images/slideshow/rosendlogo.png', 'http://www.rosendahl-watches.com/', '']
variableslide[16]=['images/slideshow/rosendahl4.jpg', 'http://www.rosendahl-watches.com/', '']
variableslide[17]=['images/slideshow/rosendahl5.jpg', 'http://www.rosendahl-watches.com/', '']
variableslide[18]=['images/slideshow/rosendahl6.jpg', 'http://www.rosendahl-watches.com/', '']
//configure the below 3 variables to set the dimension/background color of the slideshow
var slidewidth='700px' //set to width of LARGEST image in your slideshow
var slideheight='300px' //set to height of LARGEST iamge in your slideshow, plus any text description
var slidebgcolor='#FFFFFF'
//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=3000
////Do not edit pass this line////////////////
var ie=document.all
var dom=document.getElementById
for (i=0;i<variableslide.length;i++){
var cacheimage=new Image()
cacheimage.src=variableslide[i][0]
}
var currentslide=0
function rotateimages(){
contentcontainer='<center>'
if (variableslide[currentslide][1]!="")
contentcontainer+='<a href="'+variableslide[currentslide][1]+'">'
contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'
if (variableslide[currentslide][1]!="")
contentcontainer+='</a>'
contentcontainer+='</center>'
if (variableslide[currentslide][2]!="")
contentcontainer+=variableslide[currentslide][2]
if (document.layers){
crossrotateobj.document.write(contentcontainer)
crossrotateobj.document.close()
}
else if (ie||dom)
crossrotateobj.innerHTML=contentcontainer
if (currentslide==variableslide.length-1) currentslide=0
else currentslide++
setTimeout("rotateimages()",slidedelay)
}
if (ie||dom)
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')
function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub
if (document.layers)
document.slidensmain.visibility="show"
rotateimages()
}
if (ie||dom)
start_slider()
else if (document.layers)
window.onload=start_slider
</script>
<ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide><layer id="slidenssub" width=&{slidewidth}; left=0 top=0></layer></ilayer>
</div>
<div style="position: relative; width: 800px; height: 400px; z-index: 3; margin: 5px 0px 50px 0px; float: left" id="Merken">
<div style="position: relative; width: 200px; height: 125px; z-index: 1; float: left;" id="layer1" class="style1">
<a href="http://www.eclat.nl/" target="_blank">
<img alt="Eclat" src="images/MainPage/Eclat.png" width="175" height="100" class="style2" style="float: left" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 2; float: left;" id="layer2" class="style1">
<a href="http://www.trollbeads.nl/" target="_blank">
<img alt="Trollbeads" src="images/MainPage/Trollbeads.png" width="175" height="100" class="style2" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 3; float: left;" id="layer3" class="style1">
<a href="http://www.policecitylife.nl/" target="_blank">
<img alt="Police" src="images/MainPage/Police.png" width="175" height="100" class="style2" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 4; float: left" id="layer11" class="style1">
<a href="http://www.rosendahl-watches.com/" target="_blank">
<img alt="Rosendahl" src="images/MainPage/Rosendahl.png" width="175" height="100" class="style2" style="float: right" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 5; float: left" id="layer12" class="style1">
<a href="http://www.jpc.nl/boccia/" target="_blank">
<img alt="Boccia" src="images/MainPage/Boccia.png" width="175" height="100" class="style2" style="float: left" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 6; float: left" id="layer13" class="style1">
<a href="http://www.jeh-collection.nl/" target="_blank">
<img alt="Jeh" src="images/MainPage/Jeh.png" width="175" height="100" class="style2" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 7; float: left" id="layer14" class="style1">
<a href="http://www.danishdesignwatches.eu/" target="_blank">
<img alt="Danish Design" src="images/MainPage/DanishDesign.png" width="175" height="100" class="style2" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 8; float: left" id="layer15" class="style1">
<a href="http://www.rabinovich.nl/" target="_blank">
<img alt="Rabinovich" src="images/MainPage/rabinovich.png" width="175" height="100" class="style2" style="float: right" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 9; float: left" id="layer16" class="style1">
<a href="http://www.cliccreations.nl/" target="_blank">
<img alt="Clic" src="images/MainPage/Clic.png" width="175" height="100" class="style2" style="float: left" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 10; float: left" id="layer17" class="style1">
<a href="http://otracosa.ch/" target="_blank">
<img alt="Otracosa" src="images/MainPage/otracosa.png" width="175" height="100" class="style2" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 11; float: left" id="layer18" class="style1">
<a href="http://www.stepbystep.ch/" target="_blank">
<img alt="Step By Step" src="images/MainPage/StepByStep.png" width="175" height="100" class="style2" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 12; float: left" id="layer19" class="style1">
<a href="http://www.mobach-groothandel.nl/" target="_blank">
<img alt="Mobach" src="images/MainPage/Mobach.png" width="175" height="100" class="style2" style="float: right" /></a></div>
</div>
</div>
<div class="style4">
Made by Ferdi Bour<br />
________________</div>
</div>
</body>
</html>
In the header is text at this moment with a link. Again, this link DOES work. But as soon as I input an image + link (internal or external doesnt matter) it doesnt work Also interactive buttons I put in the dont work, doesnt so anything Thanks in advance for any solution! Ferdi Bour sorry i fixed the problem as soon as i posted so i deleted it im pat btw |
|||||||