OK, więc chodźmy naprzód i stworzyć tego bloga od podstaw.
Więc nie krępuj się podążać tutaj.
Zamierzam przejść od tworzenia nowego pliku aż do wykończenia tego bloga tutaj.
Więc pierwszą rzeczą, którą będziemy chcieli robić.
Zamierzam zachować rozwiązanie otwarte tak, że mogę odwołać go i upewnij się, że mają rozmiary czcionek i kolorów poprawne.
Ale pierwszą rzeczą, która naprawdę chcemy zrobić, to nasze pliki skonfigurować tak, mam dwa pliki blogu, że HMO i nie ma nic w nim do tej pory, z wyjątkiem tytułowego blogu, a to wiąże się z arkusza stylów o nazwie Blog Dotsie SS To pusta ,
Więc to jest po prostu wiesz, że dwa pliki, które będziemy potrzebować.
A teraz chodźmy naprzód i wypełnić je.
Więc musimy się zdecydować, kiedy robią coś takiego.
Gdzie zaczynamy.
I myślę, że najlepszym rozwiązaniem jest, aby rozpocząć z niektórych z tych znaczników w naszych czasach G-mail i stylizacji niektóre z nich, ale nie mamy dostać wszystko ich idealne słowo w słowo, zanim faktycznie typu rzeczy.
Więc chciałbym zacząć od wkładacie ust lub dwa i jeden z tych nagłówków w naszym organizmie.
A do tego jest to tekst Lorem Ipsum jest wyjątkiem boczku ipsum, który jest po prostu dodać boczek ipsum dot com.
Kliknij dać mi boczek i po prostu skopiować jeden z paragrafów.
Ja tylko zamiar wykorzystać to, co mam tutaj, ale słowa nie są tak ważne, jak długo są słowa tam.
Więc jeśli chcesz użyć boczku ipsum iść do przodu.
Ale jeśli nie, jeśli sprzeciw wobec boczku można wybrać dowolny inny Ipsum lub po prostu zrobić swoje własne słowa, a właściwie umieścić tam swoje własne blogu.
To byłby idealny.
A potem będę też po prostu umieścić jeden z tutejszych pozycjach i jedna uwaga może warto byłoby, aby te H1 obu z nich.
Ale generalnie zasada jest chcesz mieć jeden H-1 na stronie powinno być największą rzeczą na swojej stronie.
Tak więc, ponieważ mamy wiele każdego są wielokrotne tytuły tutaj wielokrotne tytuły artykułów.
Mam zamiar iść z H-2, ale pod koniec dnia, to nie ma znaczenia w ogóle, ponieważ będziemy projektować wszystko o tym mamy zamiar zmienić rozmiar czcionki mamy zamiar zmienić kolorów i wszystkie rzeczy, które zostaną ustalone przez co czyni go H1 kontra charakter tych różnic zostanie wyeliminowany jakikolwiek.
Więc mam zamiar iść z H-2, a ja po prostu się powiedzieć, że to mój pierwszy artykuł nie najbardziej twórczy tytuł, ale zapisz go.
I niech po prostu obejrzeć go zacząć.
Więc go otworzyć.
OK.
Więc jest nasz blog do tej pory.
Mamy więc sporo do podejmowania decyzji.
Pierwszym miejscem, które mogą zacząć się w coraz to ciało mieć tę granicę.
Więc zrobiłem zapewnić kolory w poprzednim filmie.
Idę tylko skopiować ten kolor tutaj i mam zamiar dać organizmowi wody, więc wybiorę ciało, a potem wszystko, co musimy zrobić, to znaczy granicę i jest to 20 pikseli stałe to kolor szary.
I niech to sprawdzić.
OK.
Więc to nie do końca wygląda tak, że chcemy go szukać, ale robi się tam mamy granicę.
Zróbmy to w pełnym rozmiarze, tak naprawdę możemy porównać.
Tak więc kolejna rzecz, którą można zauważyć jest to, że nasza granica jest jeden problem, który jest to idzie aż całe ciało zaczyna się na całą stronę.
Versus tutaj ciało zajmuje tylko część strony.
A potem jest odstęp po obu stronach.
Potem jest również rozstaw w środku, że nie mamy, bo nasze słowa w naszym tekście iść prosto przed granicy.
Więc zacznijmy od rozwiązania tego problemu i naprawić.
Oczywiście trzeba wyściółkę.
Więc to jest 20 pikseli wyściółka ze wszystkich stron.
Widać tam dopełnienie na dole i po lewej i po prawej stronie, jak również.
Więc w organizmie mamy prostu przypisać wyściółkę 20 pikseli na wszystkich czterech bokach i mamy to OK.
Więc to jest trochę bliżej.
Następną rzeczą, że powinniśmy pracować jest coraz szerokość poprawne i nie chodzi tylko o to, żeby szerokość być odpowiedniej wielkości, gdy jest to pełny ekran, ale również jako kurczy dół zobaczysz, że pozostaje to 700 pikseli IT pozostaje na 700 pikseli na chwilę, a następnie kurczy się i kurczy i skale.
Dlatego chcemy, aby upewnić się, że możemy się stać.
Więc mamy zamiar użyć trochę trick.
A potem jeszcze jedna rzecz, którą chcesz zrobić, to upewnić się, że to właśnie teraz wyśrodkowany.
Więc tak naprawdę nie możemy powiedzieć.
Ale to nie jest wyśrodkowany to będzie po lewej stronie.
Więc śmiało i dodać w ciągu pierwszego.
Więc powiedzmy 700 pikseli i zapisać i to, co mówiłem o tym na lewo i chcemy wyśrodkować w środku i zrobić, że możemy korzystać z automatycznego lub marginesu auto trik, że mówił o w polu Model video.
Więc mamy zamiar ustawić margines, a my będziemy po prostu użyć skróty.
Więc mamy zamiar zrobić zero pikseli górę górze i na dole, a następnie Otto po lewej i prawej stronie.
Pamiętam, kiedy po prostu zrobić dwie tutaj zamiast czterech.
To jest góra i dół i to jest w lewo i prawo.
Tak, że to dla nas centra automatycznie ale wtedy zauważysz, nadając mu zero górze i na dole to teraz aż przeciwko górze.
A ten tutaj nie ma.
Mamy trochę miejsca.
Jest tam 20 pikseli w prawo.
Więc to prosty fix.
Tak samo zmiana linia tyłu 20 P x.
Potrzebujemy x.
My nie wcześniej, bo gdy jest zero, można po prostu zostawić go na zero.
Ale gdy pojawia się wiele musimy następnego.
OK, tak że wygląda całkiem blisko.
Jedyną rzeczą jest to, że jak kurczą chcemy, żeby zatrzymać 700 pikseli, aż nie może już powiedzieć 700 pikseli.
I chcemy, aby zmniejszyć w dół i jest to dość łatwe do zrobienia, że ​​właściwie wszystko, co chcemy zrobić, to zmienić to za max szerokość, a następnie jedziemy do przypisania jej procentowo z.
A co to mówi, to sprawiają, że 80 procent, kiedy trzeba.
Ale co najwyżej zrobić to 700 pikseli.
Więc pokażę wam, co to wygląda po odświeżeniu.
Nic się nie zmienia, ponieważ jest on dodawany do maksymalnie siedmiu sto pikseli więc sprawdza, czy 80 procent będzie więcej niż 700 pikseli, które będzie w tym przypadku.
Więc pozostaje w dalszym ciągu pozostaje na poziomie 700 700, aż tu, gdzie zaczyna się kurczyć.
To miejsce, gdzie 80 procent to obecnie mniej niż 700 pikseli.
OK.
Więc teraz mamy naszym podstawowym organem powołanym.
Następną rzeczą, że chciałbym tu zrobić, to dostać nasz Funt dzieje.
Więc jeszcze raz, jeśli idziemy do notatek, które mam od ostatniego filmu czcionka nazywa poczucie Źródło pro.
Więc idź naprzód i udać się do Phosa Google i poszukać źródła wysyła Pro.
Więc mam go otworzyć tutaj, ale znowu to tylko google kropka com czcionek slash i po prostu zrób to poszukiwanie źródła wysyła pro tu włożyć do użytku zbiórki.
A teraz mamy wybór, który grubości chcemy.
I rzeczywiście nie powiedział tego w oryginalnym filmie, ale jest to po prostu normalna Czcionka wagi czcionek 400.
A to o większej gramaturze.
To złożone.
Więc będziemy chcieli oba z nich.
Więc normalne pogrubioną 400 700 i to wszystko.
Idziemy na dół i skopiuj ten link.
Możemy pozbyć czcionek Google i teraz mamy zamiar udać się do naszej HMO i po prostu wklej ten link na.
A teraz mamy możliwość korzystania poczucie źródłowego.
Warto więc przypisać go do obu ustępów i dwójkami wiekowych i chcemy też, że jest w tych terminach.
Więc co możemy zrobić, to wybrać ust i powiedzieć rodziny czcionek źródłem poczucia pro i mogliśmy zrobić to samo dla H-1.
Ale to nie jest tak naprawdę dobre wykorzystanie naszego sukcesu.
Nasz kod będzie trochę monotonne każdy element, który chcemy wykorzystać go.
Musielibyśmy iść i to na dodatek.
Więc to, co robimy, a nie tylko stosuje się go do ciała.
A grając do wszystkiego ciała wewnątrz niej będzie go odziedziczyć.
Więc czcionka źródło rodzinnej i pro i zapisać odświeżania i tam idziemy kiedykolwiek H-1 używając go lub H-2 i mamy akapit.
Tak, że wygląda całkiem nieźle do tej pory.