Stílusok létrehozása a HTML-szerkesztőhöz

Fontos : Ez a cikk gépi fordítással lett lefordítva, lásd a jognyilatkozatot. A cikk angol változatát itt találhatja meg.

A Microsoft Office SharePoint Server 2007 közzétételi webhelyekkel a tartalomtulajdonosok egy webböngészővel létrehozhatják és frissíthetik weblapjaikat. A részlegvezetők például a böngészővel közvetlenül a webhelyükön tehetnek közzé hirdetményeket és más információkat, ahogy az a következő ábrán látható.

Közzétételi lap a böngészőben

A webhely tervezője vagy fejlesztője segítséget nyújthat a tartalomkészítőknek, hogy stílusok létrehozásával és azoknak a lapelrendezésekből készített lapok egyes részeire alkalmazásával jobb megjelenésű lapokat hozzanak létre. Az egyéni stílusok létrehozása szintén segíti az ilyen lapok megjelenésének és működésének egységesítését. Ez a témakör bemutatja, hogy webhelyfejlesztők vagy -tervezők hogyan hozhatnak létre egyéni stílusokat a Microsoft Office SharePoint Designer 2007 alkalmazással, amelyek aztán a böngészőben létrehozott vagy szerkesztett közzétételi lapokra alkalmazhatók.

Fontos : Ez a témakör csak olyan webhelyekre vonatkozik, amelyek egy, az Office SharePoint Server 2007 alkalmazást futtató kiszolgálón találhatók. A webhelycsoport felső szintű webhelyén ezen kívül be kell kapcsolni a közzétételt. Továbbá a lapelrendezések megnyitásához és szerkesztéséhez szerzői engedéllyel kell rendelkeznie a felső szintű webhelyen.

A témakör tartalma

Hogyan használják a HTML-szerkesztőben közzétételi webhely?

Stílusok létrehozása a HTML-szerkesztő

A HTML-szerkesztő használata közzétételi webhelyeken

Egyéni stílusok a közzétételi lapokhoz történő létrehozásához szükség van az Office SharePoint Server 2007 fő fogalmainak megértésére. A következőkben egy gyors áttekintést olvashat.

Hogyan viszonyulnak a közzétételi lapok a lapelrendezésekhez?

A lapelrendezések olyan lapsablonok, amelyek meghatározzák egy lap megjelenését: azt, hogy milyen lapmezők és tartalommezők legyenek elérhetők, és hogy pontosan milyen elemek jelenjenek meg a lapon (mint például listák és tárak). Létrehozhat például egy lapelrendezést az úti beszámolók részére, egy másikat hírleveleknek és egy harmadik lapelrendezést tervmódosításokhoz. Az engedéllyel rendelkező felhasználók új közzétételi lapokat hozhatnak létre az ilyen lapelrendezések alapján. A létrehozott lapok mindegyikének formátuma az általa tartalmazandó adott tartalomtípusnak megfelelő. A felhasználók a böngészőjükben hozhatják létre a közzétételi lapokat, ahol a lapok létrehozásakor minden alkalommal módjuk van egy lapelrendezés kijelölésére.

A közzétételi lapelrendezések listáját megjelenítő párbeszédpanel

Lapelrendezések Office SharePoint Designer 2007is szerkesztheti. További információ a cikke közzétételi lapelrendezés testreszabása.

Honnan ered a lapelrendezések formázása?

A lapelrendezések formázása a mesterlapokból ered, amelyek a megosztott tartalomterületeket (például fej- és lábléceket vagy a bal oldali navigációs területet) definiáló lapsablonok, és amelyek stíluslapokkal vezérlik a szövegek, hivatkozások, cellák, táblázatok és más elemek formázását. A lapelrendezések formázása továbbá a közvetlenül rájuk alkalmazott stíluslapokból is eredhet. Egy lapelrendezés kezdeti formázási szabályai például származhatnak egy mesterlapból, de a belőlük létrehozott lapok formázásának még pontosabb megadása érdekében mindig lehetősége van további stíluslapokat csatolni a lapelrendezéshez. A lapelrendezés alapját képező mesterlap például Verdana betűtípust ad meg a normál szöveg betűtípusaként, de csatolhat a lapelrendezéshez olyan stíluslapot, amely az összes csatolt laphoz Arial betűtípust határoz meg a normál szöveg betűtípusaként. A közzétételi lapok minden formázása és jelölése (a tartalommezők kivételével) közvetlenül a létrehozás alapjául szolgáló lapelrendezésből származik.

