Změnit šířku stránky html. Parametry CSS šířka a výška pro nastavení velikostí prvků html stránky. Výběr velikosti stránky

Vlad Merževič

Z pohledu vývojáře lze web podmíněně rozdělit do dvou úrovní – logické a fyzické. Na logická úroveň web je sbírka vzájemně propojených webových stránek jednotný design, styl a odkazy. Zároveň na fyzické úrovni místo je také sbírka souborů odlišné typy— může zahrnovat programy, dokumenty, obrázky a mnoho dalšího. Promyšlení a vytvoření pohodlné struktury souborů pomáhá nejen vývojáři optimalizovat svou práci, ale také návštěvníkovi lépe porozumět struktuře webu.

Pro jednoduchost budeme předpokládat, že máme co do činění s webem, který je vytvořen pomocí html souborů, bez jakéhokoli webového programování.

Před vytvořením složek a souborů v kořenovém adresáři webu je nutné vyvinout strukturu webu – jaké sekce a podsekce budou přítomny, jak se budou jmenovat. Jako příklad zde uvádíme schéma webové stránky věnované optimalizaci grafiky.

• Domovská stránka
• Formáty grafické soubory
• Rozlišení obrazu
• Optimalizace v Program Photoshop
• Optimalizace formát GIF
• Optimalizace formát JPEG
• Anti aliasing
• Krájení obrázku
• Seznam termínů

Každá sekce je samostatný dokument HTML, který musíte vytvořit a pojmenovat. Názvy souborů je lepší pojmenovávat latinkou bez mezer malá písmena. Tento přístup zaručuje všestrannost a výkon na různých platformách.

Před pojmenováním souborů je třeba zvážit několik věcí: nastavení webového serveru, pod jehož vedením bude stránka fungovat. To zahrnuje, který soubor bude stažen jako první, zda bude zakázán přístup k jednotlivým souborům, jak bude probíhat sledování chyb a další podobné problémy.

Který soubor si mám stáhnout jako první?

Prohlížení webových stránek obvykle začíná na domovské stránce. S hojností v kořenu webu různé soubory jak webový server ví, co má automaticky stáhnout? Pokud je cesta k souboru uvedena přímo, samozřejmě nevznikají žádné otázky. Ale ve většině případů je adresa webu uvedena krátce, bez extra soubory na konci. Tehdy se načtou nastavení serveru a určí se soubor, který se má zobrazit, a také zda existuje zadaný soubor na skladě. Takový soubor má zpravidla názvy index.html, index.htm, default.htm, obecně seznam pokračuje. Abyste si nekomplikovali život zjišťováním, který soubor je důležitější, můžete si to sami nastavit pomocí souboru .htaccess, který umístíte do kořenového adresáře webu. Tento soubor je konfigurační soubor pro populární Webový server Apache a je běžný Textový dokument. V něm by měl být napsán následující řádek.

DirectoryIndex index.html index.htm

