Jump to content
Guest Qn`ik

Tworzenie stron www

Recommended Posts

<img src="obrazek.png" />

Poznajesz? Tak wstawiający obrazek na stronę. Jeśli nie wiesz jak tego używać, to poczytaj jakiś kurs o podstawach html - bez zrozumienia tego nie ruszysz dalej.

Zakładając jednak, że wiesz co i jak, przyjrzyj się swojemu tekstowi:

<img src="obrazekDomyslny.png" onmouseover="this.src='obrazekPdomieniany.png';" onmouseout="this.src='obrazekDomyslny.png';" />

Na kolorowo zaznaczyłem to, co jest nowe. OnMouseOver zmienia obrazek, zgodnie z nazwą, na taki jaki ma być po najechaniu myszą. OnMouseOut przywraca domyślny obrazek.

Wniosek? Posługujesz się tym jak normalny tak wstawiania obrazka, tylko z ekstra instrukcjami.

Jeśli chcesz teraz z tego button zrobić, musisz po prostu objąć obrazek znacznikami linku (czyli <a href="..."><tu Twój kod></a>

Share this post


Link to post
Share on other sites

Witam,

Mam do was pytanie. Otóż poniżej macie kod napisany przeze mnie. Jest on prościutki. Wklejcie go sobie do jakiegoś edytora (ja używam N++), zapiszcie jako html i otwórzcie obojętnie jaką przeglądarką. Do góry zaraz nad div'em conter jest taki czarny pasek. Chciałbym aby było bez tego paska. Po prostu aby zaczynała się strona od samego początku. Próbowałem już padding-top ale nic nie pomagało. Z góry dzięki za pomoc. Pozdrawiam

Oto ten kod:

<html>
<body>
<center><div class="conter">
<p class="font">Witam!</p>
</div></center>
<style type="text/css">
.conter {
background-color:white;
width:700px;
height:900px;
padding-top:-10px;
}
body {
background-color:black;
}
.font {
font-family:verdana;
font-size:15px;
}
</style>
</body>
</html>

Share this post


Link to post
Share on other sites
Niestety. Tego już próbowałem i nie rozwiązuje tego problemu. Ma ktoś inny pomysł, bo niegdzie nie mogę tego znaleźć.

Share this post


Link to post
Share on other sites

Firefox... i wszystko jasne. Pod IE oraz operką było ok.

Dodaj jeszcze

* {
    margin:0;
    padding:0;
}

i teraz działa.

Share this post


Link to post
Share on other sites
No tak w Operze, którą używam działa samo margin:0px ale już w Mozilli nawet to rozwiązanie co ty napisałeś nie działa. No cóż jeszcze popróbuję.

Share this post


Link to post
Share on other sites

Pod Fx 3.0.4 poniższy kod działa:

<html>
<body>
<center><div class="conter">
<p class="font">Witam!</p>
</div></center>
<style type="text/css">
.conter  {
background-color:white;
width:700px;
height:900px;
padding-top:-10px;
}
* {
    margin:0px;
    padding:0;
}
html, body  {
background-color:green;
    margin: 0px 0px 0px 0px;
padding: 0px;
}
.font  {
font-family:verdana;
font-size:15px;
}
</style>
</body>
</html>

Share this post


Link to post
Share on other sites

Teraz to mam problem. Otóż tak długo bawię się w PHP i MySQL, że zapomniałem podstaw :D Otóż mam taką styuację. Jak zrobić aby ustawić diva tak żeby miał stałą szerokość i wysokość? Chodzi mi głównie o wysokość, bo szerokość się nie zmienia. I mam tak. Dwa divy chciałbym ustawić obok siebie. Żeby to wyglądało jak w np. CD-Action. Tzn. żeby były kolumny :D Wiecie o co chodzi. Prosze o pomoc, bo się z tym męczę i chyba nigdy do tego nie dojdę.

PS Żeby nie było szukałem na necie ale nic nie znalazłem

PS2 Aha. Zna może ktoś adres tego forum. Tam były rozwiązywane "rurzne"* problemy z tworzeniem stron.

*Tak napisał koleś z maturalnej klasy LO (humanistyczno-dziennikarski kierunek zreszta) na próbnej maturze z polskiego. Taka mała podpowiedź dla CD-Action - idealny materiał na redaktora ;) Przemyślcie sprawę

Share this post


Link to post
Share on other sites

CSS:

div {
height: xxx px;
width: xxx px;
display: table-cell;
}

height, width - wysokość, szerokość

display: table-cell - każe być wyświetlanym jak komórki tabeli czyli obok siebie, można jeszcze wtedy objąć divem z "table-row" jak chcemy ich więcej.

albo po prostu oba zamienić na "display: inline;"

Share this post


Link to post
Share on other sites

Tak. Jeśli masz dostęp do konta, to logujesz się przez ftp, pobierasz odpowiednie pliki, modyfikujesz i przesyłasz z powrotem na serwer.

Share this post


Link to post
Share on other sites

Lub edytujesz online, sporo programów ma obecnie taką możliwość - idealne rozwiązanie z podglądem dla tych, którzy mają stronkę w PHP a nie chce im się stawiać na kompie serwera pod to.

Share this post


Link to post
Share on other sites
sleeskee -> Masz na myśli programy, które w tle realizują połączenie i aktualizują stronę? Rzuć jakieś nazwy, chętnie obadam, byle freeware / GPL / LPG / PZU itd :D

Share this post


Link to post
Share on other sites

Chodzi mi o edycję dokumentów otwieranych bezpośrednio z serwera FTP, czyli najczęściej samoistne ściąganie i wgrywanie przez program, bez fatygi usera. Cholernie uzależniająca sprawa :)

Z darmówkami nieco problemu - miałem na starym laptopie jakiś, niekoniecznie najnowszy, jeno sobie nazwy przypomnieć nie mogę. Tyle tego teraz jest, że programy już nie zapadają tak w pamięci. EdHTML aby tego nie miał? Bo wiem, że swego czasu właśnie na ów starociu miałem go zainstalowanego. W czystej teorii to powinna być obecnie funkcja na standardzie każdego dobrego edytora. Może CoffeeCup Free HTML Editor ? Strzelam teraz szczerze mówiąc :/

Wiem, że ma to Dreamweaver. Mam możliwość korzystania od czasu do czasu w zaprzyjaźnionej firmie z którą współpracuję, program pierwsza klasa. Cena też :lol: Ósme wydanie, jeszcze spod szyldu Macromedii, jest ciągle supportowane i kosztuje około tysiaka... Warto sprawdzić 30-dniowy trial, ponoć z UE można nań dotację dostać :lol: Są i tańsze zamienniki typu FTPEditor (ok 50 dolców) czy swojski Pajączek w wersji Professional (ok. 200zł).

Aż tak mnie kasa nie swędzi :-) Wolę miłego, darmowego kED-a i ręczne wrzucanie na ftp :-) Najwyżej jak będę cierpiał na nadmiar wolnego czasu, to sam sobie napiszę :P

[wies.niak]

Share this post


Link to post
Share on other sites

Mam cholerny problem, kupiłem sobie szablon strony internetowej, przerobiłem go po swojemu, wgrałem plik index i jego podstrony na serwer FTP, kaskadowy arkusz strony też jest. Wszystko ok, strona główna ładuje się, gdy kliknę jakąkolwiek podstronę, pokazuje się tekst niestety bez żadnej grafiki. Może ktoś pomóc?

Będę wdzięczny za pomoc.

Edited by Eliroth

Share this post


Link to post
Share on other sites

Przykład z podstrony:

<img src="file:///C|/Documents and Settings/Wspólne/Pulpit/Szablony_z_d4u.pl_upload_by_matergames_dla_darkwarez.pl/Szablony_z_d4u.pl_upload_by_matergames_dla_darkwarez.pl/1098/czyste/images/t1.jpg" alt="" />

Obawiam się, że na serwerze nie ma katalogu "Documents and Settings" itd...

Względne ścieżki zrób.

Share this post


Link to post
Share on other sites

Da się to jakoś załatwić? Najlepiej to łopatologię, bo ciemny w tym jestem :)

Edited by Eliroth

Share this post


Link to post
Share on other sites

Porównaj sobie ścieżki w pliku działającym z tymi w niedziałającym.

Chodzi o to, by ścieżka była podana względem pliku html.

Mówiąc obrazowo: w katalogu głównym masz index.html oraz sprzęt.html. Tam też masz katalog images, a w nim obrazek t1.jpg. Żeby z pliku sprzęt.html dostać się do obrazka, musisz podać images/t1.jpg. Gdyby obrazek był w tym samym katalogu, co plik html, to nie musiałbyś podawać katalogu. To jest właśnie ścieżka względna - ścieżka względem pliku html.

Share this post


Link to post
Share on other sites
Guest

Aktualnie tworzę portal o tematyce kulturowej (muzyka, film, gry itp.) i w związku z tym mam pytanie - sam portal tworzony jest w technologii xHTML + CSS, korzystam z darmowego serwera nieobsługującego PHP, a chciałbym mieć możliwość dodawania komentarzy do artykułów. Czy da się coś takiego wprowadzić w zwykłym xHTMLu? Bo szczerze powiedziawszy tylko w tym języku umiem obecnie programować, poza tym faktem ograniczeniem jest również serwer.

Share this post


Link to post
Share on other sites

Nie, raczej na pewno nie ma takiej możliwości.

Jeśli jednak chcesz dobry, darmowy hosting w dodatku bez reklam to serdecznie polecam Ci http://www.000webhost/com/

Obsługuje on PHP i wszystkie najnowsze technologie,

Pozdrawiam

Edited by mack00

Share this post


Link to post
Share on other sites
Guest

Dzięki wielkie. Jednak na naukę PHP póki co nie mam za dużo czasu (wciąż jeszcze sesja, ale już bliżej końca), będę musiał poszukać jakiejś dobrej książki o PHP, póki co jednak zostanę przy tradycyjnym xHTML.

Share this post


Link to post
Share on other sites

Mógłbyś spróbować zrobić to za pomocą JS. Listujesz katalog konkretny, pobierasz listę plików, a później pliki dołączasz do kodu strony.

W przypadku PHP, gotowe skrypty systemu newsów znajdziesz na google, więc nie musiałbyś tego od zera stukać, a jedynie dopasować do swojej strony, co nie powinno być trudne.

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...