Tartalom szerkesztése a közzétételi lapokon

A közzétételi lapok létrehozása a böngészőben történik. A lapok létrehozása után a szerkesztéshez tallózzon az adott laphoz, majd kattintson a Webhelyműveletek menü Lap szerkesztése parancsára.

A Webhelyműveletek menüben megjelenő Lap szerkesztése parancs

A lap megnyitása után a HTML-szerkesztő megnyitásához és a Rich Text mezők szerkesztéséhez kattintson Tartalom szerkesztése parancsra.

A Tartalom szerkesztése parancs egy megnyitott lapon

Megjegyzés : A Rich Text szöveget nem tartalmazó mezők külön szerkesztővel rendelkeznek – a dátum mező például saját szerkesztővel rendelkezik.

Megnyílik a HTML-szerkesztő, így hozzáadhatja vagy szerkesztheti a tartalmat, manuálisan módosíthatja a betűtípust és a formázást, illetve számos más lehetőség közül választhat. Egy stílus a szövegre alkalmazásához jelölje ki a szöveget, kattintson a Stílusok elemre, majd kattintson az alkalmazni kívánt stílusra.

A HTML-szerkesztőben megjelenő Stílusok lista

Honnan származnak a HTML-szerkesztő stílusai?

A HTML-szerkesztőben elérhető stílusok két stíluslapból származnak, amelyek a webhely vagy alwebhely _layouts könyvtárában találhatók:

  • A HtmlEditorCustomStyles.css az egyéni stílusok formázását adja meg, és a következő helyen található:

    http://your_site/_layouts/1033/styles/HtmlEditorCustomStyles.css

  • A HtmlEditorTableFormats.css a táblázatok formázását adja meg, és a következő helyen található:

    http://your_site/_layouts/1033/styles/HtmlEditorTableFormats.css

Mivel ezek a stíluslapok a webhely védett _layouts könyvtárában találhatók, nem módosíthatók a Office SharePoint Designer 2007 alkalmazásban. Ugyanakkor a stíluslapok stílusai felülírhatók, ha további stílusokat alkalmaz közzétételi lapok létrehozásához használt lapelrendezésre.

Vissza a lap tetejére

Stílusok létrehozása a HTML-szerkesztőhöz

Ha új stílusokat szeretne létrehozni a HTML-szerkesztőhöz, nyissa meg a webhelyet a Office SharePoint Designer 2007 alkalmazásban, és kövesse az alábbi lépéseket.

Lapelrendezések keresése és megnyitása

Ha már létrehozta a lapelrendezést, és most új stílusokat kíván létrehozni, hogy azok elérhetők legyenek a HTML-szerkesztőben való használatra a böngészőben, akkor kiindulásként keresse meg és nyissa meg a lapelrendezést. A lapelrendezést megnyitásához kattintson duplán a lapelrendezésre, vagy az abból létrehozott valamelyik közzétételi lapra.

  1. Nyissa meg a Office SharePoint Designer 2007 alkalmazásban azt a webhelyet, amely a módosítandó lapelrendezést tartalmazza.

  2. A Mappalista listában keressen egy olyan lapot, amely a lapelrendezést használja, és amelyre új stílust kíván alkalmazni, majd kattintson duplán a lapra.

    Megjegyzés : A közzétételi lapok a webhelyen a Lapok dokumentumtárban találhatók. A közzétételi lapra való dupla kattintás gyors módja a közzétételi laphoz csatolt lapelrendezés megkeresésének és megnyitásának. Ha már tudja a lapelrendezés nevét, amelyhez új stílust kíván létrehozni, a lap helyett magára a lapelrendezésre is kattinthat duplán.

    Mappalista a lap vagy a háttérben levő lapelrendezés szerkesztésére rákérdező üzenettel

    Mivel a közzétételi lapok szerkesztése csak a böngészőben lehetséges, egy üzenet rákérdez, hogy a lapot kívánja-e szerkeszteni a böngészőben, vagy pedig az annak alapjául szolgáló lapelrendezést.

  3. Kattintson a Lapelrendezés szerkesztése elemre.

    Megnyílik a lapelrendezés.

