Udostępnij za pośrednictwem


Instruktaż: Importowanie niestandardowa strona wzorcowa i strony witryny z obrazem

Tym instruktażu przedstawiono sposób importowania programu SharePoint niestandardowej strony wzorcowej i stronę witryny obrazu na Visual Studio projektu programu SharePoint.

W tym instruktażu pokazano, jak wykonywać następujące zadania:

  • Tworzenie niestandardowej strony wzorcowej i strony witryny za pomocą obrazu w programie SharePoint Designer.

  • Wywozu niestandardowa strona wzorcowa, obraz i strony witryny SharePoint pliku roztworu (.wsp).

  • Importowanie i wdrożyć plik .wsp do Visual Studio projektu programu SharePoint za pomocą programu project importu programu SharePoint rozwiązanie pakietu.

[!UWAGA]

Na danym komputerze mogą być używane inne nazwy lub lokalizacje pewnych elementów interfejsu użytkownika programu Visual Studio, które są używane w poniższych instrukcjach. Używana wersja programu Visual Studio oraz jej ustawienia określają te elementy. Aby uzyskać więcej informacji, zobacz Visual Studio, ustawienia.

Wymagania wstępne

Musi mieć do przeprowadzenia tego instruktażu następujące składniki:

Tworzenie elementów w programie SharePoint Designer

Ten przykład pokazuje, jak utworzyć trzy elementy w programie SharePoint Designer do wywozu: niestandardowa strona wzorcowa, strony witryny, który odwołuje się do niestandardowej strony wzorcowej, a plik obrazu na stronie witryny.Obraz jest dodawana do folderu /images/ w programie SharePoint.

Aby utworzyć niestandardowe strony wzorcowej w programie SharePoint Designer

  1. W programie SharePoint Designer w okienku nawigacji wybierz Stron wzorcowych obiektu lokacji.

  2. Na Stron wzorcowych Wstążka, wybierz polecenie Puste strony wzorcowej.

  3. Wybierz nowej strony wzorcowej, a następnie, na Stron wzorcowych Wstążka, wybierz polecenie Edytuj plik.

  4. U dołu SharePoint Designer wybierz kodu kartę.

  5. Zastąp istniejące znaczniki następujących znaczników.

    <%@ Master Language="C#" %>
    <%@ Register tagprefix="SharePoint" namespace="Microsoft.SharePoint.WebControls" assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
    <html dir="ltr">
    <head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <SharePoint:RobotsMetaTag runat="server" __designer:Preview="" __designer:Values="&lt;P N='InDesign' T='False' /&gt;&lt;P N='ID' T='ctl00' /&gt;&lt;P N='Page' ID='1' /&gt;&lt;P N='TemplateControl' ID='2' /&gt;&lt;P N='AppRelativeTemplateSourceDirectory' R='-1' /&gt;"></SharePoint:RobotsMetaTag>
    <title>Web Page</title>
    </head>
    <body>
    <form id="form1" runat="server">
    <asp:ContentPlaceHolder id="ContentPlaceHolderMain" 
            runat="server">
          </asp:ContentPlaceHolder>
    </form>
    </body>
    </html>
    
  6. Zapisz stronę, wybierz polecenie Stron wzorcowych , a następnie zmień nazwę strony wzorcowej jako mybasic1.master.

Dodawanie obrazu do bazy danych zawartości w programie SharePoint Designer

Teraz można dodać obraz do wyświetlania na stronie witryny.Obraz jest wdrażana bazy danych zawartości programu SharePoint.

Aby dodać obraz do bazy danych zawartości w programie SharePoint Designer

  1. W okienku nawigacji wybierz Wszystkie pliki obiektu lokacji, a następnie w widoku drzewa wybierz obrazów folder.

  2. Na Wszystkie pliki Wstążka, wybierz polecenie Plików importu, wybierz plik i wybierz polecenie OK przycisku.W tym przykładzie nazwą jest myimg1.png.

    Opcjonalnie można utworzyć podfolder ułatwiające organizowanie obrazów.

  3. Zamknij przywóz okno dialogowe.

Utwórz stronę witryny

Na tej stronie witryny podstawowe używa niestandardowej strony wzorcowej i wyświetla obraz dodany w poprzednim kroku.