Kde jsou odděleny mezerou názvy souborů, které by měly být zkontrolovány na dostupnost a automaticky spuštěny. Poté při zadávání cesty k různé soubory a složky, dokumenty se otevřou v prohlížeči, jak je uvedeno v tabulce (indikace http protokol:// pro stručnost vynecháno).

Jak je patrné z tabulky, i když cesta k souboru není úplně specifikována, webový server sám doplní chybějící hodnoty. Můžete toho využít vytvořením odkazů na různé dokumenty, nebude to mít vliv na jejich výkon.

• soubor .htaccess se zapisuje bez jakékoli přípony s povinnou tečkou na začátku názvu;
• .htaccess nemusí na některých serverech fungovat;
• dílčí cesty uvedené v tabulce fungují pouze pod správa webového serveru, na místní počítač tento trik nebude fungovat;
• pokud v souboru chybí soubor index.html zadané složky, prohlížeč zobrazí seznam souborů, které obsahuje.

Odepření přístupu ke složkám

Chcete-li zabránit návštěvníkům v prohlížení informací na samostatné složky na webu, což je někdy nutné pro omezení přístupu k chráněným informacím a zvýšení bezpečnosti webu, existují dva hlavní způsoby. První je vytvořit prázdný soubor index.html a umístěte jej do požadované složky. Jak je uvedeno výše, tento soubor bude stažen jako první, když vyberete cestu ke složce. A protože je prázdný, neuvidíte nic zbytečného. Druhým způsobem je opět použití souboru .htaccess, který by měl být umístěn do požadované složky. Nedivte se, tohle univerzální soubor a může být umístěn v libovolném množství a kdekoli na webu.

Musíte do něj napsat následující informace.

Možnosti - Indexy

Když prohlížeč otevře složku obsahující takový soubor .htaccess, návštěvník uvidí chybové varování s číslem 403, což znamená, že přístup k toto místo zakázáno.

snímky

Všechny obrázky použité na webových stránkách jsou obvykle uloženy ve složce s názvem images nebo img. Tato tradice systematizuje materiál a rozděluje ho na bloky. Ukazuje se, že pro obrázky existuje jen jedna věc úložný prostor, pro skripty - další, pro styly - třetí.

Sledování chyb

Na správné tvoření všechny odkazy nikdy nevznikají, tzv. nefunkční odkazy", když odkaz vede na soubor, jehož cesta nebo název je zadán nesprávně. nicméně tato chyba s číslem 404 může jednoduše nastat, když je adresa stránky napsána špatně. V tomto případě by bylo dobré podstrčit uživateli chybovou hlášku, aby se netrápil a věřil, že vše lze napravit. Za tímto účelem tvoří samostatná webová stránka, který se zobrazí právě když podobná chyba. Opět můžete propojit proces výskytu chyby a náš soubor pomocí root.htaccess. K tomu je přidán následující řádek.

ErrorDocument 404 /err404.html

Soubor se nazývá err404.html a je umístěn v kořenovém adresáři webu a je vyžadováno lomítko (/).

Souborová struktura webu

Vraťme se nyní na stránky, struktura souboru který by měl být vytvořen. Jsou zde dva různé přístupy. V prvním případě každá sekce odpovídá dokumentu HTML umístěnému v kořenovém adresáři webu. Cesta k němu bude vypadat takto: www.mysite.ru/optimize.html. Alternativní možnost— vytváření složek, které budou odpovídat určitým sekcím. Každá složka obsahuje soubor index.html. Vzhledem k tomu, že tento soubor není nutné uvádět v adrese, bude cesta vypadat takto: www.mysite.ru/optimize. Na Obr. 1 a Obr. Obrázek 2 ukazuje dvě sady uspořádání souborů na webu.

Jakou strukturu zvolit, záleží pouze na vůli tvůrců stránek.

Další soubory

Bez nich se neobejde žádný web další soubory, který se obvykle nachází v kořenovém adresáři webu. To zahrnuje soubory, které jsou navrženy k provádění konkrétních úkolů a mají požadovaný název, a také soubory, jejichž název určují vývojáři.

Povinná jména

index.html - název hlavní stránky a webových stránek umístěných ve složkách, které by se měly otevřít při zadání adresy. Tento název, jak již bylo zmíněno, se může lišit v závislosti na typu webového serveru a jeho nastavení. Ale většinou to tak je.

htaccess - konfigurační soubor Webový server Apache. Zadaný server je nejoblíbenější a nejrozšířenější na světě, proto tento soubor lze nalézt všude. Existují samozřejmě výjimky.

robots.txt je soubor určený pro vyhledávače. Při indexování webu se nejprve vyhledává. Příklad zákazu všech vyhledávačů navštěvovat složky cgi-bin a obrázky.

User-agent: *
Disallow: /cgi-bin/
Disallow: /images/

favicon.ico je ikona webu, která se zobrazí vedle adresy webu, když ji přidáte do sekce „Oblíbené“ ve vašem prohlížeči. Jedná se o kresbu 16 x 16 pixelů ve formátu ICO.

Volitelná jména

Style sheet – žádný web se neobejde bez stylů, obvykle umístěných v samostatný soubor. Toto uspořádání poskytuje několik výhod – je snadné změnit vzhled prvků na všech stránkách změnou parametrů pouze na jednom místě, soubor se ukládá do mezipaměti a načítá rychleji a celková velikost všech dokumentů je zmenšena. Soubor stylu má obvykle příponu css.

Závěr

Ačkoli názvy některých souborů služeb závisí na nastavení serveru a mohou se lišit místo od webu, uvedené principy jsou typické pro většinu z nich. U dynamických stránek, jejichž obsah je generován pomocí programu, takzvaného „enginu“, se struktura bude mírně lišit od zobrazené struktury. Nicméně i v tomto případě soubory služeb, jako jsou šablony stylů, .htaccess, favicon.ico, robots.txt zůstanou na svém místě.

Nyní pár slov o značkách, které jsme použili k vytvoření této stránky.

Popis html značek z příkladu

1. - tyto značky musí být přítomny na každé webové stránce. Říkají prohlížečům a vyhledávačeže se jedná o html stránku.

Každá html stránka má následující strukturu:

... Značky nadpisů ... ... tělo stránky ...

2.

- mezi těmito tagy leží veškerý viditelný obsah stránky.

4. - mezi tyto značky je napsán název stránky, který se zobrazuje úplně nahoře v prohlížeči. Mimochodem, když něco hledáte ve vyhledávačích, první, co se zobrazí, je název stránky. Štítek často zkracováno na „titul“. Doporučuji přečíst si článek: jak vytvořit značku