karol_zuko utworzono 17 listopada 2008 utworzono 17 listopada 2008 jakiego programu moge użyć do stworzenia prostej strony www (na informatyke o okreslonej tematyce)? slyszalem o takich jak front page, pajączek, juz znudzilo mi sie pisanie tego wszystkiego w notatniku, pozatym to mozolna robota. dodam ze podstawy html juz znam i pewne "banalne" stronki zrobilem. a moze ktos ma taką stronkę gotową i chce sie podzielic, to chetnie przyjme:) ja wybralem np o tematyce komputerowej;P
Lucider komentarz 18 listopada 2008 komentarz 18 listopada 2008 Jest wiele, Pajączek super sprawa ale płatny, dobry darmowy to np. kED. Od Front Page trzymaj się z daleka
karol_zuko komentarz 18 listopada 2008 Autor komentarz 18 listopada 2008 Notepad++ czy kolega wie co to jest notepad++?? jednym slowem stuningowany notatnik a tego jak pisalem juz nie chce a może ktoś chce sie podzielić jakaś stronką?? jak zrobićproste menu?? chodzi mi o takie po lewej stronie zeby bylo kilka opcji na liście do wyboru i obok po prawej zeby to sie wyświetlało
tofik177 komentarz 19 listopada 2008 komentarz 19 listopada 2008 mozesz na przykład na divach łatwo to zrobic.. <?xml version="1.0" encoding="iso-8859-2"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"><head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" /> <meta name="Description" content=" [wstaw tu opis strony] " /> <meta name="Keywords" content=" [wstaw tu slowa kluczowe] " /> <meta name="Author" content=" [dane autora] " /> <meta name="Generator" content="kED" /> <title> [tytuł strony] </title> <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css" /> <style type="text/css">div#glowna { margin:auto; border:1px solid black; padding:0px; width:758px; height:598px; background-color:red; }div#lewa { margin:0px; border:none; padding:0px; width:158px; height:440px; float:left; background-color:#ff8040; }div#naglowek { margin:0px; border:none; padding:0px; width:758px; height:140px; background-color:#ffff80; }div#prawa { margin:0px; border:none; width:600px; height:440px; float: right; background-color:#808000; } div#stopka { margin:0px; border:none; width:758px; height:18px; clear:both; background-color:#408080; } </style></head><body><div id="glowna"> <div id="naglowek"> moja kurde stronka </div> <div id="lewa"> .menu<br> <a href="9.html">glowna</a><br> <a href="1pod.html">.1 podstronka</a><br> <a href="2pod.html">.2 podstronka</a><br> <a href="3pod.html">.3 podstronka</a><br> </div> <div id="prawa"> jakies pirdoły strony glównej </div> <div id="stopka"> .projekt tof;] </div></div></body></html> tylko podstronki sobie trzeba zrobic w osobnych plikach.. 1pod.html, 2pod.html, 3pod.html
jwitos komentarz 19 listopada 2008 komentarz 19 listopada 2008 jednym slowem stuningowany notatnik a tego jak pisalem juz nie chce ... No cóż, jedni lubią pisać sami, a drudzy robić gotowce.
karol_zuko komentarz 19 listopada 2008 Autor komentarz 19 listopada 2008 <style type="text/css"> do czego to służy?? i jak możne zrobic fajne napisy graficzne?? kiedyś widziałem taką stronkę gdzie wpisywało się tekst i były do wyboru różne wzory dekorowania czy jak tam to inaczej nazwać, znacie coś takiego??
darexD komentarz 20 listopada 2008 komentarz 20 listopada 2008 Wewnętrzny arkusz stylów <style type="text/css"><style> W tych znacznikach wpisuje się CSS (Cascading Style Sheets (z ang. Kaskadowe Arkusze Stylów) Jak nie umisz CSS to jest tutaj najlepszy poradnik Kurs Css Tofik właśnie dobrze to przedstawił Jeśli edytor to najlepszy Adobe Dreamware CS3 lub CoreEditor A najlepsze napisy graficzne to tylko Adobe Photoshop CS3
karol_zuko komentarz 20 listopada 2008 Autor komentarz 20 listopada 2008 a nie znacie takiej stronki o ktorej mowie?? wpisujesz tekst i wybierasz szablon, tworzy ci skrypt html
darexD komentarz 20 listopada 2008 komentarz 20 listopada 2008 Nie wiem czy to 1 Generator 2 Generator
karol_zuko komentarz 20 listopada 2008 Autor komentarz 20 listopada 2008 nie to nie o takie coś mi chodzi, bo to jest generator jakichśbardziej zaawansowanych kodów a jak zrobić coś takiego, że z menu(według Tofik), jeśli kliknę na jedną pozycję, to rozwija mi sie takie podmenu z kilkoma opcjami a sprawa nr 2 to dlaczego jak mam lewą stronę i prawą, w lewej mam menu to jak coś na niej kliknę to mi sie na nowo otwiera a nie po prawej stronie
byku komentarz 20 listopada 2008 komentarz 20 listopada 2008 czy kolega wie co to jest notepad++?? jednym slowem stuningowany notatnik a tego jak pisalem juz nie chceTo Ty chyba nie wiesz co to jest Notepad++... Ma kolorowanie składni wieeelu języków, dynamiczną listę funkcji, przeglądarkę plików, różne skrypty, obsługę UTF-8 bez BOM oraz możliwość instalowania pluginów... Sam korzystam z niego podczas pisania dużo większych projektów, niż jakaś prosta stronka w HTMLu i sprawdza się świetnie.Chyba, że chodzi Ci o brak edytora WYSIWYG - ich się NIE używa! EDIT: Jak chcesz kombajn, to polecam Eclipse + obsługa PHP.
tofik177 komentarz 20 listopada 2008 komentarz 20 listopada 2008 http://css.maxdesign.com.au/listamatic2/vertical11.htm# moze takie.. wystarczy troche przeriobic.. ale mouim zdaniem takie menu jest troche niepraktyczne. zajrzyj tu jest kilka innych przykładów http://css.maxdesign.com.au/listamatic2/ 2 zeby ci sie nie wyswietlało nowe okno to w pliku podstrony trzeba dac równiez cały roskład divów i menu tylko w zawartosc diva "prawa " wstawiasz swoje rzeczy przykład: plik pod1.html czyli pierwszy link by wygladał tak : <?xml version="1.0" encoding="iso-8859-2"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"><head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" /> <meta name="Description" content=" [wstaw tu opis strony] " /> <meta name="Keywords" content=" [wstaw tu slowa kluczowe] " /> <meta name="Author" content=" [dane autora] " /> <meta name="Generator" content="kED" /> <title> [tytuł strony] </title> <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css" /> <style type="text/css">div#glowna { margin:auto; border:1px solid black; padding:0px; width:758px; height:598px; background-color:red; }div#lewa { margin:0px; border:none; padding:0px; width:158px; height:440px; float:left; background-color:#ff8040; }div#naglowek { margin:0px; border:none; padding:0px; width:758px; height:140px; background-color:#ffff80; }div#prawa { margin:0px; border:none; width:600px; height:440px; float: right; background-color:#808000; } div#stopka { margin:0px; border:none; width:758px; height:18px; clear:both; background-color:#408080; } </style></head><body><div id="glowna"> <div id="naglowek"> moja kurde stronka </div> <div id="lewa"> .menu<br> <a href="9.html">glowna</a><br> <a href="1pod.html">.1 podstronka</a><br> <a href="2pod.html">.2 podstronka</a><br> <a href="3pod.html">.3 podstronka</a><br> </div> <div id="prawa"> tu jakies twoje rzeczy które maja byc w divie "prawa"po kliknieciu w 1 pozycje menu </div> <div id="stopka"> .projekt tof;] </div></div></body></html> tylko tak po pierwsze style wsadz do osobnego pliku np style.css a w plikach stron daj tylko linka do styli <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css" /> wtedy bedzie to wygladało np tak: <?xml version="1.0" encoding="iso-8859-2"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"><head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" /> <meta name="Description" content=" [wstaw tu opis strony] " /> <meta name="Keywords" content=" [wstaw tu slowa kluczowe] " /> <meta name="Author" content=" [dane autora] " /> <meta name="Generator" content="kED" /> <title> [tytuł strony] </title> <link rel="stylesheet" href="style.css" type="text/css" /></head><body><div id="glowna"> <div id="naglowek"> moja kurde stronka </div> <div id="lewa"> .menu<br> <a href="9.html">glowna</a><br> <a href="1pod.html">.1 podstronka</a><br> <a href="2pod.html">.2 podstronka</a><br> <a href="3pod.html">.3 podstronka</a><br> </div> <div id="prawa"> tu jakies twoje rzeczy które maja byc w divie "prawa"po kliknieciu w 1 pozycje menu </div> <div id="stopka"> .projekt tof;] </div></div></body></html> w sumie to dałem taki przykład akurat znalazłem gdizes pod reka ale mozna robic inaczej jak kto woli.. obecnie robie zazwyczaj przy urzyciu php
karol_zuko komentarz 20 listopada 2008 Autor komentarz 20 listopada 2008 tylko tak po pierwsze style wsadz do osobnego pliku np style.css a w plikach stron daj tylko linka do styliKOD <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css" /> a tak konkretnie to o co chodzi??, wiem ze to jest takie samo formatowanie. nie bardzo znam css, ale na bieżąco staram sie uzupełniać wiedze.
tofik177 komentarz 20 listopada 2008 komentarz 20 listopada 2008 <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css" /> tu daje sie link do zewnetrzengo pliku z stylami css.. dzieki temu nie musisz w kazdym pliku *.html kopiowac stylów tak samo jak chcesz cos pozmieniac szybko w stylach bedizesz musiał na kazdej srtronie robic to oddzielnie a trzymajac plik ze stylami oddzielnie robisz zmiany w jednym pliku a zmiany beda dotyczyc wszystkich stron do jakich bedize ten arkusz zlinkowany napisze ci przykład zamiast w kazdej stronie i podstronie pisac czy kopiowac i wklejac <style type="text/css">div#glowna { margin:auto; border:1px solid black; padding:0px; width:758px; height:598px; background-color:red; }div#lewa { margin:0px; border:none; padding:0px; width:158px; height:440px; float:left; background-color:#ff8040; }div#naglowek { margin:0px; border:none; padding:0px; width:758px; height:140px; background-color:#ffff80; }div#prawa { margin:0px; border:none; width:600px; height:440px; float: right; background-color:#808000; } div#stopka { margin:0px; border:none; width:758px; height:18px; clear:both; background-color:#408080; } </style> te style mozesz umiescic w jednym pliku np: style.css div#glowna { margin:auto; border:1px solid black; padding:0px; width:758px; height:598px; background-color:red; }div#lewa { margin:0px; border:none; padding:0px; width:158px; height:440px; float:left; background-color:#ff8040; }div#naglowek { margin:0px; border:none; padding:0px; width:758px; height:140px; background-color:#ffff80; }div#prawa { margin:0px; border:none; width:600px; height:440px; float: right; background-color:#808000; } div#stopka { margin:0px; border:none; width:758px; height:18px; clear:both; background-color:#408080; i linkowac je do kazdej stronki dajac link do tych styli <link rel="stylesheet" href="tu_link_do_pliku_ze_stylami.css" type="text/css" /> chyba jasno opisałem ?? poczytaj na tej stronie... tu jest to czego kazdy poczatkujacy potrzebuje sie nauczyć. http://www.kurshtml.boo.pl/
karol_zuko komentarz 20 listopada 2008 Autor komentarz 20 listopada 2008 co do tego to pozniej sprawdze, teraz zająłem sie tym menu i.............. no właśnie.. kod: <div id="navcontainer"><ul id="navlist"><li id="active"><a href="#" id="current">Item one</a><ul id="subnavlist"><li id="subactive"><a href="#" id="subcurrent">Subitem one</a></li><li><a href="#">Subitem two</a></li><li><a href="#">Subitem three</a></li><li><a href="#">Subitem four</a></li></ul></li><li><a href="#">Item two</a></li><li><a href="#">Item three</a></li><li><a href="#">Item four</a></li></ul></div> działa, ale wypunktowanie jest nieregularne, nie leży równo w jednej linii, jak stworze oddzielny plik i wkleje tam ten kod to jest dobrze ale u mnie w lewym div'ie(po lewej stronie) jest jakoś nierówno... po drugie... stworzyłem styl: div#glowna { margin:auto; border:none; padding:0px; width:765px; height:598px; background-color:"white";; }div#lewa { margin:0px; border:none; padding:0px; width:158px; height:440px; float:left; background-image: url(file:///C:/Documents%20and%20Settings/Uzytkownik1/Pulpit/lewa_2.jpg); }div#naglowek { margin:0px; border:none; padding:0px; width:765px; height:140px; background-image: url(file:///C:/Documents%20and%20Settings/Uzytkownik1/Pulpit/naglowek_2.jpg); }div#prawa { margin:0px; border:none; width:600px; height:440px; float: right; background-image: url(file:///C:/Documents%20and%20Settings/Uzytkownik1/Pulpit/prawa_2.jpg); } div#stopka { margin:0px; border:none; width:758px; height:25px; clear:both; background; } i link: <link rel="stylesheet" href="C:/Documents%20and%20Settings/Uzytkownik1/Pulpit/style.css" type="text/css" /> który wkleiłem w stronę głowną i każdą podstronę(właściwie jedną, bo reszty jeszcze nie mam, ale to chyba mało ważne) dodam że style te co były to usunąłem, jest tylko link. coś to nie działa, może mi stylu nie odczytuje, albo jest źle zrobiony
tofik177 komentarz 20 listopada 2008 komentarz 20 listopada 2008 oii zlee.. Jak masz plik z stylami w tym samym katalogu co index główny strony to nie dajesz <link rel="stylesheet" href="C:/Documents%20and%20Settings/Uzytkownik1/Pulpit/style.css" type="text/css" /> tylko tak: <link rel="stylesheet" href="style.css" type="text/css" /> Jesli plik z stylami jest w jakims katalogu podrzednym niz index główny to <link rel="stylesheet" href="jakiskatalog/style.css" type="text/css" /> itd Na kompie lokalnie ma to tak wygladac.. podobnie na serwerze
darexD komentarz 21 listopada 2008 komentarz 21 listopada 2008 A tu masz jeszce takie menu Jeśli chodzi o wygląd: http://www.kurshtml.boo.pl/css/pionowe_menu,menu.html Jeśli chodzi o skrypt: http://www.kurshtml.boo.pl/skrypty/menu_rozwijane.html Jak kliknisz dalej bedzie skrypt
karol_zuko komentarz 21 listopada 2008 Autor komentarz 21 listopada 2008 dzieki tofik, juz doszedlem dobrego tylko teraz tak, jesli naglowek mam staly, na kazdej podstronie takie sam, to tez mozna zrobic styl zeby nie zmieniac tego za kazdym razem?? probowalem, ale jakos nie wyszlo, calkiem ten naglowek mi znikl
tofik177 komentarz 22 listopada 2008 komentarz 22 listopada 2008 Jak dalej robisz tym sposobem co ci podrzuciłem to zaprojektuj sobie najpierw całą główną strone czyli np menu, graficzke kolorystyke, czcionki itd itp, i uzyj tej strony jako szablonu do robienia kolejnych podstron zmieniajac tylko zawartość diva "prawa" (tego gdize ci sie tresc ma zmieniać..) apropo jeszcze tego wpisu u ciebie w stylach : background-image: url(file:///C:/Documents%20and%20Settings/Uzytkownik1/Pulpit/prawa_2.jpg); proponowałbym ci zrobic tak bo potem sie zamotasz.. całą strone która sobie robisz daj do jakiegos katalogu np. "moja strona" do tego katalogu dajesz index główny "index.html" potem na grafiki które uzywasz na stronie zrób katalog np "pliki" do katalogu pliki wrzucaj grafiki jakie beidzesz uzywał na stronie, style css a w indexie czy w stylach nie daje sie tak jak zrobiłeś czyli: background-image: url(file:///C:/Documents%20and%20Settings/Uzytkownik1/Pulpit/prawa_2.jpg); tylko wtedy wystarczy: background-image: url(pliki/prawa_2.jpg); Potem jak wrzucisz strone na serwer to linki do grafik beda odrazu poprawnie czytane, a tak jak ty to zrobiłes to serwer przeciez nie pobierze obrazka z twojego pulpitu, tak czy siak znowu bedizesz musiał zmieniac ścieżki dostępu do obrazków.. wiec lepiej zrobic to odrazu. Podstrony takze warto umieszczac w odpowiednio nazwanych folderach, łatwiej potem sie połapiesz co gdzie maszjak stronka sie rozrośnie. Apropo jeszcze dopisze ze jak w pliku html uzywasz linka do innego pliku html css czy obrazka to sciezka wyglada np tak: <a href="plik.html>blabla</a><img src="nazwaobrazka.jpg">background-image: url(nazwaobrazka.jpg) Jak cos znajduje sie w katalogu podrzednym to tak: <a href="nazwakatalogu/plik.html>blabla</a><img src="nazwakatalogu/nazwaobrazka.jpg">background-image: url(nazwakatalogu/nazwaobrazka.jpg) oczywiscie katalogów i podkatalogów moze byc wiecej zasada zawsze ta sama.
karol_zuko komentarz 23 listopada 2008 Autor komentarz 23 listopada 2008 Jak dalej robisz tym sposobem co ci podrzuciłem to zaprojektuj sobie najpierw całą główną strone czyli np menu, graficzke kolorystyke, czcionki itd itp, i uzyj tej strony jako szablonu do robienia kolejnych podstron zmieniajac tylko zawartość diva "prawa" (tego gdize ci sie tresc ma zmieniać..) tak wlasnie robie(domyslilem sie tego:) Potem jak wrzucisz strone na serwer zwojej strony nie bede wrzycał na serwer, to jest tylko na zaliczenie z informatyki, tutaj też mam pytanie, bo jeśli bede musiał swojemu nauczycielowi wysłać tę stronę to musze cały katalog ze wszystkimi plikami wysłać??
tofik177 komentarz 23 listopada 2008 komentarz 23 listopada 2008 No tak, dlatego musi byc wszystko w miare poukładane i zlinkowane dobrze zeby potem przy otwarciu na innym kompie działało tak jak u ciebie.
Michass komentarz 26 listopada 2008 komentarz 26 listopada 2008 Kreator napisów, o który Ci chodzi to zapewne: http://www.cooltext.com Sorki, za czcionkę i kolor. Pozdrawiam, Michał. // bez czerwonego! // luq
Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!
Możesz zadać pytanie bez konieczności rejestracji - wystarczy, że wypełnisz formularz.