Witam w moim kolejnym wpisie,

Dzisiaj coś na temat logo do strony. Zależało mi na stworzeniu przezroczystej bitmapy i tak jak @Tomek89Tar podpowiadał, użyłem do tego inkscape. Trochę zabawy było z umieszczeniem tego w odpowiednim miejscu, ale też podołałem. Kolejny krok to umieszczenie czcionek fontello na stronie.
I jeszcze jedna mała rzecz - ustawiłem szerokość strony na 1000px to chyba dobre rozwiązanie do uporządkowania wyglądu zanim nauczę się robić responsywność.
Jak zwykle proszę o komentarze, porady i krytykę.
@Oczomyjka:
Przecież właśnie się uczy. Tworzenie samemu strony od podstaw to najlepsza droga do nauczenia się.

@uczesiehtml
Ustawienie na sztywno szerokości na początek jest dobrym pomysłem - wiele stron nadal jeszcze tak ma.. Daj tylko 960px albo 1200px bo te wartości dzielą się na 2,3,4,5,6,8 bez reszty i będzie łatwiej dzielić wiersze na kolumny.
Poczytaj o grid system np w bootstrap to załapiesz szybko o co chodzi.
  • Odpowiedz
Cześć w moim wpisie nr 6,

Dzisiaj krótko, ale treściwie. Odkryłem jakie możliwości daje budowanie strony na divach - coś pięknego. Mam jeszcze trochę bałagan po starym kodzie, ale i tak całość wygląda o niebo lepiej niż wcześniej. Z drugiej strony (tak jak w jednym z wcześniejszym wpisów dowiedziałem się, że kod strony jest na tyle mały, że lepiej go napisać od nowa niż poprawiać) zastanawiam się czy nie lepiej napisać wszystko od nowa. Zastanawiam się też jak układ strony wygląda na innych monitorach, czy wszystko bardzo się rozjeżdża? Jeśli ktoś może wrzucić screen, będę wdzięczny. Tak samo jak za porady, komentarze i krytykę:)
Oczywiście zmiany można zobaczyć tutaj

Zapraszam do obserwowania tagu #uczesiehtml
@uczesiehtml: i prawidłowo, ucz się dobrych praktyk i buduj strony w oparciu o div.

Co do rozjeżdżania korzystaj z narzędzi online np. http://responsivetest.net wpiszesz tylko rozdzielczość i możesz zobaczyć jak twoja strona wygląda na różnych monitorach, możesz też stosować rozszerzenia do przeglądarek. A i obowiązkowym dodatkiem jest Firebug. Wszystko możesz zmieniać w locie i sprawdzić co dzieje się z elementami strony.

W chrome są obecnie wbudowane narzędzia dla webdeweloperów i też spokojnie możesz z nich
  • Odpowiedz
Cześć Wszystkim w moim wpisie nr 5,

Dzisiaj postanowiłem się wziąć za porządkowanie kodu i dostosowanie go do dobrych praktyk. Pierwszą rzeczą jest stworzenie i co za tym idzie, nieco zmodernizowałem jego wygląd. Myślę, że cała linia zamiast rozdzielonych prostokątów wygląda o wiele lepiej. Poza tym, udało mi się w miarę schludnie wcisnąć przycisk do facebooka właśnie w (wszystkie odnośniki odpowiednio podepnę [mam nadzieję] w niedalekiej przyszłości) :)
Poczytałem trochę o SVG i postaram się jutro przygotować jakieś logo dla strony.
Zauważam też wady uczenia się z gotowych stron przez internet. Czytając o czymś, nie wiem czy to jest jeszcze aktualne czy może już się od tego odchodzi. Teraz tak mam z SVG, nie wiem czy jest to teraz "w modzie" czy może używa się czegoś totalnie innego. Ciężko też znaleźć konkretne informacje na ten temat w necie.

Wyniki
@uczesiehtml

Teraz tak mam z SVG, nie wiem czy jest to teraz "w modzie" czy może używa się czegoś totalnie innego

Generalnie SVG to format grafiki wektorowej. Jest darmowy program inkscape do tworzenia grafiki wektorowej. Pewnie są inne, być może lepsze, ale ja korzystam z niego więc mógłbym trochę doradzić jak z niego korzystać itd.
Formatu SVG raczej się nie wrzuca na stronę - trzeba przekonwertować na PNG (oczywiście jest taka
  • Odpowiedz
Cześć,
Witam w moim kolejnym wpisie. Dzisiaj popracowałem trochę nad poprzednim tematem czyli tagiem . Miałem trochę problemów z ich rozmieszczeniem na stronie (chciałem mieć wszystkie w jednej linii). Każdemu nowemu elementowi nadawałem nowe "class", pakowałem to w i w css dodawałem display: inline jednak nie pomagało, kod się powiększał i powiększał, aż doszedłem do wniosku, że idę w złą stronę. Wyrzuciłem połowę tego co napisałem i tagowi w css nadałem float: left. Reszta już była prosta - position: relative, padding i margin mi pomogły. Mimo to wydaje mi się, że i tak nie do końca właściwie używam tych rzeczy. Mam dwa pytania - patrząc na kod, czy przycisk do wysyłania komentarzy przy textarea będzie tak działał? (oczywiście po dodaniu odpowiedniej funkcji w php), ale czy sama baza do tego przycisku jest prawidłowa? Drugie pytanie, po kliknięciu w przycisk na stronie :)