Aby utworzyć stronę witryny

  1. W okienku nawigacji wybierz Stron witryny obiektu.

  2. Na strony Wstążka, wybierz polecenie strony przycisku, wybierz polecenie ASPX stronę typu, a następnie nazwę nowego pliku mycontentpage1.aspx.

    Opcjonalnie można utworzyć podfolder do organizowania stron witryny.

  3. Na liście stron witryny należy wybrać MyContentPage1.aspx , aby otworzyć strony właściwości, a następnie u dołu strony, wybierz edycji pliku łącze.

    Jeśli wiadomości i mówi, że ta strona nie zawiera żadnych regionów, które można edytować w trybie awaryjnym z pytaniem, czy chcesz otworzyć tę stronę w trybie zaawansowanym, wybieranie Tak przycisku.

  4. U dołu strony, wybierz polecenie kodu przycisku.

  5. Zastąp istniejące znaczniki następujących znaczników.

    <%@ Import Namespace="Microsoft.SharePoint.ApplicationPages" %>
    <%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
    <%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
    <%@ Register Tagprefix="asp" Namespace="System.Web.UI" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
    <%@ Import Namespace="Microsoft.SharePoint" %>
    <%@ Assembly Name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
    <%@ Page Language="C#" Inherits="Microsoft.SharePoint.WebControls.LayoutsPageBase" MasterPageFile="../_catalogs/masterpage/mybasic1.master" meta:progid="SharePoint.WebPartPage.Document" %>
    
    <asp:Content ID="Main" ContentPlaceHolderID="ContentPlaceHolderMain" runat="server">
    <img alt="My Image" longdesc="My image from images folder" src="../images/myimg1.png" />
    </asp:Content>
    
  6. Zapisz stronę witryny zaktualizowane.

Wywóz towarów z programu SharePoint

Eksportowanie elementów z programu SharePoint do pliku programu SharePoint roztworu (.wsp).

Do eksportowania elementów z programu SharePoint Designer

  1. W programie SharePoint Designer w okienku nawigacji wybierz Witryny zespołu obiekt, a następnie, na witryny Wstążka, wybierz polecenie Zapisać jako szablon.

  2. W zapisać jako szablon okno dialogowe Wprowadź nazwę pliku i wybierz nazwę szablonu Dołączanie zawartości pole wyboru, a następnie wybierz OK przycisku.

    Zawartość witryny to zapisuje w pliku .wsp.

  3. Po roztwór wywozu, wybierz Galerii roztwór łącze, aby wyświetlić listę plików dostępne rozwiązanie.

  4. Otwórz menu skrótów dla nowego pliku .wsp, a następnie wybierz Zapisz element docelowy jako , aby zapisać w systemie.

Importowanie elementów do programu Visual Studio

Importuj plik .wsp do Visual Studio. Po zaimportowaniu zawartości można go dostosować, dodać więcej elementów i wdrożyć go.

Aby importować elementy z pliku .wsp do programu Visual Studio

  1. W Visual Studio, tworzenie Importu programu SharePoint 2010 rozwiązanie pakietu projektu.

  2. Na Wybierz elementy do importowania stronę, pod moduł w typu kolumny, zaznacz pole wyboru tylko plików w poniższej tabeli importu.

    Nazwa pliku

    Opis

    _catalogsmasterpage_

    Niestandardowa strona wzorcowa.

    images_

    Plik obrazu w systemie plików programu SharePoint.

    SitePages_

    Strony witryny.

  3. Wybierz Zakończ przycisk, aby zaimportować wybrane elementy.

  4. W Solution Explorer, wybierz węzeł _catalogsmasterpage_ i ustawić wartość jego Wdrażania konfliktów właściwość, aby Automatyczne.

    Pomaga to zapewnić, że konflikty wdrażania są automatycznie rozpoznawane.

  5. Nowej strony wzorcowej ma taką samą nazwę jak istniejącej strony, upewnić się, że istniejącej strony nie jest oznaczony jako domyślne strony wzorcowej lub stronie wzorzec niestandardowy w programie SharePoint Designer.

    Istniejącej strony wzorcowej jest oznaczona jako domyślna strona wzorcowa lub strony wzorcowej niestandardowe, otrzymasz błąd wdrażania, że Państwa nie można usunąć strony wzorcowej.Aby uniknąć tego problemu, wykonaj następujące czynności:

    • Istniejącej strony wzorcowej jest ustawiona jako domyślna strona wzorcowa, tymczasowo ustawić innej strony wzorcowej jako domyślna strona wzorcowa.Po wdrożeniu pliki do witryny programu SharePoint, jako domyślna strona wzorcowa nowej strony wzorcowej.

    • Istniejącej strony wzorcowej jest ustawiona jako strona wzorcowa niestandardowe, tymczasowo ustawić innej strony wzorcowej jako wzorzec niestandardowy strony.Po wdrożeniu pliki do witryny programu SharePoint, jako wzorzec niestandardowy strony nowej strony wzorcowej.

  6. Na pasku menu wybierz budować, Wdrożyć rozwiązanie.

  7. Otwieranie witryny programu SharePoint, aby wyświetlić elementy wdrożonego.

Alternatywnym sposobem importowania plików do Visual Studio i ich wdrażanie programu SharePoint jest dodać pliki do modułów w Visual Studio.Aby uzyskać więcej informacji, zobaczJak: importowanie strony wzorcowej lub motywuand Aby dołączyć pliki w roztworze przy użyciu modułów.

Zobacz też

Koncepcje

Importowanie elementów z istniejącej witryny programu SharePoint

Inne zasoby

Tworzenie rozwiązań dla programu SharePoint

Tworzenie formantów wielokrotnego użytku dla składników Web Part lub stron aplikacji