Jeśli używasz kodu PHP wewnątrz plików .html, nic nie zadziała. Tagi PHP po prostu znikną, a text między tymi tagami zostanie pokazany jako czysty tekst. To jest całkowicie normalne zachowanie- wszystkie nieznane tagi zostaną pominięte, a tagi PHP są właśnie takimi.

Podczas konwersji pliku HTML do PHP będziemy zmuszeni do zmiany rozszerzenia. A to zaowocuje poważnym problemem- żaden z istniejących odnośników nie będzie już działał. Tak więc nasi czytelnicy zostaną porażeni nielubianym Error 404.

Najlepszym rozwiązaniem jest nauczenie web-serwera że wszystkie pliki HTML muszą być traktowane tak jak pliki PHP, będą tak traktowane także pliki nie zawierające nawet odrobiny PHP. Serwer po prostu sprawdzi czy PHP jest używany, a jeśli tak to wykona kod. Jeśli nie będzie żadnego kodu, to zostanie pokazany sam HTML.

Cała sztuka polega na dodaniu do pliku httpd.conf odpowiedniego kodu:

AddType application/x-httpd-php .php .html

A jeśli istnieje już

        AddType application/x-httpd-php .php

To wystarczy dodać na końcu linijki .html

Miłej zabawy z Preprocesorem hypertextu

Zastanawialiście się kiedyś jak może wyglądać 16 777 216 kolorów? Na tym obrazku znajduje się dokładnie tyle

• Możliwość zapisywania swoich zakładek
• Import zakładek z del.icio.us
• Publiczne lub prywatne zakładki
• Ocenianie zakładek
• Zapisane kopie zakładek
• Sieci znajomych
• Niezależność
• Przyjemny design
• Dostęp do zakładek z każdego miejsca na świecie
• Obsługa OpenID.

Serdecznie zapraszam do zapoznania się z tym serwisem. Zakładki online to naprawdę świetna sprawa.
]]> http://weboholic.wordpress.com/2008/02/09/migracja-z-delicious-na-magnolia/feed/ 8 http://weboholic.wordpress.com/2008/02/03/takie-to-zyciowe/ http://weboholic.wordpress.com/2008/02/03/takie-to-zyciowe/#comments Sun, 03 Feb 2008 10:13:43 +0000 sunlifter http://weboholic.wordpress.com/2008/02/03/takie-to-zyciowe/ ]]>

Programista wcale nie musi wiedzieć nic o designie (i odwrotnie- designer o programowaniu), ale prawda jest taka żę programista ma swoje własne projekty, oszczędnych klientów, lub inne źródła zapotrzebowania na design. Co więcej, bycie freelancerem często sprowadza się do wykonywania każdego kroku tworzenia strony internetowej samemu- jest się grafikiem, programistą i nierzadko jeszcze pozycjonerem strony na którą zlecenie przyjmujemy. Specjalnie dla młodych freelancerów przygotowałem listę 8 najczęściej popełnianych przy designie błędów.

„Wiem co jest ładne”

Mimo że designerzy często mają swój własny 6 zmysł podpowiadający im co jest ładne, a co nie, to opiera się on o odpowiednią kalibrację, obserwacje i zapamiętywanie cech dobrych designów. Z pomocą mogą przyjść serwisy takie jak heFWA, FaveUp, Design is Kinky, Behance Network. Dobrym pomysłem jest także prenumerata jakiegoś magazynu trkatującego o designie. Najważniejszą zasadą tutaj jednak jest to, że nieważne ile, ale jeśli nasz design jest zły, to żadna ilość filtrów z photoshopa nam nie pomoże.

„Centrowanie jest modne”

Pomimo że wydawać by się mogło że centrowanie wszystkich elementów jest ergonomiczne- tytuły, tagi, poszczególne części strony. Mimo wszystko jednak centrowanie wszystkiego wygląda dość amatorsko. Ponad to wyrównywanie do lewej jest znacznie bezpieczniejsze i nierzadko wygląda dużo ładniej. Należy jednak zwrócić uwagę aby nasz design nie wyglądał jak robiony z linijką, i aby miała miejsce jakaś wariacja w marginesach

„Typografia mnie nie obchodzi”

Należy pamiętać o tym, że dostępne do designu czcionki wcale nie są identyczne, oraz czasami warto wydać tych kilka złotych na zakupienie nowej czcionki. Warto też poświęcić kilka chwil na poczytanie o typografii, ponieważ wiedza na jej temat pozwoli nam tworzyć znacznie efektywniejsze designy nie przepracowując się przy tym przesadnio.

