ZBox

ZBox

Apprendre à faire des sites
en faisant le sien
TITRE

Les outils

Apprenez l’intégration HTML, CSS, JS et SVG avec SPIP au fur et à mesure qu’on réalise votre site.
TITRE

Graphisme

Notre métier c’est la création, la réalisation graphique, puis le suivi technique de la fabrication, que ce soit sur papier ou autres supports, avec un soin particulier pour la direction artistique, la typographie et le suivi de l’impression jusqu’à la livraison finale.
Sites modulaires
La structure générale et un bon nombre d’éléments de ce site sont complètement modifiables, pour ainsi dire à la volée, sans avoir des connaissances techniques. Testez vous-même : cliquez sur la ZBox à droite en bas de page et modifiez les couleurs de cette colonne.

Sites légers et rapides
Nous effectuons des audits quotidiens pendant le développement des projets avec PageSpeed ​​Insights. L’écriture des CSS étant surveillé par Pleeease, les erreurs sont automatiquement détectés.

Sites sécurisés
Une CSP ou stratégie de sécurité du contenu permet d’améliorer la sécurité des sites web en détectant certains types d’attaques et injections de contenu. Ces attaques peuvent être utilisées dans divers buts, comme le vol de données, le défacement de site ou la diffusion de malware.

Inscrivez-vous et à partir du 4 avril (sous condition d’avoir un minimum de 10 participants), nous ferons un site mutualisé qui sera le plus exhaustif possible quant aux demandes des participants, et que chacun pourra personnaliser à sa guise par la suite.
Conception et réalisation de sites
À partir du 4 avril 2020

Avec SPIP, les possibilités sont nombreuses, dans la mesure où c’est un SGC (système
de gestion de contenu) doublé d’un framework qui multiplie ses possibilités.

Vous nous apportez vos textes et images et vous nous décrivez comment le site devrait être présenté.

48 heures plus tard vous recevez votre site et vous pouvez nous soumettre des corrections.

Nous les réalisons et installons votre site.

Puis, nous vous montrerons comment on édite un site avec SPIP dans l’espace privée d’administration.

C’est extrêmement simple, ce n’est pas plus compliqué que écrire un e-mail avec une pièce jointe.

Les prix
GratuitSite de test gratuit le premier mois

Testez votre site pendant un mois sans engagement, vous pourrez ensuite choisir une offre payante ou pas.
• Vous devez disposer d’un nom de domaine.
• Une page d’accueil
• 2 pages rédactionnelles pouvant contenir 1 image.
• La retouche, correction chromatique et l’adaptation des images s’il y a lieu.
• L’installation dans notre serveur pendant un mois.
• L’adéquation éventuelle à un offre payante.

136Site livré dans votre serveur

• Vous devez disposer d’un nom de domaine.
• Une page d’accueil
• Cinq pages rédactionnelles pouvant contenir 3 images.
• Une page pour un formulaire de contact
• Une page pour les mentions légales, la politique de confidentialité et autres informations.
• La retouche, correction chromatique et l’adaptation des images s’il y a lieu,
• L’installation dans votre serveur (LAMP * uniquement).
• Formation à l’utilisation de SPIP pour éditer et publier vos pages.
• Assistance par mail.

486Site hébergé à l’année

• Vous devez disposer d’un nom de domaine.
• Une page d’accueil
• Neuf pages rédactionnelles pouvant contenir 3 images.
• Une page pour un formulaire de contact
• Une page pour les mentions légales, la politique de confidentialité et autres informations.
• La retouche, correction chromatique et l’adaptation des images s’il y a lieu,
• L’installation du site dans notre serveur Apache.
• Un serveur MySQL avec une base dédiée (base supplémentaire 12 € /an).
• Un serveur Roundcube Webmail.
• Trafic illimité.
• Espace disque 150 Go.
• WordPress pré-installé possible.
• Certificat SSL par Let’s Encrypt, rénovation automatique.
• Protection supplémentaire possible via Cloudflare.
• 3 adresses e-mail personnalisées avec votre nom de domaine ([email protected]).
• Formation à l’utilisation de SPIP pour éditer et publier vos pages.
• Assistance par mail.
• Mises à jour des patchs de sécurité * (LAMP * et SPIP **)

