Conception de sites Web avec Sparkle, le successeur spirituel d'iWeb

Il y a suffisamment de sites Web dans le monde maintenant, vous savez. Si vous devez en créer un nouveau, alors Sparkle 2.6.3 veut que vous l’utilisiez. L'application est conçue pour la rapidité et la facilité d'utilisation de sorte que chacun d'entre nous puisse créer un site Web en très peu de temps. Cependant, nous sommes déjà passés par là et, trop souvent, la facilité d'utilisation n’est pas très puissante.

C'est vrai de Sparkle dans une certaine mesure. Vous n'utiliserez pas cet outil si vous êtes déjà un inconditionnel d'Adobe Dreamweaver. Pourtant, les différences entre cela et d'autres outils professionnels sont souvent minimes et la rapidité à laquelle les idées sont essayées est convaincante.

Vous pourriez ne pas utiliser Sparkle si vous êtes novice, non plus. Il a une sensation similaire à celle d'iWeb d'Apple dans la mesure où il s'agit principalement d'un type d'application glisser-déposer. Cependant, l'application elle-même ne contient aucun modèle, contrairement à iWeb ou à des services en ligne comme WordPress ou SquareSpace.

Vous pouvez cependant obtenir des modèles en ligne. En outre, l'application Sparkle vous donne une simplicité fondamentale, mais avec au moins un peu de puissance supplémentaire lorsque vous en avez besoin.

À partir de rien

Personne au monde ne créerait un site Web en se tournant d'abord vers son ordinateur. Ok, nous venons de le faire. Voici un site Web de deux pages que nous avons créé à partir de rien et qui ne contient que le dernier aperçu de la documentation de Sparkle.

Cela a pris 12 minutes et une partie de celle-ci essayait de se rappeler comment PayPal effectue ses boutons Acheter maintenant.

Ce n’est pas que nous partions pour la course, cependant, et connaître le temps qu’il a fallu est plus une chance que le chronomètre. Au lieu de cela, voici à quel point il est rapide d'entrer dans l'application et de commencer à faire un travail utile.

Certes, lorsque vous ouvrez Sparkle pour la toute première fois et que vous ne voyez qu’une toile vierge, c’est un peu décourageant, mais pour un instant seulement. Ensuite, vous voyez la rangée de six boutons tels que Texte et Image et le tour est joué.

Vous obtenez que vous pouvez cliquer sur l'un de ces éléments et commencer à ajouter le contenu que vous souhaitez sur votre site. Il y a aussi un bouton Plus qui est particulièrement séduisant car lorsque vous cliquez dessus, vous obtenez ceci:

Cela ressemble à un plateau contenant les éléments les plus courants que vous pouvez ajouter à un site Web. Vous les choisissez simplement en cliquant.

Donc, vous cliquez sur l'une de ces options et maintenant vous avez une zone de texte à l'écran. Ou un espace réservé pour une image que vous faites ensuite glisser. Ou une zone pour diviser la page.

Une fois qu’ils sont à l’écran, vous pouvez les faire glisser n’importe où. Vous pouvez les redimensionner ou les supprimer. Cliquez dans une zone comme une zone de texte et vous pouvez commencer à taper ou à coller par écrit ce que vous avez déjà préparé.

Vous n'avez pas beaucoup de contrôle sur les caractères des polices: par défaut, seules les polices considérées comme sûres pour le Web sont affichées, car tous les ordinateurs en disposent. C'est loin d'être une mauvaise discipline que de s'en tenir à cela, cependant, et il existe des moyens d'en ajouter davantage si vous fouillez.

Sparkle ne consiste pas à explorer, mais à créer des sites utiles et fonctionnels. Cela signifie simplement que cela peut également signifier des options auparavant complexes, telles que l'ajout du commerce électronique.

Nous l'avons fait trois fois pour nous parce que nous l'avions déjà fait via PayPal pour d'autres sites, mais en fin de compte, le processus est identique. Vous devez travailler avec un site de commerce électronique, puis lorsque cela vous a fourni les paramètres nécessaires, vous les insérez dans Sparkle.

En règle générale, cela signifie copier un bloc de texte HTML et le coller là où Sparkle est en attente. Vous n'avez pas besoin de connaître le code HTML ou de vous en soucier, il vous suffit de vous assurer de le copier intégralement.

