Tworzenie strony pojedyńczy blok | inne pytania od początkuj

**Posty:** 11 · przez **zadlo102** 29 Wrz 2008, 14:31

Witam,licze znów na zyczliwość mądrych głow na forum:-)jestem bardzo poczatkującym webmasterem-w zasadzie nawet nie mam odwagi nazwać sie w ten sposób-po prostu potrzebuję stworzyć 3 serwisy w przeciagu 1 roku.zrobilem juz jeden ale wydaje mi sie ze zbyt prosty.mam wiec pare pytan:
1. jak zrobic strone aby skladala sie ona z jednago bloku tak jak np. interia?ten jeden blok nie zajmuje calego ekranu,a jedynie jego centralne miejsce,jest wezszy-podejrzewam,ze to za pomoca ramek?chyba nie tabel:-)
Moj program HateML Pro w ogole nie reaguje na polecenia Ramki-nie moge wyczaic dlaczego mimo,ze wklejam gotowce ze strony dla poczatkujących webmasterow-i nic sie nie dzieje-Sorry error-jedynie.
2.dlaczego przy zapisywaniu obrobionego zdjecia jpg.photoshop zapisuje je dla WEBa z inna jakoscia,gorsza-przezroczyste tlo moge zrobic jedynie w zakladce Zoptymalizowany,a nie Oryginalny:-)
To na razie 2 pytania>jesli znajdzie sie pomocny webmaster,a nie ktos kto chcialby mnie zganić za te pytania to prosze o odpowiedz,dzieki. pozdrawiam

**Posty:** 1348 · przez **Budosz** 29 Wrz 2008, 18:38

1 Ramek się już od dawna nie stosuje, powód: brzydko to wygląda możesz to zrobić za pomocą ramki(co ci polecam an początek) albo Div'a ale to już trochę wyższa szkoła jazdy i nie będę ci mącił w głowie

robisz 1 ramkę nadajesz jej wysokość i szerokość za pomocą znaczników height i width np

Kod: Zaznacz wszystko: <table height="100px" width="100px"> <tr> <td> zawartość strony</td> </tr> </table>

2. Żeby obrazek był przeźroczysty musi być w formacie Png lub Gif.
Nie zapisuj pojedynczych obrazków dla weba (używaj opcji zapisz jako) Zapis dla weba przeznaczony jest głównie do krojenia Layoutów (dla bardziej zaawansowanych stron pod względem graficznym)

**Posty:** 11 · przez **zadlo102** 29 Wrz 2008, 22:40

dziekuję Tobie,rozjaśniłes mi co nieco w bani.jak co to jeszcze sie odezwe:-)dzieki.pozdrawiam

Dodano Dzisiaj, 23:01:
W zasadzie chciałbym skorzystać z Twojej wiedzy jeszcze, właśnie coś mi się przypomniało-czy można tabele,czy fragmenty tekstu przesywać w lewo,prawo i iles tam pikseli, a nie tylko sztywno-left, right albo center??:-)

**Posty:** 1348 · przez **Budosz** 30 Wrz 2008, 14:34

Możesz dodawać marginesy w każdej komórce po przez komendę

Kod: Zaznacz wszystko: cellpadding="10"

wpisujesz ja tak jak width albo height. Żeby ci było łatwiej pracowało możesz na okres tworzenia strony dodać ramkę do tabeli

Kod: Zaznacz wszystko: border="1px"

Inny sposób wyrównywania tekstu to:

Kod: Zaznacz wszystko: <table> <tr> <td align="rodzaj" valign="ustawienie">...</td> </tr> </table>

rodzaj:"left", "right", "center"

ustawienie:"top"(u góry), "bottom"(na dole), "middle"(środek)

Można również zrobić to w CSS

Kod: Zaznacz wszystko: <html> <head> <style type="text/css"> #2{ margin-left: 40px; } </style> </head> <body> <table height="500px" width="500px" border="1px"> <tr> <td><div id="2">zawartość strony</div></td> </tr> </table> </body> </html>

otrzymamy w ten sposób 40px margines z lewej strony względem tekstu "zawartość strony"

nie zapomnij wkleić tego między znacznik Head

Kod: Zaznacz wszystko: <style type="text/css"> #cokolwiek{ margin-left: 40px; } </style>

wartość 40px można dowolnie zmieniać a margin-left można zmienić na margin-right, margin-top itd.

tekst który chcemy tak sformatować należy wkleić pomiędzy znaczniki <div> wartość "id" może być dowolna lecz gdy ja zmienimy musimy go także zmienić na górze w bloku style

Kod: Zaznacz wszystko: <div id="[b]cokolwiek[/b]">zawartość strony</div>

Kod: Zaznacz wszystko: #[b]cokolwiek[/b]{ margin-left: 40px; }

mam nadzieję, ze jest to zrozumiałe
Pozdro

**Posty:** 11 · przez **zadlo102** 30 Wrz 2008, 15:14

Dziekuję, naprawde. Co prawda korzystam z poradnika dla poczatkujących w html-u,ale nie ma to jak wskazówki od prawdziwych webmsterów.dzieki

**Posty:** 8 · przez **Ruhra** 05 Paź 2008, 13:01

ja zaczynałem tak jak ty