„To miejsce może zostać wolne”

Bardzo częstym wspólnym problemem grafików i programistów jest wolne miejsce na stronie. Programiści chcą umieścić na stronie jak najwięcej informacji, designerzy oponują jednak broniąc się że oko ludzkie nie jest w stanie przyswoić naraz tyle danych. Należy znaleść optymalne rozmieszczenie danych tak, aby natłok informacji nie zalewał użytkownika, oraz aby puste miejsca nie sprawiały wrażenia niedopracowanej strony.

„Zdjęcia nie mają znaczenia”

Kiepskie fotografie potrafią zrujnować najlepszy design, tak samo jak dobre potrafią z prostego zrobić cudo. Polecam przede wszystkim zajrzeć na stock.xchng lub Flickr, gdzie znajdziemy całą masę dobrych zdjęć. Nie powinniśmy mieć także oporów przed kupowaniem zdjęć na serwisach typu Veer.

„Nie potrzebuję opinii”

Częściej niż rzadziej będziesz wielkim fanem swoich designów. Na swoją pracę będziesz spoglądał przez różowe okulary dlatego ważne jest, aby pytać o opinie zaprzyjaźnionych grafików. Przede wszystkim należy takim pomocnikom ufać i wiedzieć że są dobrzy w tym co robią.

„Nie ma potrzeby aby dopracować szczegóły”

Możemy stworzyć design który jest świetny, jednak brakuje mu tego czegoś. Nie zdajesz sobie sprawy jak dużo może zmienić jedna kreska lub bardzo delikatny cień. Patrząc na świetne designy często myślisz sobie: dużo mi brakuje do takiego poziomu. Najczęściej jednak zapominasz że to co widzisz to jedynie końcowy efekt długiej i mozolnej pracy jakiegoś grafika. Nie zdajesz sobie sprawy z tego ile poprawek wnosił do swojej pracy, ile nocy zarwał, ani ilu przyjaciół zapytał o opinię.

Dobry design wymaga od nas poświęcenia dużej ilości czasu, cierpliwości oraz wiedzy. Pomimo że będąc programistą, bardzo możliwe jest że nigdy nie będziesz miał potrzeby stworzenia grafiki, mam nadzieję że nie popełnisz już wymienionych przeze mnie błędów i stworzysz ładny design.
Źródło

Specjalnie dla Was legenda:

Kod xHTML i podobne

Kod CSS

Kod Java

Komendy linuxowe i argumenty (przeplatane dwoma kolorami)

Treści do wklejenia

Cytaty

Zapraszam do komentowania, jestem ciekawy co o tym myślicie?

Uruchamiamy /bin/sh i wklejamy poniższy kod