GratuitPersonnes à la recherche d’emploi et étudiants

• Assistance gratuite pendant trois jours par mail pour l’installation d’un site pour toute personne à la recherche d’emploi et pour les étudiants.
• Vous devez disposer d’un nom de domaine chez Gandi ***
et me contacter pour les pas à suivre.

* LAMP : acronyme désignant un ensemble de logiciels libres permettant de construire des serveurs de sites web. Se réfère aux logiciels suivants : le système d’exploitation GNU/Linux, le serveur web Apache, le serveur de base de données MySQL et le langage de script PHP. Concerne les patchs de sécurité et mises à jour majeures de tous les logiciels ici nommés.

** Concerne les patchs de sécurité et mises à jour majeures de SPIP.

*** Je ne suis ni affilié ni partenaire, mais c’est simple et *très* efficace.

zandboxCliquez sur la ZandBox
Cliquez sur l'élément que vous désirez modifier.

Sélectionnez une couleur
Appliquez-la au texte ou au fond.

 

Sélecteurs
Universel (*)
D'id (#)
De classe (.)
De type (E)
Descendant(E E)
D'enfants (>)
De frères adjacents (+)
D'adjacence (~)
D'attributs E[attr]
Positionnement
clear
display
float
position
top
right
bottom
left
z-index
Unités
Relative à l'hauteur du m (em)
Relative à l'hauteur du x (ex)
Pourcentage (%)
Pixel (px)
Pouce (in)
Centimètre (cm)
Millimètre (mm)
Pica (pc)
Point (pt)
Degrés (deg)
Grades (grad)
Radian (rad)
Seconde (s)
Milliseconde (ms)
Grille définie (gd)
Relative l'élément principal (rem)
Largeur de la fenêtre (vw)
Hauteur de la fenêtre (vh)
Hauteur ou largeur de la fenêtre (la plus petite) (vm)
Taille du glyphe 0 (ch)
Nombre de tours (turn)
Pseudo-élements
::after
::backdrop
::before
::cue
::first-letter
::first-line
::grammar-error
::marker
::part
::placeholder
::selection
::slotted()
::spelling-error
Pseudo-classes
:active
:checked
:default
:defined
:disabled
:empty
:enabled
:first
:first-child
:first-of-type
:focus
:focus-within
:host
:host()
:hover
:indeterminate
:in-range
:invalid
:lang()
:last-child
:last-of-type
:left
Polices
color
font
font-family
font-size
font-style
font-variant
font-weight
Texte
letter-spacing
line-height
text-decoration
text-align
text-indent
text-transform
text-shadow
vertical-align
white-space
word-spacing
quote
Fonds
background
background-attachment
background-color
background-image
background-position
background-repeat
Boîtes
border
border-color
border-style
border-width
border-top
border-right
border-bottom
border-left
border-top-color
border-right-color
border-bottom-color
border-left-color
border-top-style
border-right-style
border-bottom-style
border-left-style
border-top-width
border-right-width
border-bottom-width
border-left-width
height
line-height
margin
margin-top
margin-right
margin-bottom
margin-left
max-height
max-width
min-height
min-width
padding
padding-top
padding-right
padding-bottom
padding-left
vertical-align
width
Effets
clip
direction
overflow
visibility
Listes
list-style-type
list-style-image
list-style-position
list-style
marker-offset
Contenu
content
counter-increment
counter-reset
Impression
size
marks
page-break-before
page-break-after
page-break-inside
page
orphans
widows
Tables
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Interface utilisateur
cursor
outline
outline-color
outline-style
outline-width
zandbox