uczesiehtml
uczesiehtml
  • 2
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
  • 8
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Tomek89Tar
  • 2
@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
uczesiehtml
uczesiehtml
  • 4
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
  • 9
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
MrRadian
  • 3
@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
  • Odpowiedz
uczesiehtml
uczesiehtml
  • 3
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
  • 1
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Tomek89Tar
  • 1
@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
uczesiehtml
uczesiehtml
  • 1
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.
  • 3
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Tomek89Tar
  • 0
@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
uczesiehtml
uczesiehtml
  • 3
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
  • 8
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Tomek89Tar
  • 1
@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
Tomek89Tar
  • 0
@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
uczesiehtml
uczesiehtml
  • 1
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
  • 16
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Pukie
Pukie
  • 1
@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
Pukie
Pukie
  • 1
@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
uczesiehtml
uczesiehtml
  • 3
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
  • 11
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
FairPlay
  • 1
@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

Osiągnięcia