Meglévő stílus felülírása

Ha egy már létező stílust felül kíván írni, átmásolhatja a meglévő stílust a HtmlEditorCustomStyles.css vagy HtmlEditorTableFormats.css fájlból egy, a lap által használt másik stíluslapba, és aztán módosíthatja a stílust. Mivel először a _layouts könyvtárban található stíluslapok alkalmazása történik meg, a lap által használt többi stíluslapon található stílusok felülírják a HtmlEditorCustomStyles.css vagy a HtmlEditorTableFormats.css fájlokban található stílusokat.

  1. A webböngészőben tallózzon a másolni kívánt lapelrendezés helyére, és írja be a következő helyek egyikét a böngészőcímsorába:

    http://your_site/_layouts/1033/styles/HtmlEditorCustomStyles.css

    –Vagy–

    http://your_site/_layouts/1033/styles/HtmlEditorTableFormats.css

  2. Amikor egy megjelenő üzenet megkérdezi, hogy mit kíván tenni a fájllal, kattintson a Megnyitás gombra.

    A stíluslap megnyílik a Office SharePoint Designer 2007 alkalmazásban.

  3. Jelölje ki a módosítani kívánt stílust, kattintson arra a jobb gombbal, majd a helyi menüben kattintson a Másolás parancsra.

    Stíluslap a helyi menüben kijelölt Másolás paranccsal

  4. Továbbra is a Office SharePoint Designer 2007 alkalmazásban maradva nyissa meg azt a lapelrendezést (vagy térjen vissza hozzá), amely esetében felül kívánja írni a stílust, majd a Stílusok kezelése munkaablakban kattintson a Beállítások elemre.

    Megjegyzés : Ha a Stílusok kezelése munkaablak nem látható, kattintson a Munkaablakok menü Stílusok kezelése parancsára.

  5. Győződjön meg arról, hogy A jelenlegi lapon használt stílusok megjelenítése parancs ki van jelölve.

    Beállítások menü kijelölt A jelenlegi lapon használt stílusok megjelenítése paranccsal

  6. A Stílusok kezelése munkaablakon a megnyitáshoz és szerkesztéshez kattintson duplán a laphoz használt stíluslapok valamelyikére, például a pageLayout.css fájlra.

    Az aktuális lapra alkalmazott stíluslapok mindegyike megjelenik szakaszfejlécként a Stílusok kezelése munkaablak CSS-stílusok listájában. A stíluslapok szerkesztéséhez kattintson az adott stíluslap fejlécére.

  7. Görgessen a stíluslap aljára, kattintson a jobb gombbal arra a helyre, ahova be kívánja illeszteni a stílust, majd kattintson a helyi menü Beillesztés parancsára.

  8. Szükség szerint módosítsa a stílust.

    Megjegyzés : A CSS tulajdonságai munkaablak a stílusok szerkesztésének egy sokkal szemléletesebb megközelítését kínálja. Ha a munkaablak nem látható, kattintson a Munkaablakok menü CSS tulajdonságai parancsára.

  9. A stíluslap mentéséhez kattintson a Fájl menü Mentés parancsára.

A legközelebbi alkalommal, amikor a HTML-szerkesztőt egy, a lapelrendezésből létrehozott cikk szerkesztésére használja, a módosított stílus elérhető lesz, és megjelenik Stílusok listában.

A módosított stílusokat megjelenítő Stílusok lista

Új stílus létrehozása