Jak zwykle czekam na komentarze, krytykę i porady

Wyniki mojej dzisiejszej pracy można zobaczyć tutaj
@uczesiehtml

w css nadałem float: left. Reszta już była prosta

A nie mówiłem?;P

patrząc na kod, czy przycisk do wysyłania komentarzy przy textarea będzie tak działał? (oczywiście po dodaniu odpowiedniej funkcji w php), ale czy sama baza do tego przycisku jest prawidłowa? Drugie pytanie, po kliknięciu w przycisk na stronie :)

Odpowiedziałem na te pytania w Twoim poprzednim wpisie;>
  • Odpowiedz
Cześć,
Witam w moim trzecim wpisie.
Dzisiaj coś na temat tagu . Fajnie jest wiedzieć jak jest zrobione pole do pisania tu na mirko. Teraz wiem, że jest to tag z np: atrybutami rows i cols żeby określić domyślną wielkość pola. Na swojej stronie stworzyłem dwa elementy . Oczywiście do ich pełnej funkcjonalności potrzeba jeszcze php co jeszcze długo przede mną, ale cieszę się, że zrobiłem coś takiego na sucho. Mam w dalszym ciągu problem z pozycjonowaniem tego na stronie. Chciałem je umieścić w jednej linii, jak ktoś podejrzy css to zobaczy, że zrobiłem to za pomocą "float" jednak nie jestem przekonany, czy to jest 100% dobre rozwiązanie. Tym bardziej, że wrzuciło mi do tej samej linii i nie mogę się tego pozbyć. To samo było z kolejnym artykułem ( Przycisk do portali społecznościowych
--------------------------------------

) - tutaj dosyć łopatologicznie to zrobiłem, tworząc dla niego specjalny atrybut "class=smbutton"> i w css usunąłem go z tej linii za pomocą clear: left; - spodziewam się, że jest to niepoprawne rozwiązanie i mam nadzieję, że ktoś mi pomoże to rozwiązać :)
@uczesiehtml:
Musisz pamiętać, że każdy element może mieć wiele klas więc możesz dać tym dwóm formularzom klasę z inline i niezależnie od tego dać im różne klasy, żeby inaczej wyglądały. Klasy oddzielasz spacją czyli class="klasa1 klasa2".Dodatkowo możesz też przecież użyć atrybutu style na elementach i dać .... Takie ostylowanie ma największy priorytet, ale staraj się tego unikać bo się bałagan robi.
Mimo wszystko wydaje mi się, że jednak
  • Odpowiedz
@uczesiehtml:
Spoko. Widzę, że javascript się wkrada na stronę powoli:))
Nie, nie możesz dać w alert obrazka niestety. Możesz natomiast stworzyć własne popupy i tam możesz dać co tylko chcesz. Robisz element, który na początku jest niewidoczny (display:none), a po kliknięciu w guzik ustawiałbyś javascriptem display:fixed, albo absolute. Na samym popupie musiałbyś też dodać guzik, który zamykałby go.

Jeżeli chodzi o ormularz to tak - wsystko po stronie html jest
  • Odpowiedz
Cześć Wszystkim,

To mój drugi wpis. Dzisiaj zrobiłem przycisk do polubienia na facebooku (jeszcze nie ma profilu na fb, ale niedługo go dodam i połączę z tym przyciskiem;>). Zastanawiam się czy za dużo bałaganu nie robię w kodzie dodając wszędzie class i id, ale z drugiej strony jeśli chcę różne albo albo mieć różnie sformatowane to chyba muszę nadawać im id i class... Nie udało mi się też podpiąć przycisku tak aby
@uczesiehtml:
1 nadal nie używasz tagów z html5 jak header, nav czy main
2. nie używaj hr od tego jest css
3. po co Ci ta klasa content? ustal czcionke oraz rozmiar dla wszystkiego w body

zacznij najpierw
  • Odpowiedz
@tomash-pl: i znowu przyznaje się do błedu, faktycznie teraz ma semantyczne znaczenie

The hr element represents a paragraph-level thematic break.

muszę uważniej śledzić zmiany ;p dzięki za poprawienie!
  • Odpowiedz
Cześć Wszystkim,
Jestem zielonka, ale miałem już tu kiedyś konto. Przejdę do rzeczy od razu:
Postanowiłem nauczyc się html, css a w przyszłości może js. Wszystkiego uczę się sam z dostępnych w necie portali i tutoriali. Jeśli ktoś chce pośmieszkować, kazać mi usunąć konto, skrytykować lub zmotywować albo coś poradzić to zapraszam tutaj :) Na pierwszy wpis to wszystko. Zapraszam też do obserwowania tagu #uczesiehtml

#programista15k #wykopowiprogramisci
@uczesiehtml: Nawet przy nauce popełnić taki błąd to wstyd ( ͡° ͜ʖ ͡°)

A stronka... ile się uczysz? No i CSS trzymaj w osobnym pliku, wiadomka. A pomysł ze stronką spoko, sam działam podobnie tylko nie upubliczniam.
  • Odpowiedz