Reklama
Od jakiegoś czasu pracuję w sieci i rzeczywiście łatwiej mi było napisać każdy dokument w formacie HTML zamiast DOC lub TXT. Jeśli korzystasz z Dokumentów Google, w rzeczywistości robisz to samo, ponieważ Dokumenty Google (na szczęście) zasadniczo stały się edytorem HTML WYSIWYG. Tworzenie niektórych szablonów dokumentów za pomocą HTML i CSS jest bardzo łatwe, może to zrobić każdy, a jeśli zrobisz to dobrze, będzie wyglądać tak samo dla wszystkich.
Dlaczego warto korzystać z HTML?
Moim największym powodem przejścia na dokumenty czysto HTML i CSS jest to, że jest to prawdopodobnie najbardziej kompatybilny format w różnych przeglądarkach i systemach operacyjnych, z wyjątkiem formatu PDF, który jest bardzo trudny i/lub drogi do wykonania dobrze. Korzystanie z pakietu Microsoft Office również nie jest najlepsze. Używam pakietu Office 2007, który korzysta z wielu dodatkowych funkcji nieobsługiwanych przez wcześniejsze wersje, więc jakość może być obniżona. Kto wie, jak te dokumenty będą wyglądać na przykład w Open Office? Jeśli tworzysz dokument HTML, który wygląda dokładnie tak samo w Internet Explorerze i Firefoksie, który utworzyłeś dokument, który może otworzyć użytkownicy komputerów Mac, Linux i Windows i będzie wyglądał tak samo na 99% z nich przeglądarki.
Co to jest CSS i HTML?
Jeśli jesteś nowy w tym całym kodowaniu HTML i CSS, nie przejmuj się. To bardzo proste, a w Internecie można znaleźć wiele zasobów, które mogą Ci pomóc. Kod HTML i CSS stanowi większość tego, co widzisz na tej stronie, HTML zarządza treścią, podczas gdy CSS zarządza stylem lub sposobem prezentacji treści.
Jak mogę stworzyć szablon?
Cóż, będziesz musiał przestudiować trochę kodu. Na szczęście HTML i CSS są bardzo łatwe do zrozumienia. Aby np. nadać obiektowi obramowanie, po prostu wpisz
obramowanie: 1px czarne ciało stałe
. Spowoduje to utworzenie czarnej, jednolitej ramki o szerokości 1 piks. Istnieje wiele opcji formatowania, które możesz wyszukać i użyć, moja sugestia polega na wizualizacji tego, czego chcesz, a następnie szukaniu, jak to zrobić. Najbardziej podstawowym szablonem byłby pusty plik HTML, spójrz poniżej.
Treść Twojej strony trafia tutaj.
Następnie możesz wypełnić to wszystko treścią i stylami, aby stworzyć swój dokument. Spojrzeć na Przykład 1, przykład 2 oraz przykład 3 Zrobiłem. Pamiętaj, że kod w ciele, treść jest dokładnie taka sama, zmieniam tylko kod css. To pokazuje, że możesz użyć stylizacji do szybkiego tworzenia różnych stylizacji.
Dlaczego to jest takie wspaniałe?
Powodem, dla którego jest to tak niesamowite, jest to, że możesz tworzyć dla siebie niestandardowe style, które mogą stać się swego rodzaju „znakiem towarowym” Twoich dokumentów. Możesz wyciąć i wkleić kod CSS i po prostu pomyśleć o treści po jej sfinalizowaniu. Możesz także utworzyć link w arkuszu stylów, więc jeśli przechowujesz dokumenty online, nie musisz dołączać CSS do samego pliku. Oznacza to, że możesz łączyć różne arkusze stylów na różne okazje i nie musisz cały czas modyfikować dokumentu.
CSS umożliwia również szybszą edycję dokumentów pod względem stylu. Wolę, aby moje dokumenty wyglądały dobrze, ponieważ po prostu czuję się lepiej, a dzięki CSS proces formatowania staje się znacznie mniej uciążliwy. Kiedy określisz styl nagłówka, zostanie on zastosowany do wszystkich nagłówków tego typu. Oznacza to, że nie musisz indywidualnie zmieniać koloru tła, koloru czcionki, pogrubienia i podkreślenia nagłówka, po prostu określasz to raz.
Ponadto, ponieważ Dokumenty Google mają teraz pełną obsługę CSS, możesz po prostu skopiować i wkleić kod stylizacji do Dokumentów i zmień wygląd swoich dokumentów bez konieczności formatowania każdego nagłówka na czas.
Gdzie mogę dowiedzieć się więcej?
Jak powiedziałem, CSS jest prostym narzędziem, ale wymaga jednak pewnej podstawowej wiedzy. HTML jest podobnie logiczny i łatwy do nauczenia, polecam Szkoły W3C dla nich obojga. Wiele się tam nauczyłem z tego, co znam dzisiaj, na podstawowe potrzeby jest to jedna z najlepszych stron w sieci. W3C rozwija również standardy sieciowe, więc możesz być pewien, że wszystko, co napiszą na swojej stronie, działa.
Kolejna strona, z której wiele się nauczyłem, to Twoje źródło HTML. Ta strona zawiera HTML i CSS, a także kilka zaawansowanych wskazówek dotyczących kodowania, promocji, dostępności i ogólnie, jak stworzyć dobrą stronę internetową. Ma jednak świetną pomoc CSS, na pewno warto ją odwiedzić.
Na koniec możesz rzucić okiem na kilka powiązanych blogów i artykułów, takich jak to niesamowite podsumowanie podstawowe techniki CSS oraz 53 techniki, bez których nie możesz żyć.
