Share
Umbraco peut être installé très rapidement et facilement. Mieux encore, il est livré avec de nombreuses fonctionnalités tout droit sorti de la boîte. Par exemple, il est possible de créer un site entier sans fouiller le code vous-même, simplement en utilisant des modèles prédéfinis et le système de gestion de contenu principal. Mais pour nous, développeurs, qui aimons nous salir les mains, les sites Web peuvent aussi être entièrement codés à partir de zéro. Dans cette série, nous allons créer nous-mêmes un site entier à partir de rien, car où est-il amusant de le faire pour vous??!
Accentsconagua
Programme d'installation de la plate-forme Web (WPI), disponible à l’adresse: http://www.microsoft.com/express/Web/ sa, Cela est nécessaire lors de l'installation d'Umbraco. Notez que Umbraco est compatible avec toute une gamme de solutions de bases de données. Nous utilisons ici MS SQL car il est probable (mais non garanti) qu'il s'agisse du type de base de données utilisé sur un service d'hébergement .Net professionnel, ce qui devrait faciliter la migration de la base de données et du contenu du développement local vers le serveur réel..OK, téléchargé et installé VWD Express et ses dépendances? Exécuter le fichier exécutable SQL Server téléchargé séparément? Redémarrez votre machine? Bon, commençons.
Ouvrez VWD et cliquez sur le bouton Nouveau site web option dans la barre latérale à gauche de la page de démarrage. Choisir Visual C # du Modèles installés section dans la colonne de gauche de la Nouveau site dialogue, Site vide ASP.NET dans la colonne centrale et choisissez un emplacement d'installation quelque part sur votre ordinateur. J'ai créé un nouveau dossier appelé .les sites Web puis créé un autre nouveau dossier dans cet appelé parasol. Une fois le site créé et ouvert dans la fenêtre principale de VWD, veillez à modifier le Chemin virtuel option dans le Propriétés volet de / parasol à / (c'est la racine du site).
Nous aurons également besoin d’une base de données contenant toutes les informations d’Umbraco nécessaires au bon fonctionnement de l’arrière-plan, ainsi que de tout le contenu créé une fois le site créé. Nous pourrions utiliser un certain nombre de sources de données, mais comme WPI installera automatiquement SQL Server Express, nous pouvons également l'utiliser. Créer une nouvelle base de données en utilisant le SQL Server Management Studio et l'appeler quelque chose comme parasol ou similaire. Assurez-vous que vous pouvez vous connecter au serveur en utilisant Authentification SQL avec le nom d'utilisateur sa et le mot de passe que vous avez entré lors de l'installation.
Ensuite, ouvrez le fichier zip Umbraco, puis ouvrez le construire répertoire et copiez tous les dossiers et fichiers dans le dossier du site que nous venons de créer. Assurez-vous de remplacer le web.config déposer quand on le lui demande. Une fois que cela est fait, passez à la Explorateur de solution onglet dans le Explorateur de solution volet à droite et cliquez sur l'icône d'actualisation. Tous les dossiers et fichiers que nous venons d'ajouter au dossier seront listés. Étendre le installer dossier, faites un clic droit sur le default.aspx déposer et choisir Voir dans le navigateur. Ceci lancera l’installateur Umbraco dans votre navigateur Web par défaut. Cliquez sur le géant Commençons bouton pour commencer.
Le premier écran est l'écran de licence; avoir une lecture si (il ne s'agit que de quelques lignes!) puis taper le Accepter et continuer bouton en bas. L’écran suivant vous demandera si une base de données vierge est installée, choisissez Oui puis sélectionnez Microsoft SQL Server dans la liste déroulante. Sur l'écran suivant, entrez le nom du serveur SQL (probablement le bureau), le nom de la base de données que vous avez créée, le nom d'utilisateur (sa) et le mot de passe utilisé pour accéder à SQL Server. Cliquez sur le bouton. Les tables utilisées par Umbraco seront créées dans la base de données..
Sur l'écran suivant, choisissez un mot de passe pour accéder au back-end d'Umbraco. Le nom d'utilisateur par défaut de admin convient au développement local, et des administrateurs supplémentaires peuvent être créés lors de la mise en ligne du site. Cliquez sur le bouton.
Sur l'écran suivant, vous pouvez choisir le type de site que vous créez, ce qui vous donnera un kit adapté à ce type de site. Pour nous les techniciens, nous voulons probablement plus de contrôle que ces kits de démarrage ne nous en donneront. Non merci à la fin et confirmez le dialogue. Ça y est, nous avons terminé! Cliquez sur le gros bouton Configurer votre nouveau site Web et vous devriez être invité à vous connecter au back-end d'Umbraco en utilisant le nom d'utilisateur et le mot de passe que nous avons spécifiés lors de l'installation. Une fois que nous faisons cela, nous devrions voir le back-end du CMS:
Le panneau de gauche en haut est l'arborescence des nœuds; c'est là que tous les nœuds (les différentes pages et les différents éléments de contenu) composant le site sont affichés dans la vue par défaut. Cela changera en fonction de la section dans laquelle nous nous trouvons. Les différentes sections sont accessibles via le panneau inférieur à gauche. Dans la zone de droite, nous verrons les différents onglets, propriétés et éléments de contenu pour chaque nœud dans la section de contenu par défaut. De nouveau, cette zone de droite changera en fonction de ce que nous avons sélectionné dans l’arborescence de nœuds..
La première étape dans la création d’un site Umbraco (après l’installation bien sûr) consiste à définir vos types de documents..
Celles-ci sont très importantes et difficiles à modifier par la suite. Il est donc utile de consacrer un peu de temps à la planification des types de document dont vous avez besoin et à la manière dont ils vont être combinés. Mais quels sont les types de documents? Tout simplement, ils spécifient les différents types de documents constituant votre site et la hiérarchie de ces documents, c.-à-d. Comment ils sont imbriqués..
Les types de document définissent les pages visibles de votre site. Par exemple, votre site est susceptible de comporter différents types de page, tels que la page d'accueil, les pages de contenu, les pages d'actualités et probablement d'autres. Mais ils définissent également les zones ou les zones de contenu modifiables que les administrateurs du site ont dans le CMS back-end..
Ainsi, par exemple, la page d’accueil peut comporter une zone de texte d’introduction, une image de bannière, un curseur de contenu ou un panneau de héros expliquant le ou les services fournis par le site, les produits fabriqués par la société, etc. Il est probable que cette page contiendra de nombreux autres éléments, tels qu'un en-tête, un menu de navigation et un pied de page. mais je parle d'éléments de contenu, le contenu modifiable stocké et géré par le CMS.
Chacune de ces différentes zones de la page mappera vers différentes régions du back-end, de sorte que le texte d'introduction de la page d'accueil mappera vers un éditeur de texte enrichi dans le back-end et l'image de bannière vers un sélecteur de média. Les différents panneaux du curseur de contenu peuvent même correspondre à un type de document spécialisé qui ne concerne pas spécifiquement une page entière..
Créons maintenant quelques types de documents, car cela vous donnera une image beaucoup plus claire de ce concept extrêmement important. Cliquez d'abord sur le Réglages lien dans le Sections panneau (en bas à gauche), le clic droit Types de documents et sélectionnez Créer:
Dans la boîte de dialogue qui apparaît, choisissez Page de base comme nom puis cliquez sur le Créer bouton. Un nouveau noeud pour notre type de document sera créé dans l’arborescence principale de gauche, et la feuille de propriétés du Type de document sera affiché dans le panneau principal à droite:
Comme vous pouvez le voir sur la capture d'écran ci-dessus, une correspondance Modèle a également été créé et a été ajouté à la Permis la section des modèles dans le panneau de droite. le Modèle par défaut pour ça Type de document a également été mis à Page de base. Nous examinerons les modèles plus en détail dans un instant, mais pour l’instant, sachez qu’ils correspondent aux pages maîtres .Net.
Il existe une série de propriétés que nous pouvons compléter le cas échéant. Nous pouvons nicher Types de documents il peut donc être utile de définir des propriétés générales dont tout type de document enfant héritera. Basculer vers le Propriétés génériques onglet et sélectionnez l'élément qui dit Cliquez ici pour ajouter une nouvelle propriété pour développer l'élément. dans le prénom champ de texte entrez le texte Nom de domaine (l’alias sera automatiquement renseigné), et dans le Type sélectionner la boîte choisir Textstring:
Pour ajouter la nouvelle propriété, cliquez sur l'icône de sauvegarde (le disque) en haut du panneau. Maintenant tout Types de documents qui sont dérivés de Page de base héritera du Nom de domaine propriété (même si elle ne sera pas éditable). Ajouter une propriété de plus à la Propriétés génériques languette; le nom est
Umbraco Hide In Navigation