cp_p()
{
set -e
strace -q -ewrite cp — „${1}” „${2}” 2>&1 \
| awk ‘{
count += $NF
if (count % 10 == 0) {
percent = count / total_size * 100
printf „%3d%% [", percent
for (i=0;i<=percent;i++)
printf "="
printf ">"
for (i=percent;i<100;i++)
printf " "
printf "]\r”
}
}
END { print „” }’ total_size=$(stat -c ‘%s’ „${1}”) count=0
}

Teraz pliki kopiujemy przy pomocy cp_p [skąd] [do_kąd]

Kod xhtml zapisany przy pomocy DIV:

<div id=”wp”>
<div id=”hd”>Nagłówek</div>
<div id=”bd”>Body
<div id=”doc”>
<div id=”s1″>Sekcja 1</div>
<div id=”s2″>Sekcja 2</div>
<div id=”s3″>Sekcja 3</div>
</div>
</div>
<div id=”ft”>Stopka</div>
</div>

Divy są bez sensu, i nie mogą reprezentować struktury dokumentu. Natomiast listy tworzą całkowicie semantyczny układ strony, ponieważ reprezentują wzajemną hierarchię elementów strony.

Ten sam kod zapisany przy pomocy list:

<ol id=”wp”>
<li id=”hd”>Nagłówek</li>
<li id=”bd”>Body
<ol id=”doc”>
<li id=”s1″>Sekcja 1</li>
<li id=”s2″>Sekcja 2</li>
<li id=”s3″>Sekcja 3</li>
</ol>
</li>
<li id=”ft”>Stopka</li>
</ol>

Najpierw usuwamy z kod który poprzedza zagnieżdżone OL („Body”). Wtedy ustawiamy szerokość i automatyczny margines, aby wycentrować nasz szablon i używamy”list-style:none” żeby być pewnym że rzadna przeglądarka nie pokaże wypunktowania przed poszczególnymi sekcjami. Teraz zajmujemy się stylowaniem LI które zawiera UL z trzema obiektami (trzema kolumnami) tak, aby wyglądała jak tabelka. Na koniec nadajemy styl OL jako wiersz tabelki. LI reprezentuje pojedyńczą komórkę.

<style type=”text/css”>
* {margin:0;padding:0;}
#wp {width:55em;margin:0 auto;list-style-type:none;}
#bd {display:table;}
#doc {display:table-row;}
#s1,#s2,#s3 {display:table-cell;}
</style>

Trzeba pamiętać że bez list-style-type:none cyfry pojawią się obok LI w Internet explorer dla maca, oraz w safari. (display:inline zajmuje się Internet explorerem dla windows a display:table-cell zajmuje się przeglądarkami opartymi na silniku gecko).

Życzy sunlifter

Pliki programowe

Program pythona możesz uruchomić z pliku. Standartowym rozszerzeniem plików python jest .pyTworzymy nowy plik hello.py i wklejamy do niego:

#!/usr/bin/env pythonprint "Witaj świecie"

Program uruchamiamy z poziomu konsoli

$ python hello.pyWitaj świecie$

Język

Polecenia w pythonie kończymy nie przypomocy śrenika (;) jak ma to miejsce w C++ lub PHP, ale najnormalniejszym końcem linii. Więc poniższa funkcja nie jest błędnie napisana.

>>>print "hello"hello

Funkcje takie jak for, if, class są oznaczane (:) oraz wcięciem linii (przycisk tabulatora). Tak więc po raz kolejny mamy odstępstwo od znanych z innych języków przyzwyczajeń.

name = "Larry“if name == “George”:…    print “Cześć George”… else:…    print “Kim jesteś?”…    print “Nie jesteś George!”…Kim jesteś?Nie jesteś George!

Komentarze oznacza się przy pomocy symbolu . Ciągną się one aż do końca linii.

print "Tell me."     # This is a comment

NazewnictwoTeraz trochę o nazewnictwie zmiennych, metod, funkcji, modułów itd. Identyfikator nie może rozpoczynać się cyfrą. W identyfikatorze może znaleść się cyfra, litera lub znak podkreślenia ( _ ). W identyfikatorach znaczenie ma wielkość liter. ( b i B to nie ta sama zmienna)

B = 4b = 2if b != B:print 'małe b nie jest równe dużemu B'

Zarezerwowane słowa

and		elif		global		orassert		else		if		passbreak		except		import		printclass		exec		in		raisecontinue	finally		is		returndef		for		lambda		trydel		from		not		while

Identyfikatory poprzedone __ (podwójnym podkreśleniem) często mają specjalne znaczenie. Names of variables or functions with leading and trailing __ are used for built-in symbols:

__name__      Nazwa funkcji__doc__       Tworzy łańcuchów znaków na podstawie słownika parametrów__init__()    Metoda ta jest wywoływana po utworzeniu klasy

Typy

• LiczboweTypy liczbowe to: integer, long integer, floating-point, and complex.
  

  x = 4int (x)4long(x)4Lfloat(x)4.0complex (4, .2)(4+0.2j)

• Ciągi literoweUmieszczając ciągi pomiędzy symbolami cudzysłowia (’, ” ,”””). Dwa zamknięte ciągi obok siebie łączą się.
  

  >>> print "Hi" "there"Hithere>>>

  Backslash (\) pomaga wypisywać znaki specjalne, które normalnie są wychwytywane przez kompilator:

  >>> print r'n'n

  Czyste ciągi są często używane do wyrażeń, ponieważ wszystkie znaki w nich zawarte są wypisywane na wyjście:

  '[foo]'r'[foo]' # to jest to samo

  Apostrof i cudzysłów są równoważne:

  "nie otwieraj apostrof'ów w cudzysłowie"'bez zamkniecia''

• [] ListyListy w pythonie to nic innego niż tablice w innych językach. Zaczynają się od zera(0):
  

  >>> months = ["January", "February"]>>> print months[0]January>>> months.append ("March")>>> print months['January', 'February', 'March']

  Dwukropek(:) jest operatorem dzielenia. Pozwala pracować z porcją listy. Drugi argument jest domknięty (będzie zawarty, ale nic ponad nim.) ( 1:2 czyli do drugiego, ale trzeci już nie):

  >>> print months[1:2]['February']

  Plus (+) jest operatorem łączenia:

  >>> print months+months['January', 'February', 'March', 'January', 'February', 'March']

  Listy mogą zawierać dowolny typ zmiennych jakie może zawierać python.

  >>> months.append (months)>>> print months['January', 'February', 'March', ['January', 'February', 'March']]>>> months.append(1)['January', 'February', 'March', ['January', 'February', 'March'], 1]

• () Tuples Tuple zachowują się jak listy, ale nie możesz ich zmienić po utworzeniu ich.
• {} Dictionaries Słowniki to listy, które przyporządkowują zmienną danemu wyrażeniu.
  

  >>> mydict = {"height" : "average",... "skill" : "intermediate",... "salary" : 1000 }>>> print mydict{'height': 'average', 'skill': 'intermediate', 'salary': 1000}>>> print mydict["skill"]intermediate>>> mydict[0] = 'Foo‘>>> mydict [(5, 6)] = ‘Coordinate 5, 6′

Zależności

>>> q = 4>>> h = 5>>> if q < h :...    print "first test passed"  # indentation needed... else:...    print "first test failed"...first test passed

Wyrażeniami logicznymi są: “or,” “and,” “not”Operatorami są:

 == >=

Obsługa plików

• Odczyt z pliku
  

  >>> fh = open("helloworld.py")>>> for line in fp.readlines() # read a line (readline method applied to fh)... print line, # print line, adding newline at end...#!/usr/bin/pythonprint "Hello World">>> fh.close()

• Zapis do pliku
  

  $ pythonPython 1.5.2 (#1, May 28 1999, 14:49:17) [GCC 2.7.2.3] on linux2Copyright 1991-1995 Stichting Mathematisch Centrum, Amsterdam>>> fh = open(”out.txt”, “w”)>>> fh.write (”we’re writing…n”)>>> fh.close()>>> # I typed ^D to exit$ cat out.txtwe’re writing…$

Pętlefor:

>>> for x in range(1,5):... print x...1234

FunkcjeFunkcje definiujemy używając wyrażenia def

>>> def myfunc(a,b):...     sum = a + b...     return sum...>>> myfunc (5,6)11

Tworząc funkcję, możesz nadać jej domyślne wartości.

>>> def myfunc(a=4,b=6):...     sum = a + b...     return sum...>>> myfunc()              # we use both defaults10

Można nadpisywać wartości domyślne funkcji

>>> myfunc(b=4)           # a defaults to 4, we override the value of b8

KlasyKlasy zawierają w sobie instrukcje. Każda instrukcja odnosi się do obiektu tak samo jak pierwszy argument (self).

class PenguinPen:def __init__(self):self.penguinCount = 0    def add (self, number = 1):""" Add one or more penguins to the penThe default number of penguins to add is 1 """self.penguinCount = self.penguinCount + numberdef remove (self, number = 1):""" Remove one or more  penguins from the pen """self.penguinCount = self.penguinCount - numberdef population (self):""" How many penguins in the pen? """return self.penguinCount

Błędy w kodzieKiedy kompilator napotka błąd, wywoływany zostaje wyjątek, oraz wyświetla się wyjście. Oto przykładowy program prowokujący wystąpienie błędu

#!/usr/bin/pythonprint a

Jeśli go uruchomimy, kompilator poinformuje nas o błędzie w następujący sposób:

slftr:/tmp$ python except.pyTraceback (innermost last):File "except.py", line 2, in ?print aNameError: a

Na podstawie: http://www.phys.uconn.edu/~he/print/Python%20101%20cheat%20sheet.pdf

Linux padł, komputer ledwo działa, ja nie mam na nic czasu a on nieubłaganie mija.
Przepraszam Was wszystkich za tą ciszę, ostatnio naprawde mało siedzę przy komputerze- 18-tki, olimpiady, szkoła, dziewczyny…

Jeśli dam rade to jakoś poukładać (terminarz?) i znajde chwilę czasu dla weboholica, to obiecuje wam że już niedługo wystartuję z podwójną prędkością.

Pamiętajcie o mnie ;]

A w międzyczasie obejrzyjcie sobie moje screeny- aktualnie w ten sposób prezentuje się mój pulpit. Tak, dobrze widzicie, mam windowsa xp, linux po wielu próbach (2 tygodnie, dzień w dzień) nie chciał wstać. Format też nie pomgł. Musiałem
Na drugim screenie widać mojego foobara ;]