hvordan man skaber en high- tech hjemmeside

Indlæg af Jannik Riis     opdateret: 2011-10-12

Tidlig hjemmesider blev skrevet helt i HyperText Markup Language ( HTML ) . HTML var den første udbredte sprog for computere til at "tale " med hinanden via internettet , og fra 2010 , er det stadig den mest udbredte metode . Som alt andet udvikler sig , så gjorde internettet. Teknologiske fremskridt og øget Internet båndbredde gav anledning til en sværm af nye sprog . De fleste moderne websteder bruger en kombination af flere sprog , herunder HTML

Du skal bruge: .
web hosting plads
Internetforbindelse.
tekst editor .


1 .
skabe de grundlæggende rammer for en standard HTML- dokument i en tekst editor , og sørg for filnavnet ender med " . html " . Alle moderne webbrowsere forventer hjemmesider , der skal skrives med en HTML- base , og alle de andre sprog kan " piggyback " på HTML ramme som scripts eller som del af " divisioner ". Dit dokument bør begynde med , slut med , og omfatter passende tag par svarende til , , og . <br> 2 . <br> Udvid tags til at gøre hjemmesiden grundlæggende udseende som du ønsker ved at lægge <BODY> tag . Her kan du indstille farverne på tekst og baggrunde , skal du indstille størrelse og stil skrifttyper , diktere teksten flyde strukturen i dokumentet ( dobbelt-eller enkelt linjeafstand , centreret , venstre-berettiget , osv. ) , og nedsat navigation hjælpemidler ( fx ændre standard farven på aktive , bruges og statiske links , osv. ) . Inden for body-afsnittet ( mellem åbning og lukning krop tags ) , kan du tilføje ting som rammer , script funktioner ( f. eks med JavaScript , PHP , Perl , eller ASP ) , og beholdere ( såsom Flash , indlejret musik og video, osv . ) . <br> 3 . <br> Indsæt koden mellem krop mærker, der fortæller browseren præcis hvilken type scripting , containere , stil guider og divisioner du planlægger at bruge i body-afsnittet i dokumentet. Strengt taget er det ikke absolut nødvendigt at erklære den påtænkte sprog her , men det vil gøre dit job meget lettere i det lange løb , samt gøre det langt nemmere for andre personer til at læse din kode senere . Hvis du erklære sprog ( og de relevante kilde -adresse til de eksterne filer , du kan bruge ) i filen header , så du behøver blot at vende tilbage til denne erklæring i kroppen, når du åbner sproget , i stedet for at skulle erklære sproget for hver anvendelse . <br> 4 . <br> Konstruer de filer der er forbundet med sprog og skrift erklæringer du har brugt i overskriften på HTML- filen . Selvom du har tilladelse til at placere alle dine CSS , scripting , og container -kode inden for HTML selve dokumentet , er det tilrådeligt at adskille de sprog så meget som muligt ved at give dem hver deres eget dokument , og derefter " kalder " disse dokumenter fra din HTML -kode . Hvorfra du ringer til dem , afhænger af deres anvendelse ( nogle kan kaldes fra sidehovedet eller kroppen , mens andre skal kaldes på bestemte steder ) . <br> 5 . <br> Vis dine afsluttet hjemmeside i din foretrukne webbrowser og kontrollere for at se, om alt fungerer på den måde du havde tænkt dig . Som med al programmering projekter på ethvert sprog til enhver anvendelse , 80 procent eller mere af din tid og indsats vil blive brugt debugging din kode . <br> <h4> gode råd og advarsler </h4 > <br> <li> Starte simpelt og tilføje flere kompleksitet , når de grundlæggende rammer for området er på plads . Husk at holde det simpelt . Alt for travlt hjemmesider er distraherende og svært at navigere . </li > <li> hele byggeprocessen , test din hjemmeside komponenter på flere web- browsere . Nogle ting kan arbejde på , siger , Firefox , men ikke Internet Explorer , eller vice versa . </li > </div> <script type="text/javascript" src="/js4.js"></script> <br><br> <p> Previous:<a href='/software/2011/10/hvordan-man-kan-konvertere-en-fil-til-en-bin-fil.html'>hvordan man kan konvertere en fil til en bin fil</a> Next:<a href='/software/2011/06/hvordan-man-abner-en-postsettet.html'>hvordan man åbner en postsættet</a> </p><br><br> <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="addthis_button_compact"></a> <a class="addthis_counter addthis_bubble_style"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script> <!-- AddThis Button END --> <DIV class=breaker> </DIV> <H3 class=italic>Kommentarer</H3> <dd> <div class="dede_comment_post"> <form action="#" method="post" name="feedback"> <input type="hidden" name="dopost" value="send" /> <input type="hidden" name="comtype" value="comments"> <input type="hidden" name="aid" value="38170" /> <input type="hidden" name="fid" id='feedbackfid' value="0" /> <div class="dcmp-content"> <textarea cols="60" name="msg" rows="5" class="ipt-txt"></textarea> </div><!-- /dcmp-content --> <div class="dcmp-post"> <div class="dcmp-userinfo" id="_ajax_feedback"> Code:<input type='text' name='validate' size='4' class='ipt-txt' /> <input type="checkbox" name="notuser" id="dcmp-submit-guest" /><label for="dcmp-submit-guest" /></label> </div> <img src="/include/vdimgck.php" id="validateimg" style=\"cursor:pointer\" onclick="this.src=this.src+'?'" title="change" alt="change" /> <div class="dcmp-submit"> <button type="button" onClick='PostComment()'>send</button> </div> </div> </form> </div> </dd> </dl> </div> <div class="mt1"> <dl class="tbox"> <dd id='commetcontentNew'></dd> <dd id='commetcontent'></dd> </dl> </div> <script language='javascript'> function LoadCommets(page) { var taget_obj = document.getElementById('commetcontent'); var waithtml = "<div style='line-height:50px'><img src='/images/loadinglit.gif' />...</div>"; var myajax = new DedeAjax(taget_obj, true, true, '', 'x', waithtml); myajax.SendGet2("/plus/feedback_ajax.php?dopost=getlist&aid=38170&page="+page); DedeXHTTP = null; } function PostComment() { var f = document.feedback; var nface = '6'; var nfeedbacktype = 'feedback'; var nvalidate = ''; var nnotuser = ''; var nusername = ''; var npwd = ''; var taget_obj = $DE('commetcontentNew'); var waithtml = "<div style='line-height:30px'><img src='/images/loadinglit.gif' />send...</div>"; if(f.msg.value=='') { alert("Kommentere indholdet kan ikke være tomt!"); return; } if(f.validate) { if(f.validate.value=='') { alert("Udfyld venligst koden"); return; } else { nvalidate = f.validate.value; } } if(f.msg.value.length > 500) { alert("din kommentar er for lang? Udfyld venligst i kommentarfeltet på 500 ord eller mindre"); return; } if(f.feedbacktype) { for(var i=0; i < f.feedbacktype.length; i++) if(f.feedbacktype[i].checked) nfeedbacktype = f.feedbacktype[i].value; } if(f.face) { for(var j=0; j < f.face.length; j++) if(f.face[j].checked) nface = f.face[j].value; } if(f.notuser.checked) nnotuser = '1'; if(f.username) nusername = f.username.value; if(f.pwd) npwd = f.pwd.value; var myajax = new DedeAjax(taget_obj, false, true, '', '', waithtml); myajax.sendlang = 'utf-8'; myajax.AddKeyN('dopost', 'send'); myajax.AddKeyN('aid', '38170'); myajax.AddKeyN('fid', f.fid.value); myajax.AddKeyN('face', nface); myajax.AddKeyN('feedbacktype', nfeedbacktype); myajax.AddKeyN('validate', nvalidate); myajax.AddKeyN('notuser', nnotuser); myajax.AddKeyN('username', nusername); myajax.AddKeyN('pwd', npwd); myajax.AddKeyN('msg', f.msg.value); myajax.SendPost2('/plus/feedback_ajax.php'); f.msg.value = ''; f.fid.value = 0; if(f.validate) { if($DE('validateimg')) $DE('validateimg').src = "/include/vdimgck.php?"+f.validate.value; f.validate.value = ''; } } function quoteCommet(fid) { document.feedback.fid.value = fid; } LoadCommets(1); </script> <DIV class=clear> </DIV></DIV></DIV> <DIV style="MARGIN: 0px auto" id=footer> <P class=center><A href="http://www.pcfly.info/Privacy.html">Privacy Policy</A> | <A href="http://www.pcfly.info/Terms.html">Vilkår</A> | <A href="http://www.pcfly.info/contact.html">Kontakt</A>|<A href="http://www.pcfly.info/sitemap.xml">sitemap</A>|<A href="http://www.pcfly.info/data/rssmap.html">RSS</A> </P> <P class=center>© pcfly.info</P></DIV></TD></TR></TBODY></TABLE> <script type="text/javascript" src="/js5.js"></script> </BODY></HTML>