Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

Egyszer régen azt gondoltam: minden alkalommal, amikor elkezdek elő egy új site, töltök időt eljárva létrehozni az elrendezést tárol. És ezért minden alkalommal kell csinálni, ha lehet menteni egy extra, mondjuk, öt perc alatt, egy meglévő tuskó honlapon!

Mivel az első üres elég idő telt el, és én már ponapihali a mindig szükséges szabályokat. Fogom megosztani a munkadarab, de először meg az alapját, mi van és legyen benne. Szóval

Elindításához szükség van egy sor a következő elemeket tartalmazza:

html fájl, és a hozzá csatolt CSS fájl

Folder képek (még üres), és ...

egy egyetlen pixel átlátszó gif image nevű blank.gif.

Az első három jól hoztuk létre őket előre, így nem hoz létre. És miért kellene GIFCA? Az én esetemben, akkor hajtsa végre a következő három funkciót. Az első, ami megmagyarázza a fájl nevét - blank.gif része egy fix az Internet Explorer PNG működik megfelelően. A második funkció - ha hirtelen kell használni a táblázatot html, majd annak érdekében, hogy tartsa „összeomlik” a felfedező, meg kell zárójel-kép, ami a mi GIFCA (részletek alacsonyabb lesz). A harmadik funkció -, amikor néhány konténer (div) háttérrel szüksége kattintható területen, azt használja helymeghatározás gombafonalak átlátszó hivatkozunk (de valószínűleg könnyebb azokat a feltételeket, a css egyirányú kapcsolatok, de itt megszokásból).

Ha továbbra is tovább kell fejleszteni a munkadarab kell értenünk, hogy mi kell beállítani milyen alapon teszünk a kezdet. Először is meg kell becsülni, hogy milyen típusú oldalak, és amire szükségük van, és valóban szükség van velük dolgozni. Ez már kezdetben megoldott messziről, mint a helyszínen fog kinézni. A magam részéről én rendezik a következő:

A munkadarabot kell biztosítani gumi három oszlopos elrendezés, amely könnyen helyettesíthető nerezinovuyu igazodás a kapus böngészőt.

A munkadarabot kell lennie egy pincében, amelyet meg kell nyomni az alsó széle a böngészőt.

Miután meg ezek a pontok kap munkát, nem megfeledkezve azt is, hogy is kell néhány alapvető tervezési elemeket, mint például a tervezés, a szöveg az oldalon, hivatkozások, elrendezése és így tovább. Továbbá ne feledkezzünk meg a kis dolgok, mint például eltette a pontozott szegélyek linkeket és egyéb elemeket.

Például kínálok kezdőcsomagot, amely letölthető innen. Nézzük meg, mi van maradt.

Rövid magyarázat a html kódot. Figyelmen kívül hagyva a kódolás nevét, és a recept a módja annak, hogy a CSS fájlt, nézd meg a tartalmát a tag szervezetben. Lásd két konténer azonosítókkal és a teljes lábléc, követik egymást. A második nincs semmi, de a szöveget, és az első tartalmaz egy táblázatot, és egy másik tartály footer_guarantor azonosító. Sobstvennotri ezeket a tartályokat használnak szorító alsó széle pince böngésző, és az asztal - egy prototípus három oszlopos elrendezés gumi.

Felmerült a kérdés, talán azért a régi módszer az asztal helyett a modern konténer? Az igazság Inkább konteyternuyu vorstku, de tekintve a három oszlopos elrendezés inkább asztalra, mert a stabilitás. Bár ez nem található ilyen vorstku konténerek, ami megfelelő viselkedett csökken a szélessége a böngészőt. Plusz, amennyiben van egy kérdés: ha ez szükséges, például úgy, hogy a bal és a jobb oldali hangszórók volt járda, a bal oldalon, vagy a háttér, hogy mit kell tenni, hogy a magasból az oszlopok egyenlő, hogy az, hogy a bal és jobb szimmetrikusan voltak blokk azonos háttér, nem egymás alatt felett. A fej jön csak a segítségével az ötlet beállító zhabaskripta, de megfelelő elnevezni ezt a módszert, nem tudok. Hagyok egy egyszerű, három oszlop gumi táblák.