praktycznie od 0. Ale bardzo mi pomogła strona www.kurshtml.boo.pl . Po przestudiowaniu kilku działów potrafię bez problemu pociąć i napisać w htmlu każdy projekt strony

Więc zachęcam do czytania.

**Posty:** 11 · przez **zadlo102** 07 Paź 2008, 13:13

tez z tej strony korzystam:-)a tak przy okazji-lepiej strone budowac na div'ach czy tablekach?bo jednak zauwazylem,ze korzystaja z obydwu sposobow...ktora bedzie wiecej kosztowac u tych z hostingu a ktora bedzie sie skrocej otwierac?dzieki

**Posty:** 1348 · przez **Budosz** 07 Paź 2008, 17:22

każda będzie tyle samo kosztować u tych z hostingu. A szybciej na divach będzie się otwierać

**Posty:** 11 · przez **zadlo102** 13 Paź 2008, 21:00

czesc.juz zrobilem maly serwisik z 5 podstronami,ale w tabelkach (jeszcze tylko troche kosmetyki zostalo). Teraz chcialbym zrobic drugi,ale na div'ach!troche to trudniejsze-tak zauwazylem.Mam problem z pozycjonowaniem. chce zrobic serwis na podstawie tego szablonu:
http://www.kurshtml.boo.pl/css/staly_szablon,szablon.html
chodzi o ten szablon trojkomumnowy
Nie wiem tylko w jaki sposob skrocic nagłowek,przesunac tresc na rowni z menu i trescia dodatkowa,tak aby mi powstaly 3 rownolegle bloki?
I drugie pytanie-juz wiem, jak z bloczek z zaokraglonymi krawedziami-nifty corners,ale nie znalazlem jeszcze metody,jak zrobic takie elegandzkie obramowanie, obwodke ok 1 mm w innym kolorze tez z zaokraglonymi krawedziami?bardzo prosze o wskazowke jednego z moich Nauczycieli:-)Pozdrawiam

**Posty:** 1348 · przez **Budosz** 14 Paź 2008, 11:27

zadlo102 napisał(a):Nie wiem tylko w jaki sposob skrocic nagłowek,przesunac tresc na rowni z menu i trescia dodatkowa,tak aby mi powstaly 3 rownolegle bloki?

Wartość Width(szerokość) podajesz w procentach 100/3=33,3333... więc daj na każdy po 33,3% albo 33,2% jak tam wolisz.
a w nagłówku możesz dać np:
margin-left: 20%;
margin-right: 20%;
albo
zmniejsz szerokość

a co do obramowania to:
border:"wielkość w pixelach" "typ" "kolor";
typy:
dotted - kropkowane
dashed - kreskowane
solsid- pojedyncze ciągłe
double - podwójne ciągłe
groove - stylistyczna z cieniem
ridge - stylistyczna
inset - stylistyczna do środka

outset - stylistyczna na zewnątrz

Autor postu otrzymał pochwałę

**Posty:** 11 · przez **zadlo102** 14 Paź 2008, 13:50

Super!tylko gdzie dokladnie w head wpisac te cechy border?w to zaokraglone pudelko?

**Posty:** 1348 · przez **Budosz** 14 Paź 2008, 13:52

border w pisujesz w tego diva którego chcesz mieć obramowanego.
nie podałem przykładu jak border ma wyglądać

np jak chcesz mieć czarne ciągłe podkreśleni o grubości 1 px

border: 1px solid black;

**Posty:** 11 · przez **zadlo102** 15 Paź 2008, 10:48

czesc,pomyslalem,ze w ten sposob bedzie wygodniej.oto link z szablonem pudelka, ktory umiesilem w tabelce aby go dostosowac do wielkosci.wiem,ze to żenujące,ale czy moglbys wskazac miejsce gdzie dokladnie wpakowac komende odnosnie border? :mrgreen:

http://asperczwielun.republika.pl/html/szablony/L07/szablon07a.html

czekam z niecerpliowscia o Twoje wskazowki,dzieki

**Posty:** 1348 · przez **Budosz** 15 Paź 2008, 15:23

na tej stronie jest to jakoś śmiesznie napisane, ale wrzuć to któregoś diva np:

.w * {
display:block;
overflow:hidden;
background-color:orange;
border: 1px solid black;
}

po próbuj w każdym bo nie wiem które div jest odpowiedzialny za całość.

**Posty:** 11 · przez **zadlo102** 16 Paź 2008, 18:21

czesc,pewnie juz tracisz cierpliwosc,ale nie dzieje sie to czego sie spodziwam,owszem powstaja jakies obramowania,ale to nie jest to:-)jezeli mialbys chwile,przeslij prosze jakis szablonik na zaokraglone pudelko,ale taki jaki Ty stosujesz,badz znasz, aby dalo sie w nim zrobic zaokraglona obwodke,dzieki z gory!

**Posty:** 1348 · przez **Budosz** 16 Paź 2008, 18:29

A może łatwiej by było stworzyć obramowany obrazek np w photoshopie albo gimpie i dać go jako tło div'a.

background-image: url(ścieżka do zdjęcia)

i wtedy szerokość i wysokość obrazka dajesz taką samą jak wymiary div'a