Voici à quoi ressemblait notre page boutique dans Sparkle. Notez le codage que nous avons collé sous la rubrique Contenu incorporé en haut à droite. Vous y avez probablement fait plus attention que nous: nous l'avons copiée dans PayPal, collée dans Sparkle puis inquiète davantage à propos du bouton Acheter situé sous l'image principale.

Pour ce code, une image du bouton Acheter de PayPal est appelée, c'est très bien, mais pour une raison quelconque, elle apparaît dans une boîte de forme incorrecte. Vous pouvez le voir sur le site Web final, mais dans Sparkle, Buy Now est placé à gauche dans une zone d'image trop large.

Nous sommes un peu difficiles: vous pouvez faire glisser cette boîte n'importe où pour centrer le bouton comme bon nous semble. Cependant, cela signifiait que les directives automatiques habituelles de Sparkle ne fonctionneraient pas correctement. Nous ne pouvions pas aligner la boîte via des guides, cela devait être à l'œil. Nous pourrions redimensionner cette boîte, mais elle a été réduite ou agrandie le bouton Acheter maintenant.

Ensuite, ces jours-ci, vous ne pouvez pas simplement concevoir un site Web qui ait fière allure sur votre Mac, vous devez le rendre au moins praticable sur les iPhones. Ou même Android. Sparkle facilite les choses, mais ne vous donne pas tout le contrôle que vous souhaitez.

Le processus semble un peu inutile, aussi. Lorsque vous avez terminé avec le site Web de votre ordinateur de bureau, vous cliquez sur Périphérique et choisissez une présentation telle que Smartphone Portrait. Vous devez choisir cela en cliquant sur le bouton + pour l'ajouter, puis en cliquant sur le bouton radio pour sélectionner ce que vous venez d'ajouter.

Ce que vous faites est de séparer la page mobile des ordinateurs de bureau afin que vous puissiez changer les choses pour qu'elles soient bien sur l’un sans affecter l’autre. Pourtant, il semble que trop de pas. De plus, chaque entrée telle que Desktop ou Smartphone Landscape vous donne une taille en pixels, mais il n’ya nulle part où changer.

C'est sans doute délibéré, car cela signifie que vous disposez d'une option de base au lieu de cent tailles d'écran différentes. Pourtant, lorsque vous savez que vous développez un site pour les utilisateurs d'iPad, il serait bien de pouvoir dire quel iPad.

Tout au moins, c’est mieux que ce n’est jamais arrivé à iWeb: cet outil de conception de site Web d’Apple a été mis à jour pour la dernière fois en 2011, moins d’un an après la sortie de l’iPad.

Sparkle est à bien des égards iWeb: la nouvelle génération, avec la relative facilité d'utilisation de cette application associée à des besoins plus modernes tels que la conception de téléphones portables.

Sparkle 2.6.3 est disponible directement auprès du développeur ou via le Mac App Store. Le téléchargement est gratuit et si vous ne payez jamais un sou, vous pouvez toujours concevoir un site Web de base. Seulement celui-là, et il sera limité à trois pages. Il sera également marqué "Made with Sparkle".

Il y a un autre problème avec le libre. Sparkle est un outil de conception et non un hébergement Web. Par conséquent, quoi que vous en fassiez, vous devez payer séparément pour l'espace Web fourni par un fournisseur. Sparkle est capable de se connecter à un très grand nombre d’entre elles et de publier rapidement vos mises à jour.

S'il n'est pas compatible avec votre fournisseur, le moyen habituel consiste à exporter tous les fichiers sur un disque par Sparkle. Ensuite, vous pouvez les télécharger de la manière que votre fournisseur d’espace de site vous indique.

La version gratuite de Sparkle ne sera pas exportée sur disque. Le premier étage payant appelé Sparkle One ne coûtera pas 44,99 $. Cependant, cette version supprime l’image de marque et, bien qu’elle ne vous permette qu’un seul site, le nombre de pages est illimité.

Pour obtenir un nombre illimité de sites et cette fonctionnalité d'exportation sur disque, vous avez besoin de Sparkle Pro, au prix de 89,99 $.

Sparkle One et Sparkle Pro sont disponibles en achat intégré dans Sparkle Free. Les trois versions nécessitent OS X Mavericks ou une version ultérieure.