#total <
min-szélesség: 1000px;
magasság: auto fontos ;!
min-magasság: 100%;
magasság: 100%;
>
#footer_guarantor <
magasság: 36px;
clear: both;
>
#footer <
magasság: 36px;
clear: both;
margin: auto;
margin-top: -36px;
min-szélesség: 1000px;
>

Most vizsgáljuk meg a css-kód, mert mindegy medve nagyobb jelentőséggel bírnak.

2. sor: minden padding nullák. Visszaállítása annak a ténynek köszönhető, hogy a különböző böngészők különböző elemek kifejtett különböző értékeket padding. Jobb, hogy előírja, hogy minden mindenütt ugyanaz volt, itt az ideje. Másrészt, ha nem regisztrálja, az egész oldal nem nyomódik a szélén a böngésző és lesz padding minden oldalról. Nos, biztosan érti, mire gondolok =).

Sorok 3-9, 42-58. Megnyomása az alagsorban az alsó széle a böngészőt.

Sorok 10-13. Így a szöveg az oldalon. Regisztráció mindig. Itt lehetőség van regisztrálni az alapértelmezett fehér háttér. Itt van a titok. Ha a hely, fehér, úgy tűnik, fehér háttér nem szükséges, hogy jelezze vedv Sho olyan fehér megjelenik. Bármi legyen is a helyzet. Ha a Windows egy bizonyos tervezési, a szín nem fehér, hanem mint a bézs vagy lila árnyalatú, sőt savas színeket, általában ki volt, hogy sok.

Sorok 14-17. A beállításokat a képeket. Először távolítsa el az alapértelmezett határ kép, ez egy szörnyű dolog, senki nem kell. Másodszor távolítsa el a stroke-címre.

Sorok 18-27. Beállítás hivatkozásokat. Szín, tervezés, szélütés. Miért nem tudható, hogy egy hülye tag nélkül lebeg, eszközök és így tovább, mert a jelentésük ugyanaz? Egy és ugyanaz, de nem az Explorer 6 Mi gondoskodunk a tulajdonosok régi gépeket.

Sorok 28-30. Igazítás listából. A paraméter elvileg nem szükséges, sőt néha parazita. Szüksége volt azokra az esetekre, amikor az átlagos blokk tartalmát úszó megnyomja a bal oldali panel - ha nem regisztrálja ezeket a sorokat, a listák tételek kívül a kívánt blokk kijutni. A hamis lehet a különböző szkriptek menü épül ugyanúgy listákat. De nem mindig.

Sorok 31-33. Class távtartó. Milyen furcsa osztály? ÉN használ vorstku div-ek, konténerek, és gyakran használják a float tulajdonság. És a repülő között ezeket a blokkokat, néha meg kell tennie egyfajta szünet elrendelését nem mászott vagy felmászott nincs. Akkor vagyok azokon a helyeken, létrehoz egy üres div az osztályban. Ahhoz, hogy egyszerű, a Például van egy blokk a szöveg az oldal szélességét. Kívánok neki egy összefüggő szövegrészt 3. Ha az első és a három egység nem tesz egy kis szünetet, mind a három egység lesz valahol a szövegben, hanem alatta. Azaz, ha képletesen szólva.

Sorok 34-40. Fejléceket. Minden oldalon, akkor be kell állítani, egyébként. Alapján a betűméretet az oldalon, és a méret a nagy fejlécet, kiszámítja a méret a fejléc, a szemnek. Azt is jelezzük, a szín és a francia (hogy nem kell nyomja meg az Enter-kétszer, amikor az írás tartalmát - francia).

Végén

Ez valójában a készlet. Szeretném hallani az Ön elképzeléseit a témában, mik azok a dolgok használ hozzá, hogy inkább? Megvárom az üzenetekhez. Addig hamarosan találkozunk! =)

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

Hmm, jó ötlet, és ami a legfontosabb, kényelmes! bár ez nagyon hasonlít a beállítást az archive, és készen áll, hogy a könyvtárak és fájlok benne.
És a forgatókönyvet, persze, boldog, hogy nézett ki! Írhatsz ide, küldhet. Ha itt, akkor kell használni a kódot tag vagy közvetlenül helyébe speciális karaktereket. Minden kéz nem éri el, hogy az automatikus script =)

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

