Un profesor html în limba rusă cu exemple, un ghid pentru crearea de site-uri web

Întrebări frecvente

Dacă specificați textul alternativ nu ca de obicei, ci utilizând atributul titlu. atunci când opriți grafica, nu va mai exista o inscripție care să conducă la creep, iar când plasați cursorul peste imagine, va apărea o indicație de tip drop-down. Nu cel mai bun, dar totuși calea afară.

Cum pot trimite automat vizitatori unei alte pagini?

Dacă vă aduceți aminte că orice pagină de pe server este trimisă clientului în formularul finit cu toate graficele, scripturile etc. devine clar - nu puteți proteja. Cu toate acestea, atunci când pagina este generată "în zbor", puteți vedea numai sursa acesteia, dar nu scriptul care a generat-o.

Cum fac modificările conținutului celui de-al doilea cadru când fac clic pe un link într-un singur cadru?

Un exemplu de cum se face acest lucru este descris aici.

Cum de a face, că la o clic pe link-ul conținutul de o dată două, sau mai multe cadre variat?

Lăsați clic pe link-ul din cadrul necesar să încarce un nou cadru, împărțit în numărul necesar de cadre, în fiecare dintre ele lăsându-l să fie înregistrat fișierul. Dacă această opțiune nu funcționează, încadrați-le numele frame1 și frame2. iar legătura trebuie specificată după cum urmează:

Cum să inserați aceeași bucată de cod în diferite locuri de pe site?

Utilizarea scriptului CGI. SSI -direktiv. sau dacă nu sunt accesate, apoi folosind Java Script. Pentru a face acest lucru, creați un fișier text numit file.js. de forma următoare:

Cum să dezactivați aspectul cadrului în jurul legăturii când faceți clic pe butonul mouse-ului?

Introduceți onFocus = "this.blur ()" în eticheta de referință inițială. De exemplu:

Cum să dezactivați reproducerea imaginii de fundal "dale"?

Utilizarea foilor de stil CSS. și anume cu ajutor. atunci foaia de stil ar trebui să arate astfel:

Cum pot împiedica browser-ul unui vizitator să stocheze documentele și imaginile site-ului în memoria cache?

• de fiecare dată când vizitați o pagină
• de fiecare dată când porniți browserul
• niciodată

Firește, aceste setări au o prioritate mai mare pentru browser decât tagurile META. Și dacă vă aflați pe site-ul, cum ar fi schimbarea graficului, performanța ca .gif -Images actualizat, iar browser-ul vizitatorilor este configurat astfel încât obiectele nu sunt verificate pentru actualizări, vedeți modificările el va fi capabil doar atunci când forțat pentru a actualiza pagina, și anume, dând clic pe butonul "Actualizare".

În acest caz, vă puteți sfătui să împachetați fișierul într-o arhivă și să încărcați un fișier .zip pe site-ul, care în sine este suficient de bun pentru a reduce timpul de descărcare.

Cum pot pune text în mai multe limbi pe o singură pagină?

Dacă acestea sunt anteturi sau o cantitate mică de text, uneori puteți utiliza imagini .gif optimizate, dar este mai corect să folosiți metoda descrisă aici

Cum pot rula un fișier .exe pe calculatorul meu?

Cu o legătură simplă, de exemplu:

Dar, din fericire, acest lucru nu este fezabil fără probleme suplimentare de browser "deschideți sau salvați un fișier pe disc", altfel ar cauza mari probleme de securitate.

Cum introduc o imagine de fundal într-o celulă de tabel sau într-un element de formă?

Tabelul în sine, ca și celula sa, permite utilizarea atributului de fundal în interiorul etichetei, de exemplu:

Și în cazul formularului, va trebui să utilizați stiluri, de exemplu:

