Re: pierwsze kroki www : css - Grupy dyskusyjne w eGospodarka.pl

Path: news-archive.icm.edu.pl!news.rmf.pl!agh.edu.pl!news.agh.edu.pl!news.onet.pl!not
-for-mail
From: Mirosław Zalewski <miniopl@CUT_THIS.gmail.com>
Newsgroups: pl.comp.www
Subject: Re: pierwsze kroki www : css
Date: Wed, 16 Dec 2009 14:29:24 +0100
Organization: http://onet.pl
Lines: 127
Message-ID: <20091216142924.0cb6e0e0@pingwin>
References: <hg9f4p$jek$1@inews.gazeta.pl> <7...@n...onet.pl>
Reply-To: m...@g...com
NNTP-Posting-Host: 188.33.36.108
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: quoted-printable
X-Trace: news.onet.pl 1260970167 18354 188.33.36.108 (16 Dec 2009 13:29:27 GMT)
X-Complaints-To: n...@o...pl
NNTP-Posting-Date: Wed, 16 Dec 2009 13:29:27 +0000 (UTC)
X-Newsreader: Claws Mail 3.7.3 (GTK+ 2.18.3; i486-pc-linux-gnu)
Xref: news-archive.icm.edu.pl pl.comp.www:394513
[ ukryj nagłówki ]
grudzień roku pamiętnego 2009, prawdopodobnie 16. Wielka mądrość na
czytelników pl.comp.www spłynęła, gdy tako rzekł(a) Marek:

> jak rozróżnić, do których podstron będzie dana definicja ? Dal każdej
> robi się oddzielny css, czy to się upycha w jednmym ? Jak ?

Ja bym po stronie serwera sprawdzał jaka strona jest żądana i w
zależności od tego kierował do osobnego stylu CSS. W najprostszej
wersji to mogłoby wyglądać jakoś tak:

<link rel="stylesheet" type="text/css"
href="/style.<?=$_GET['page']?>.css">

Wtedy musisz tylko dbać aby odpowiednie nazwy plików zgadzały się z
nazwą żądania page.

Ponieważ nie ma sensu się powtarzać (zakładam że większość elementów
strony pozostaje niezmienna) warto stworzyć plik ogólny, aplikowany
wszystkim stronom, a elementy zmienne wyszczególniać do innych plików --
będą one wtedy mniejsze.

Jeśli chcesz mieć wszystko w jednym pliku, też się da. Najprościej
wtedy pamiętać że zawsze masz dwa elementy nadrzędne którym może być
nadana klasa. I taki plik mógłby wyglądać tak:

.container {
background-color: red;
}

html.newsy .container {
background-color: blue;
}

html.artykuly .container {
background-color: yello;
}

Ale nadawanie atrybutów elementowi <html> i tak powinno być wykonane po
stronie serwera. Poza tym taki jeden plik CSS byłby olbrzymi i zawierał
masę niepotrzebnych informacji.

Wracając jeszcze do Twoich dwóch pytań:
1. można użyć max-width (samo width zawsze przeskaluje obraz do danej
szerokości -- jeśli będzie on mniejszy, to efekt nie będzie
zadowalający), ale zdecydowanie lepszym rozwiązaniem jest umieszczenie
na serwerze miniaturek. Wyobraź sobie że masz obraz o wielkości, dajmy
na to 3000x1500 px. Możesz go wstawić przez

img {
width: 300px;
height: 150px;
}

<img src="/obraz.jpg" alt="ja nad morzem">

ale wtedy przeglądarka pobierze duży obraz (który najprawdopodobniej
waży kilka MB) i przeskaluje go. Od razu przeskalowany obraz będzie
zajmował mniej miejsca i szybciej pobierze się na komputer użytkownika,
dodatkowo zabierając mu mniej transferu (co ma zwłaszcza znaczenie w
przypadku urządzeń przenośnych). Same plusy.

2. Odpowiem przewrotnie -- nie, ponieważ xHTML nie pozwala na żadne
atrybuty prezentacyjne w strukturze dokumentu. Powinny one zostać
przeniesione do CSS -- a co za tym idzie pytanie powinno brzmieć czy CSS
pozwala na używanie opisowych nazw kolorów.

Uprzedzając Twoje pytanie -- tak, w CSS można użyć jednej z 17 nazw
kolorów[1]. Gdybyś zadał sobie odrobinę trudu żeby poszukać informacji
o tym, znalazłbyś je. Dowiedziałbyś się także, że większość
przeglądarek obsługuje znacznie bogatszą paletę interpretowanych
nazw[2].

Jednak używanie wartości hex (RGB) jest bezpieczniejsze i daje większą
kontrolę. Ale wybór należy do Ciebie.

I taka uwaga na marginesie, odnośnie tego co niedawno pisałeś w
<hfu3ib$1ok$1@achot.icm.edu.pl> -- to też uważasz za zaawansowany
problem? Z tego co wywnioskowałem po Twoich postach, zarabiasz na życie
tworząc strony internetowe i bynajmniej nie robisz tego od wczoraj. Zaś
zagadnienia które poruszasz w tym wątku są tak banalnie podstawowe, że
aż strach. I nie chodzi o to że ich nie opanowałeś -- nikt nie rodzi się
z taką wiedzą, każdy kiedyś jest początkującym. Ale jeśli pytanie takie
zadaje osoba która robi coś zawodowo, to stawia pod znakiem zapytania
jej przygotowanie merytoryczne do wykonywanej czynności.

[1] - http://www.w3.org/TR/CSS21/syndata.html#color-units
[2] - http://www.w3schools.com/TAGS/REF_COLORNAMES.ASP
--
Niżej podpisany, zamieszkały w http://minio.xt.pl ,
Mirosław Zalewski