Új stílusokat is létrehozhat, és elérhetővé teheti azokat a HTML-szerkesztő Stílusok listájában. Mivel egyszerűbb egy már létező stílusból kiindulni, mint egy teljesen újat írni, ez a szakasz arról nyújt tájékoztatást, hogyan tehető ez meg egy már létező stílus másolásával és átnevezésével.

  1. A webböngészőben tallózzon a másolni kívánt lapelrendezés helyére, és írja be a következő helyek egyikét a böngésző címsorába:

    http://your_site/_layouts/1033/styles/HtmlEditorCustomStyles.css

    –Vagy–

    http://your_site/_layouts/1033/styles/HtmlEditorTableFormats.css

  2. Amikor egy megjelenő üzenet rákérdez, hogy mit kíván tenni a fájllal, kattintson a Megnyitás gombra. A stíluslap megnyílik a Office SharePoint Designer 2007 alkalmazásban.

  3. Jelölje ki a módosítani kívánt stílust, kattintson rá a jobb gombbal, majd a helyi menüben kattintson a Másolás parancsra.

    Stíluslap a helyi menüben kijelölt Másolás paranccsal

  4. Továbbra is a Office SharePoint Designer 2007 alkalmazásban maradva nyissa meg azt a lapelrendezést (vagy térjen vissza hozzá), amely esetében felül kívánja írni a stílust, majd a Stílusok kezelése munkaablakon kattintson a Beállítások elemre.

    Megjegyzés : Ha a Stílusok kezelése munkaablak nem látható, kattintson a Munkaablakok menü Stílusok kezelése parancsára.

  5. Győződjön meg arról, hogy A jelenlegi lapon használt stílusok megjelenítése parancs kijelölt.

    Beállítások menü kijelölt A jelenlegi lapon használt stílusok megjelenítése paranccsal

  6. A Stílusok kezelése munkaablakon a megnyitáshoz és szerkesztéshez kattintson duplán a laphoz használt stíluslapok valamelyikére, például a pageLayout.css fájlra.

    Az aktuális lapra alkalmazott stíluslapok mindegyike megjelenik szakaszfejlécként a Stílusok kezelése munkaablak CSS-stílusok listájában. A stíluslapok szerkesztéséhez kattintson az adott stíluslap fejlécére.

  7. Görgessen a stíluslap aljára, kattintson a jobb gombbal arra a helyre, ahova be kívánja illeszteni a stílust, majd kattintson a helyi menü Beillesztés parancsára.

  8. Szükség szerint módosítsa a stílust.

    Ha nem kívánja felülírni azt a stílust, amelyről másolatot készített, akkor át kell neveznie a stílust. Ha például azt szeretné, hogy az új stílus neve redHeadline legyen, módosítsa a következő CSS-kódot:

.ms-rteCustom-ArticleTitle, .ArticleTitle{font-weight: bold;font-family: Arial;font-size: 14pt;color: #8C0000;text-transform: capitalize;}

Az alábbira:

.ms-rteCustom-redHeadline, .redHeadline{font-weight: bold;font-family: Arial;font-size: 14pt;color: #8C0000;text-transform: capitalize;}

Megjegyzés : A CSS tulajdonságai munkaablak a stílusok szerkesztésének egy sokkal szemléletesebb megközelítését kínálja. Ha a munkaablak nem látható, kattintson a Munkaablakok menü CSS tulajdonságai parancsára.

  1. A stíluslap mentéséhez kattintson a Fájl menü Mentés parancsára.

    A legközelebbi alkalommal, amikor a HTML-szerkesztőt egy, a lapelrendezésből létrehozott cikk szerkesztésére használja, a módosított stílus elérhető lesz, és megjelenik Stílusok listában.

    A módosított stílusokat megjelenítő Stílusok lista

Vissza a lap tetejére

Megjegyzés : Gépi fordítás jognyilatkozata: Ez a cikk számítógép által, emberi közreműködés nélkül lett lefordítva. A Microsoft ezeket a gépi fordításokat azért nyújtja, hogy az angol nyelvet nem beszélők minél több tartalomhoz tudjanak hozzáférni a Microsoft termékeivel, szolgáltatásaival és technológiáival kapcsolatban. A gépi fordítás miatt előfordulhat, hogy a szöveg szóhasználati, szintaktikai vagy helyesírási hibákat tartalmaz.

Ismeretek bővítése
Oktatóanyagok megismerése
Új szolgáltatások listájának lekérése
Részvétel az Office Insider programban

Hasznos volt az információ?

Köszönjük a visszajelzését!

Köszönjük visszajelzését. Jobbnak látjuk, ha az Office egyik támogatási szakemberéhez irányítjuk.

×