Köszönöm szépen a kedves felülvizsgálat =)

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

Igen, hűvös blog. Sokszor már úgy nézett ide, és megtalálja a megfelelő régi. És a design a blog szép, semmi extra, csak mértékkel.
Alexander, mit szedése oldalak? Először is, felhívni az elrendezés a Photoshop, akkor felvágják és HTML? Megpróbáltam úgy, de a munka során a helyszínen mindig néhány részletet az elrendezés nem fér bele az oldalon. Ezért ennek a fejléc, lábléc navigációs gombokat, és a többi folyamatban van a munka a helyszínen.
És általában azt hiszem - különösen erősen át a szuper néz szögezték helyszínen nem szükséges, mert a legfontosabb tartalom, és hogy magában hordozza. Mennyit nem ásott web design, ezt különösen nem talál semmit érdemes. Ő szerezte csak a feje és az elveszett időt.
Tud tanácsot bármilyen könyv ebben az esetben? És kösz a hasznos és poznovatelny blog!

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

Nagyon köszönöm a szép felülvizsgálat!

Nos, valóban, ami elrendezések és elrendezés - két különböző dolog. Nem vagyok a tervező, így a rajz, és így tovább. Nem feltételezem, van néhány ember erre. Nagyon ritkán, ha nem az ügyfél takarít kínálnak kész modellek, mint egy átmeneti megoldás. És akkor, akkor gyakran kell kész.

Nem értek egyet a megjelenése. Először találkozik a borítón - mindig sokkal kellemesebb a gyönyörű helyszínek, és a rettenetes - nem is akar visszamenni. Másodszor, kivéve a számítógép-orientált oldalak, ezek a helyek chamyh ülni üstök, ami nem érdekli töltés helyén, nem számít, milyen fényes volt, hogy nem írt forgatókönyvet - azok fontosak, így szép és kényelmes.

úgy, hogy a dizájn nem tudok tanácsot semmit. de a gyakorlat azt mutatja, hogy jobb, ha megy mindkét irányában programozás, vagy abba az irányba, a design.

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

Valószínűleg kell mozgatni, mindkét irányban. (Két nyulat volna) Mert minden, amit meg kell tudni csinálni magad.
Elvégre ez az én szeretet. Tettem HTML és CSS helyszínen négy barát, két útban. Most úgy érzem, néhány frusztráció, úgy érzem, meg kell haladni, és a belső tér.
És mit gondol a helyszínen motort? Joomla, Drupal, stb Amikor tanultam a weblapkészítés, szándékosan megkerülik őket. Most itt azt hiszem, lehet, hogy a webhely a motort, hogy tanítsa az ügyfelet, hogy működjön együtt a központ, hogy ő fel az oldalra akar.
A motorja nem én írtam, php, míg csak tanulni, és úgy érzi, hogy lesz elég nehéz számomra.

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

Nem látok okot „hogy vegyenek részt a programozás” tanulás nélkül egy programozási nyelv. Plusz szeretne egyszerre. Itt egy példa az élet. Van egy barátom, a programozás sem fumbles, kiszabása volt baj és tervezője a no. de ez nem teszi egy teljes webhely néhány óra alatt. igen, ő kapja a pénzt, de a kimenet egy darab Gagne, akik nem tudnak tenni a portfólió. érti azt. neki több, és nem szükséges. azoknak a helyszínek is kell nekünk rzhachnoe neve, az egyik szó, amelyben egy ilyen címet - „govnosayt”.
ha akarsz, és mind a ketten, akkor meg kell tölteni egy csomó pénzt a tanfolyamok, mint önálló tanulás kényes kérdés - nem mindenki tudja, valami van kötve, hogy hiányzik, és ez több időt vesz igénybe goraaaazdo.
tekintetében motorok kezdete lenne tanácsos WordPress - Először is, könnyebb és sokkal könnyebb megtalálni valamit. Plusz, ez egy egyszerű felület, és egy pár plug-inek általában ez teszi nagyon intuitív. mínusz - meg kell figyelni, hogy a teljesítmény és a védelem. zhumla - elég fa és tanulni vele dolgozni az ügyfelek sokkal nehezebb. Drupal régóta ismert, de semmi rajta volt. mintha túl volt fa.
általában a legjobb samopisnaya, de előtte meg kell nőni, és van értelme csinálni most - nem.
ezért szeretném a helyed a tanfolyamok a két, néztem, hogy hol érdemesebb útban és specializálta. míg másfelől, emelje fel a készségek más területen, és többé-kevésbé a megfelelő dolgokat, hogy elég volt. egyszerűen valószínű, hogy az egyik fél nem a tiéd - nos, nem érdekes, ez lehetetlen, vagy valami hasonló és megpróbálni Gagne. Általában itt
feltünteti azokat a területeket?

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

