Wyjasnijto
Jak sprawić, by strony internetowe automatycznie dopasowywały się do ekranu
Wszyscy je widzieliśmy: Strony internetowe, które są zbyt szerokie lub zbyt wąskie. Te, które są zbyt szerokie, musimy przewijać z boku na bok, ale te, które są zbyt wąskie, zajmują tylko niewielki procent dostępnej przestrzeni.
Dowiesz się teraz, jak zaprojektować stronę WWW tak, aby gdy ekran przeglądarki się powiększa, powiększała się również strona WWW, a gdy ekran przeglądarki się zmniejsza, zmniejszała się również strona WWW.
- Widzieliśmy je wszyscy: Strony internetowe, które są zbyt szerokie lub zbyt wąskie.
- Dowiedz się teraz, jak zaprojektować stronę internetową tak, aby kiedy ekran przeglądarki się powiększa, strona internetowa również, a kiedy ekran przeglądarki się zmniejsza, strona internetowa również.
Załóż tabelę i określ jej szerokość w ten sposób:
Budowanie tabeli za pomocą wartości procentowych mówi komórce tabeli, aby dostosowała się do rozmiaru okna przeglądarki.
Zrób kolorową komórkę tła. Abyś mógł zobaczyć, jak twoja strona internetowa rozszerza się i kurczy, utwórz komórkę z kolorem, jak poniżej:
| 0000 sprawi, że komórka będzie czarna. Zakończ tabelę. Musisz teraz wprowadzić kod, aby zakończyć tabelę: Zapisz swoją stronę WWW. Stworzyłeś teraz stronę Wweb, która będzie automatycznie dopasowywała się do ekranu przeglądarki. Zapisz plik w łatwym do znalezienia katalogu i nadaj mu dowolną nazwę, ale upewnij się, że plik ma rozszerzenie .htm lub .html. Zobacz swoją stronę w przeglądarce. W dowolnej przeglądarce, przejdź do "Plik" w lewym górnym rogu i kliknij. Następnie wybierz "Otwórz" lub "Otwórz plik" (w zależności od tego, jakiej przeglądarki używasz). Przejdź do swojej strony internetowej i kliknij "OK." Sprawdź stronę internetową, aby zobaczyć, czy automatycznie dopasowuje się do ekranu. Powinieneś teraz zobaczyć grubą czarną linię na górze ekranu. Kiedy rozszerzasz i zmniejszasz okno przeglądarki, powinieneś widzieć, jak czarna linia rozszerza się i kurczy.
Wprowadź treść w komórce tabeli, a cała zawartość dostosuje się do szerokości ekranu przeglądarki. TIPNiektórzy ludzie nazywają tego typu strony WWW płynnymi nagłówkami. OstrzeżenieKażda tabela, którą zbudujesz wewnątrz tej głównej tabeli, musi być ustawiona na 100% (lub inną wartość procentową), aby działała poprawnie. Sztuczka polega na tym, aby nie używać żadnych tabel o stałej szerokości w swoim projekcie strony. |