</textarea"></p> <p>Cum de a face, că la clic pe link-ul într-o celulă a tabelului fișierul HTML a fost încărcat în altă celulă?</p> <p>Mijloace de HTML - în orice fel, cu toate acestea pentru a obține un efect vizual similar este posibilă inserarea în IFRAME celula cerută și în ea pentru a încărca fișierul necesar. O astfel de soluție poate arăta, de exemplu, după cum urmează:</p> <p>Cum pot seta o "linie roșie" într-un paragraf?</p> <p>Uneori, o imagine transparentă .gif este inserată la începutul liniei sau o serie de spații  . dar va fi corect - folosind foi de stil CSS.</p> <br> <br> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8686842323494376" data-ad-slot="9763162049" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8686842323494376" data-ad-slot="2447347631" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> <p>Cum să setați litera inițială?</p> <p>Pot exista mai multe moduri.<br> Folosind imaginea .gif a unei litere, de exemplu:</p> <p>Utilizând eticheta FONT și atributul acesteia. de exemplu:</p> <p>Folosind stiluri, de exemplu:</p> <p>Utilizând un pseudo-element special care specifică stilul pentru prima literă din șir.<br> exemplu:<br> P: prima literă <font-size: 150% ; font-style: italic ; font-weight: bold ; float: left></p> <p>Cum se face textul de parcurgere și fundalul rămân în poziție?</p> <p>În stiluri, specificați corpul. sau în eticheta însăși pe pagină:</p> <p>Cum să specificați referințele relative?</p> <p>Cum se creează foi de stil independente de browser?</p> <p>Aici, proprietatea font-familie are citate comune și este scrisă separat printr-o cratimă, la fel ca mărimea fontului</p> <p>Acum la fel pentru Netscape Navigator</p> <p>Aici fontfamily are citate separate, și este scris împreună fără o cratimă, la fel ca fontsize</p> <p>Acum, dacă țineți seama de faptul că browserul ignoră acele părți ale codului care nu acceptă, puteți încerca să scrieți un cod universal pentru acest exemplu:</p> <p>În acest cod, Internet Explorer ignoră a doua linie, iar Netscape Navigator - prima. Și dacă vă amintiți și luați în considerare faptul că legăturile cu foaia de stil externă conectată sunt, de asemenea, scrise în moduri diferite <LINK href=. и <LINK src=. . то получим работоспособный вариант.</p> <p>Cum să decorezi linkurile pe o pagină?</p> <p>Aici A: Link - un stil de referințe, A: Vizitat - un stil de link-uri vizitate, A: Activ - un stil de link-uri active și a: hover - link-uri în stil plutesc pe ea.</p> <p>Cum de a face text alternativ multi-linie la o imagine sau o legătură?</p> <p>La fel ca în textul pe care îl specificați, rupeți linia cu eticheta <BR>. Textul alternativ utilizează simbolul # 010;</p> <p>Cum se încarcă o pagină nu într-un cadru, ci în întreaga fereastră?</p> <p>Cum pot încărca o pagină într-o fereastră nouă?</p> <p>Cum pot pune fișiere mp3 pentru descărcare pe site?</p> <p>Este mai corect să folosiți protocolul FTP în aceste scopuri, dar dacă este necesar pe site, atunci:</p> <p>În acest caz, făcând clic pe butonul din stânga al mouse-ului fișierul va fi deschis orice program asociat, și pentru a salva utilizatorul va trebui să utilizați meniul contextual al butonului din dreapta al mouse-ului, dar această metodă de descărcare nu este atât de intuitiv, astfel încât să puteți împacheta fișierul și furnizează un link pentru a simplifica procedura la file.zip.</p> <p>Cum să setați sunetul de fundal?</p> <p>Într-un caz ideal, site-ul tău ar trebui să fie tăcut, dar dacă chiar vrei să ai o muzică de fundal, atunci:</p> <p>Cum modific fundalul unei celule de tabel?</p> <p>Permiteți schimbarea culorii atunci când plasați cursorul peste cursor, apoi:</p> <p>Cum pot fi combinate celulele unei mese, fără spații?</p> <p>Este necesar să o prezentăm în această formă:</p> <p>Cum să setați un design "cauciuc", adaptat la orice rezoluție a ecranului?</p> <p>Este necesar să se furnizeze toate dimensiunile în formă procentuală, de exemplu lățimea mesei, lățimea sau înălțimea imaginii, mărimea fontului în rubrici etc. dar cel mai simplu mod de ao seta în stiluri este:</p> <p>Cum pot plasa textul pe site cu coloane?</p> <p>Etichetele HTML speciale sunt posibile numai pentru NN. astfel încât alegerea rămâne mică, fie plasați textul într-un tabel cu două coloane, fie prezentați-l în straturi, dar acest lucru este extrem de inadecvat din punct de vedere al utilizabilității și este acceptabil doar în cazuri rare, de exemplu, pentru a crea un ziar de rețea.</p> <p>Cum pot seta fundalul pentru anteturi?</p> <p>Utilizarea stilurilor:</p> <p>Sau setați un stil pentru o clasă care poate fi aplicat oricărei secțiuni a textului:</p> <p>Cum să setați fontul să se încarce pe pagină?</p> <p>Pentru a face acest lucru, trebuie să specificați calea către fișierul .eot așa cum este descris aici. În scopul de a crea un astfel de font există utilități speciale, și ca întotdeauna se întâmplă - diferite pentru NN și IE. Al doilea este distribuit gratuit și îl puteți descărca de aici. Cu toate acestea, utilizarea acestor fonturi nu poate fi întotdeauna utilă, deoarece browser-ul utilizatorului va trebui să încarce un fișier cu dimensiunea de aproximativ 50-100 kB.</p> <p>Cum să învățați rapid și eficient cum să creați site-uri web?</p> <p>Cum pun text în partea de sus a unei imagini?</p> <p>Adesea, se utilizează o tehnică atunci când textul este inserat într-o celulă de tabel și imaginea este atribuită ca o imagine de fundal a celulei, dar este mai adecvată utilizarea straturilor în acest scop, atunci codul poate arăta astfel:</p> <p>Cum pot pre-încărca elemente de pagină invizibile?</p> <p>Acest truc este adesea recurs la când trebuie să setați o schimbare dinamică a imaginilor pe site, de exemplu, schimbarea imaginii când treceți peste ea. Pentru a obține un efect imediat, imaginea trebuie mai întâi încărcată:</p> <p>Acest cod trebuie să fie inserat în partea superioară a paginii, apoi browserul utilizatorului descarcă mai întâi imaginea, dar nu o face până la un anumit moment sau eveniment.</p> <p>O altă modalitate de a pre-încărca elemente de pagină este crearea unui cadru zero. și anume se creează un cadru cu două cadre, în primul cadru al mărimii zero se încarcă elementele necesare și în al doilea rând se redă pagina.</p> <p>Când se utilizează "designul tabelului", și anume când întregul cod sursă al paginii este introdus într-o singură masă, utilizatorul trebuie să aștepte mult timp pentru desenarea tabelului. este vizualizat în întregime. Pentru a întârzia cumva utilizatorul sau a lua-o, ei recurg la următorul truc:</p> <p>În acest caz, utilizatorul vede mai întâi primul strat cu textul și după el masa este închisă, deoarece Poziționarea absolută în exemplu este specificată în acest fel.</p> <p>Cum se face imposibilă încărcarea unui singur cadru fără cadru?</p> <p>Mijloace de HTML în orice mod, dar este posibil să inserați un astfel de script:</p> <p>Aici se înțelege că fișierul-cadru este denumit index.html</p> <p>Cum se face imposibilă încărcarea unei pagini în cadrul altcuiva?</p> <p>Mijloace de HTML în orice mod, dar este posibil să inserați un astfel de script:</p> <p>Cum mă întorc la pagina anterioară?</p> <p>Mijloace de HTML în orice mod, dar este posibil să inserați un astfel de script:</p> <br> <br> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8686842323494376" data-ad-slot="8576168847" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-8686842323494376" data-ad-slot="9162386769"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> <div class="vnizine"><p style="text-align: left;"><a href="/utilizator-113/plot-conservare-enciclopedie-mare-de-petrol-si.html">Pagina anterioară</a></p><p style="text-align: right;"><a href="/utilizator-113/ingrijirea-si-hranirea-gerbililor-mongoli.html">Pagina următoare</a></p> </div> <h3>Trimiteți-le prietenilor:</h3> <p> <script type="text/javascript">(function(w,doc) { if (!w.__utlWdgt ) { w.__utlWdgt = true; var d = doc, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js'; var h=d[g]('body')[0]; h.appendChild(s); }})(window,document); </script> <div data-mobile-view="true" data-share-size="40" data-like-text-enable="false" data-background-alpha="0.0" data-pid="1771468" data-mode="share" data-background-color="#ffffff" data-share-shape="round-rectangle" data-share-counter-size="12" data-icon-color="#ffffff" data-mobile-sn-ids="fb.tw.wh.vb.ps.gp." data-text-color="#000000" data-buttons-color="#FFFFFF" data-counter-background-color="#ffffff" data-share-counter-type="disable" data-orientation="horizontal" data-following-enable="false" data-sn-ids="fb.tw.ps.gp.ms.bl.gt." data-preview-mobile="false" data-selection-enable="false" data-exclude-show-more="true" data-share-style="1" data-counter-background-alpha="1.0" data-top-button="true" class="uptolike-buttons" ></div> </p> </article> </div> </div> </div> </div><footer class="akatita-footer clearfix"> <div class="akatita-content-layout layout-item-0"> <div class="akatita-content-layout-row"> <div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">Articole aleatoare</p> <br> <ul> <li><a href="/utilizator-150/urticarie-fluture.html">Urticarie (fluture)</a></li> <li><a href="/utilizator-160/sfaturi-pentru-albirea-faciala-pentru-barbati-si.html">Sfaturi pentru albirea faciala pentru barbati si femei</a></li> <li><a href="/utilizator-151/conspiratia-de-la-moarte-in-razboi.html">Conspirația de la moarte în război</a></li> <li><a href="/utilizator-164/cartofi-totul-despre-cartofi-pentru-a-creste.html">Cartofi, totul despre cartofi - pentru a crește efectul de randament</a></li> <li><a href="/utilizator-196/rap-in-bucatarie-si-paste-pentru-15-minute-rus.html">Rap în bucătărie și paste pentru 15 minute rus italian Matteo Lai pregătește nu mai rău decât oliver jamie</a></li> </ul> </div><div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">locație</p> <br> <ul> <li><a href="/locul-pe-harta.html">Suntem pe hartă</a></li> <li><a href="/adresa.html">Adresa</a></li> </ul> <ol> <li><a href="/sitemap/sitemap131.html">sitemap</a></li> <li><a href="/sitemap/sitemap169.html">sitemap</a></li> <li><a href="/sitemap/sitemap258.html">sitemap</a></li> <li><a href="/sitemap/sitemap346.html">sitemap</a></li> <li><a href="/sitemap/sitemap753.html">sitemap</a></li> </ol> </div><div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">Mai multe despre noi</p> <br> <ul> <li><a href="/contactati-ne.html">Contactați-ne</a></li> <li><a href="/despre-site.html">Despre site</a></li></ul> </ul> </div><div class="akatita-layout-cell layout-item-1" style="width: 40%"> <p style="text-align:right;"><a href="#"></a>Drepturi de autor © 2024. Toate drepturile rezervate.</p><br> <p style="text-align: right;"> <script type='text/javascript'> //<![CDATA[ // Lazy Load AdSense var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0); //]]> </script> <script> new Image().src = "https://counter.yadro.ru/hit;adolfru?r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+ ";"+Math.random();</script> </p> </div> </div> </div> </footer> </div> </div></body> </html>