Denis
Denis, ne vegye kész CMSki alapján a munka! Mindenesetre, amíg nem tanulnak legalább az alapokat a PHP.
Ahogy melegszik a mikrohullámú fagyasztott pizza akkor nem lesz egy szakács, és telepítése Joomla a szerveren, akkor nem lesz programozó!
Pápista maga tiszta PHP, úgy érzi, a zümmögés, amikor feltalálta a logika, akkor megírt kód hirtelen elkezd dolgozni, Chase Régi, sort úgy, fogantyú, miért jöttél össze!
És egy CMS nélkül PHP tudás, az elemi iskola elvinni egy kábulat.
Tehát felkap a Windows a nyakon, tedd Linux, Apache (ha még nem ...), és így tovább!

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

2egorr. Egyetértek! Windu de nem feltétlenül vezetni, hogy a nyak, lokalku a Apache rajta is biztonságosan tartani =)

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

Webhelyeim itt: expertavto.com
yristcom.ru
tdprometey.ru
runnerman.ru

Oldalon egy sport torzítás az első (fejléc minden ón) már két éve a hálózatban. Ő az asztalokon teljesen. Azt akarom, hogy remake a php és a vérzéses új oldalt már hozzá van adva.

egorr módon Apache Windows7 nem mentem. Ezért használom Denver.
És egy másik hülye kérdés. Linux jobb, mint a Windows? Azt hallottam, mint, hogy nem vírusos a hackerek írta. És általában a kompatibilitás a különböző szoftver?

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

a helyszínen. valami, ami valahogy nevezhető design, nincs. Más szóval, meg kell tanulni, hogy vizsgálja meg, hogy dolgozzon ízét.

nem hívják átalakítani php, és tegye a motort.

Van olyan, mint, hogy megvitassák, mi a jobb autó vagy a motor, vagy egy laptop, egy szendvicset vagy egy hamburgert. mindegyiknek megvan a saját előnye és hátránya.

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

Mellesleg Apache Windows7 nem mentem.

Ezért használom Denver.

Így van. De XAMPP több joga!

Linux jobb, mint a Windows?

Azt hallottam, mint, hogy nem vírusos a hackerek írta.

Mert haszontalan ... Hát ez nem Vinda! Linux felhasználói dobni még nagyon nehéz!

És általában a kompatibilitás a különböző szoftver?

Nem probléma lesz. Abban a szélsőséges esetben van Bor és VirtualBox.

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

Köszönöm srácok a pontosítás.

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

Helló uraim! Ismerős felfedezett túra iroda, szeretnénk, hogy a weboldalon. Információ a helyszínen természetesen ugyanarra a tételre. Hozzon létre egy oldalon tisztán HTML és CSS ez lehetséges, de gemorno majd adjunk információt, a változás az árak, és így tovább. A kérdés. Az ilyen helyek készülnek, hogy a hagyományos motorok (például Jumla stb). Vagy alattuk levelet egyes motorok.

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

Üdvözlet!
Ahhoz, hogy hozzon létre egy nagy telek portálon külön alkotni csak extrém és egyedi esetekben. Plusz, mint általában, drága. Tehát kitalálni valami nem feltétlenül =)

Hogyan időt takaríthat meg! Előkészítése helyszínen starter kit, shublog

Köszönöm a választ.