aymericj

Si le besoin en cartes n'est pas trop gourmand :

Une bonne imprimante

+

Un bon papier bien épais

+

Un très bon cutter et Une bonne règle de découpe ou un Massicot

Et le tour est joué.

Aymeric, système D

Compter en général un versement de salaire équivalent a 45% de facturation, une fois les charges patronales/salariales et le % correspondant au coût du service de portage.

Certaines paient suite à facturation, d'autres attendent le paiement, il faut bien étudier les servicess offerts par les sociétés et leur adéquation avec leurs prise de pourcentage sur ton chiffre d'affaire.

En général ce pourcentage est dégressif en fonction de l'évolution de ton CA.

Il y'a des sociétés de portage spécialisées dns à peu près tout type d'activité, les plus grand nombre effectivement ne se positionnent que le service "intellectuel".

Mais il existe des sociétés de portage de niche, par exemple il existe une société de portage pour les métiers du bâtiment, je n'ai pas de nom à donner désolé, le mieux étant de se renseigner auprès des organismes "controleurs" du secteur du portage.

Il faut tout de même avoir à l'esprit, les limites du travail "porté", en génral cela fonctionne de cette façon :

prise de contact avec le client.

Contact avec la société de portage qui vérifie la solvabilité du client, ils peuvent très bien décidé de ne pas accepter de te "porter" si un client potentiel leur semble trop borderline.

Tu fais ensuite signer un contrat tripartite à ton client, certains contrats ne te font apparaitre que comme "l'executant" du contrat. Tu es par contre couvert par les assurances professionnelles de la société de portage en cas de litige.

En fin de contrat tu fais un appel à facturation à la société de portage qui gère ensuite l'envoi de facture au client.

Attention certaines sociétés de portage ont des modes de fonctionnement qui peuvent devenir vite lourdes pour répondre à des demandes express. En général elles demandent un délai minimum de trois jours entre la signature effective du contrat et le début des travaux, le délai pour créer un contrat de travail correspondant au projet.

Si tu penses avoir des clients récurents, certaines sociétés autorisent les contrats à long terme. Tu signes un contrat de x mois avec le client, ensuite tout se peut se passer par des comptes rendus d'activité que le client doit signer, par exemple en fin de mois, que tu transmets à la société qui facture en concéquence.

Si tu as d'autres questions n'hésites pas.

Hello Sebastien,

J'ai checcké un peu, et à mon avis, tu as déja indexé la plupart des ressources que j'ai dans ma tool box.

Mais promis dés que je trouve un truc nouveau je te l'envoie.

Je précise, il n'est pas question ici d'opinion politique mais plus une réaction face à une annonce qui n'est que du vent.

Pour rappel la micro entreprise :

Selon larticle 50-0 du code général des impôts, relèvent du régime de la micro entreprise les personnes physiques exerçant une profession commerciale, artisanale ou industrielle dont le chiffre daffaire annuel hors taxes est inférieur à 76 300 euros hors taxes pour les entreprises dont lactivité relève de la vente ou lhébergement et à 27 000 euros hors taxes pour les entreprises de prestations de services.

Selon larticle 102 ter du Code Général des Impôts, relèvent du régime déclaratif spécial les personnes physiques exerçant une activité libérale non commerciale ou titulaire dune charge ou dun office dont les revenus commerciaux ne dépassent pas 27 000 euros hors taxes par an.

Personnellement, je ne suis pas, mais absolument pas convaincu que cette décision soit dans l'intéret des entrepreneurs.

J'oserais même dire qu'elle est presque unitaléralement pensée dans le sens de l'état.

Moins de travail au noir = plus de cotisations dans les caisses de l'état.

Plus de créations d'entreprises et moins de travail au noir et moins de portage salarial (faut pas l'oublier lui) = c'est bon pour les chiffres coco, regarde la france est dynamique, elle créé plein d'entreprises.

Plein de choses avaient été promises pour faciliter la création de TPE ou PME, sur la simplification des démarches, le guichet unique, j'en passes et des meilleures.

A la place on a ça... qui ne concerne en rien la création d'entreprise au sens propre car cela ne concerne en gros que les activités de complément.

On nous promet du pain, on nous donne des miettes, et on est content d'avoir eu quelque chose.

Désolé Captain, comme toi quand j'ai entendu cette annonce la première foi, j'ai cru à une vraie annonce, après avoir un peu creusé le truc je me rends compte que ce n'est que de la poudre aux yeux.

Mais euhhh Captain.

Et si j'ai envie de chipoter hein? hein?

Bon ok ce n'est pas obligatoire.

Aymeric, sreugneugneu...

Bonjour,

Si je peux me permettre Skippy, un :

<td width="50%" valign="top"><a href="http://monsite.fr"><img src="templates/Solaris/images/bg_top_border.png" style="border:0">

Serait plus propre dans ce cas précis.

Bonjour Lyko,

Au besoin pour ton cahier des charges, j'ai pondu un billet il y'a quelques temps, une sorte d'aide à l'élaboration d'un cahier des charges :

http://www.ajcrea.com/blog/index.php/2006/...e-site-internet

Autrement pour des adresses en belgique tu peux contacter Monique en MP sur ce forum (tu la trouvera facilement dans le forum accessibilité), elle est belge et a une société de webdesign orientée qualité, si elle ne peut pas répondre à ta demande, je suis sur qu'elle pourra t'orienter vers une société de confiance.

Wala, bonne chance poru ton projet.

PFfff je suis même pas indéxé dedans.

Bonne initiative Seb, je me le colle en favori.

Bonjour les gens, je profite d'un moment de relache pour ajouter my two cents.

Il en effet rare que l'on pense à styler les éléments de formulaire, du moins qu'on le fasse.

Ce n'est pas toujours un oubli, c'est même souvent un choix.

Ceci dit, de plus en plus de gens stylent leurs formulaires, des fois juste une touche, mais parfois de façon tellement complète que l'impression d'avoir affaire à un formulaire est oubliée.

Un exemple qui revient de plus en plus souvent et qui est très nuisible à l'accessibilité, ce sont les formulaires avec les boutons d'envoi "invisibles", il faut faire "entrer" pour lancer le formulaire (tres fréquent sur les formulaires de recherche), sauf que bon nomre de gens ne savent même pas qu'appuyer sur "entrer" valide un formulaire.

Ne pas oublier la force de l'habitude des utilisateurs d'internet, ils peuvent parfois être déroutés par un formulaire "stylé" qui ne ressemble pas à ce qu'ils ont l'habitude de rencontrer.

Mais ceci dit, c'est effectivement un point de reflexion interessant que tu souleves.

++

Aymeric

C'est avec plaisir, inutile certes, que je retrouve mes PR 5 après ma migration foireuse.

Bonjour Nullette,

Ca tient tout à fait la route.

à voir ensuite sur un margin-left ou un padding-left lequel est le mieux.

Pour plus de lisibilité je nommerais le retrait de façon plus exlicite, par exemple : retraitNiv4 etc...

++

Aymeric

Bonjour Nicolas,

Une petite solution temporaire, tu ajoute un, overflow:auto;, à ton #menu.

Ca évitera que ton H2 n'essaie de se case à droite de ton menu.

++

Aymeric

Bonjour kduchemin42,

Juste une petite question en fait, tes tableaux, tu les réalise via l'interface wysiwyg dans des articles? Ou ce sont des tableaux créés automatiquement comme ceux de présentation des rubriques?

Si c'est le premier cas, normalement tu peux éditer le code html généré pour le modifier/compléter à ta guise.

Pour le reste je vais me renseigner, je ne me suis pas encore vraiment penché sur le couple CSS/tableaux ce qui serait une bonne chose quand même dans le cs de présentation de données tabulaires.

++

Aymeric

Je rejoins Sebastion sur la pertinence de certains résultats, certes il faut jongler avec les profils, mais ça me semble assez vrai :

Exemple avec le profile : Webdesigner/freelance/province/senior/

Ca nous donne :

Moins de 13 K bruts/an 29%

Supérieur ou égal à 13 K bruts/an 0%

Supérieur ou égal à 15 K bruts/an 0%

Supérieur ou égal à 18 K bruts/an 0%

Supérieur ou égal à 23 K bruts/an 14%

Supérieur ou égal à 30 K bruts/an 29%

Supérieur ou égal à 45 K bruts/an 29%

La première fourchette est assez représentative de 2 choses :

1 - les webdesigners qui travaillent en complément de leur activité salariée

2 - Peut être une partie de ceux qui se lancent, sur la première année d'activité.

Vous voyez 2 fourchettes vides et on passe tout de suite aux choses sérieuses.

23k Correspond assez à un prévisionel de première et deuxieme année d'activité

Le reste à une activité pérenne et plus ou moins complète.

Ca me semble assez bien vu, peut être un poil optimiste quand même.

Techniquement, je ne crois pas qu'il soit possible d'avoir 2 images différentes en background d'un même élément.

Mais tu devrais pouvoir jouer sur la pluralité des éléments.

Je m'explique,

Tu vas attribuer un premier fond image à ta cellule, que tu vas caller à droite.

Exemple de code : Tableau d'exemple & ligne 3 colonnes

 

code HTML :
<table>
  <tr>
	<td> </td>
	<td> </td>
	<td> </td>
  </tr>
</table>

Habillage CSS :
td { background: transparent url(chemin vers mon images) no-repeat top right;}

Via ce css, tu precise que ta cellule a un fond couleur transparent, un fond image qui ne se repete pas, callé en haut et à droite de ta cellule.

Ensuite, on va "tricher" pour la deuxieme image de fond, on va l'attribuer au contenu de ta cellule.

pour l'exemple je vais utiliser une balise neutre de type "span" en lui attribuant une classe de façon à la diférencier des autres balises span que tu pourrais utiliser dans ta page.

Ce qui nous donne le code suivant : toujours un tableau une ligne et 3 colonnes

 

code HTML :
<table>
  <tr>
	<td><span class="fondcelG">mon texte</span></td>
	<td><span class="fondcelG">mon texte</span></td>
	<td><span class="fondcelG">mon texte</span></td>
  </tr>
</table>

Habillage CSS :
td { background: transparent url(chemin vers mon images) no-repeat top right;}

.fondcelG { background: transparent url(chemin vers mon images) no-repeat top left;}

Normalement tu te retrouve avec les 2 images de fond qui s'éloignent ou se rapprochent en fonction de la largeur de ta cellule.

Attention toutefois, ne connaissant pas le type de contenus que tu as prévu pour tes cellules, je n'ai utilisé la balise "span" qu'a titre d'exemple, celli ci à des comportement particuliers qui peuvent necessiter des réglages précis au niveaau de ton css, particulièrement si tes cellules on des marges interieurs.

Et dernière précision : je ne suis pas un pro de l'habillage des tableaux via css

++

Aymeric

C'est avec plaisir que je repondrais à tes interrogations Zne_Spirit, mais je n'ai pas accès à tes fichiers.

Il faut être enregistré.

++

Aymeric

Bonjour Zen_spirit,

Comme Perrine, quand j'ai vu que tu te lançais dans l'étude de mtv.com, je me suis dit "houlaaaaa".

Je confirme le fait qu'il vaut mieux que tu commences par des sites "simples" et de préférence "valides".

Il y'a un exercice de mise en pratique simple, commenté et efficace que je conseille à toute personne désirant comprendre les histoires de positionnement :

Réalisation d'un designxhtml/css en 5 étapes

C'est un tutoriel du site alsacreations.com

Les explications sont claires, les codes commentés et l'évolution du travail étape par étape permet bien de "comprendre" les css tricks.

Bon courage,

Aymeric

Bonjour evaleo,

Juste une petite précision, c'est mieux de s'attaquer aux CSS en connaissant les fondamentaux du HTML ou du XHTML.

Tu trouvera tout en haut de ce forum un ensemble de sources pour t'aider dans cette démarche.

Bon courage,

Aymeric

Bonsoir Sebastien,

remplace ce qui touche a ton h1 dans le style.css par les lignes suivantes :

#top h1{
	position:relative;
	letter-spacing: 0.3em;
	background: transparent url(images/logo.gif) no-repeat center left;
}

Et retire le background:transparent de ton #top h1 a

Et normalement tout devrait rentrer dans l'odre.

Je sais qu'il y'a un problème assez fréquent avec les blocs en position relative et les fonds image, me rappelle plus la règle, mais c'est ce que j'utilise dans ce genre de cas.

++

Aymeric

Bouhouhouhou... arrettons de confondre Infographiste et webdesigner, ce sont deux métiers différents.

Pour le reste, si on a affaire à un jeune projet, l'embauche immédiate est elle la meilleur solution?

As-tu pensé à l'outsourcing, comme certains en ont parlé dans leurs posts?

En faisant appel à un vrai chef de projet externe, il sera capable de te monter une équipe de travail complète en fonction de ton projet.

Un dev en fonction des technos utilisées.

Un webdesigner en fonction du look désiré de la boutique.

Agent commercial

Redacteur

Referenceur

Etc...

Et mettre en place toutes les structures collaboratives online pour suivre le projet.

Le coût initial ne sera pas forcément plus lourd que de passer par une agence toutenun, mais tu pourras avoir la certitude d'avoir une équipe motivée (les indépendants sont toujours motivés ) et ne payer qu'en fonction de tes besoins réels.

Ensuite, quand tu auras assez de recul face à ton activité et sa perrenité, tu pourras alors songer plus sereinement une embauche, tout en gardant quelques compétences en externe et petit à petit les remplacer en interne si le besoin s'en fait sentir et les moyens présents.

My two cents,

Aymeric, un peu HS, quoi que...

Bonsoir simous,

Quelques petites erreurs dans ton css, vvoici une version modifiée :

ul {
	list-style: none;
	margin: 0px;
	padding: 0px 5px;
	}

li {float: left;}	

li a {
	display:block;
	list-style: none;
	height: 44px;
	width: 83px;
	padding: 60px 0px 0px 0px;
	margin: 0px;
	clear: none;
	border: 1px solid #FF0000;
	color: #000;
	text-decoration: none;
}

li a:hover {
	color: #FE9900;
	height: 44px;
	width: 83px;
}

En fait dans le code que tu proposais, le float était attribué à l'élément " li a" et non pas à l'élément "li".

J'ai ajouté un display:block à l'élément "li a" pour changer son comportement parce que c'est un élément naturellement "en ligne".

Wala.

Aymeric

Bonjour,

2 type de statistiques différentes entre le site institutionel et le blog qui lui est associé :

Le site "corporate" :

Firefox 64.30%

Explorer 21.51%

Autre 5.34% <--- principalement certains bots non reconnus

Netscape 2.85%

Safari 1.62%

Mozilla 1.06%

Opera 0.80%

Avant Browser 0.50%

Konqueror 0.43%

Maxthon 0.43%

Ce qui n'est pas une très bonne nouvelle pour moi.

Le blog :

Firefox 54.57%

Explorer 25.78%

Autre 12.59% <-- principalement certains bots non reconnus

Safari 2.63%

Opera 1.15%

Mozilla 1.15%

Netscape 0.49%

Avant Browser 0.44%

Maxthon 0.38%

Camino 0.27%

++

Aymeric

Houlaaa je me quote moi même parce que j'ai ecris quelque chose qui peut être très mal interpreté :

Mais une mise en page en tableaux n'indique pas grand chose sur la structure du document aux robots des moteurs de recherche, et surtout rien sur la hierarchie réelle de l'information.

Ca, ça ne veut rien dire, c'est de la désinformation.

Je me précise, si tu fais une mise en page globale en tableaux, SANS préciser le type de contenus dans tes cellules (<h1>, <ol>, etcc) tu ne donne aucune information sur lidentité réelle de tes contenus.

Par contre, si dans ta construction en tableaux, tu inclus ces tags de façon à identifier les contenus, ça tient tout à fait la route.

Ce n'est pas totalement propre parce que l'on continue à détourner l'usage des tableaux, mais au moins les éléments de ta page sont bien "taggés" et les navigateurs et robots les "comprendront" mieux.

Si tu veux faire un passage en douceur de la mise en page dite "en tableaux" à la mise en page dite "full html/css" je te conseille dans un premier temps de commencer par correctement "tagger" tes éléments et de travailler a fond les css, puis quand tu te sentiras plus à l'aise, tu pourras assez facilement passer à la mise en page sans tableaux, car tu aura acquis une meilleur compréhension des comportements CSS et du code html au fur et a mesure de tes lectures.

Passer directement à la mise en page sans tableaux risque de te décourager car tu auras du mal à obtenir les rendus espérés du fait des différences propres aux navigateurs.

Pour revenir à ce que tu dis :

Mais comme tu me l'avais précisé auparavant, le fait de faire cela sera moins contraignant pour modifier quoique ce soit sur les pages. Je n'aurais que le Css à modifier. C'est génial, mais avant tes précisions, je me disais que cela n'était pas nécessaire puisque ça marchait comme ça !!!

C'est bien le problème, c'est que bien que ce ne soit pas fait pour, ça "marche", ce qui fait que encore beaucoup de "professionnels" du web ne voient pas l'intérêt de faire autrement.

Wala, j'ai fini pour le moment.

Si ça peut te rassurer je ne me suis mis au (x)html/css que depuis Février dernier.

Encore une fois bon courage.

++

Aymeric

Bonjour jlb59,

Pour faire rapide, il n'ya pas de relation particulière entre CSS et référencement, c'est au niveau du code html qu la "différence" peut se faire.

Comme tu as pu voir, le code html est globalement assez simple, mais il faut savoir que chaque "élément" html a une valeur qui lui est propre qui signifie réellement quelque chose.

Quelques exemples :

Les balises hx signifient la presence d'un titre, le chiffre que l'on trouve près le h donne le niveau du titre :

- <h1></h1> précise que nous avons affaire à un titre de premier niveau, utilisé principalement pour le titre du site ou le titre de la page en cours

- <h2></h2> titre de deuxième niveau, on va dire que cela correspond en gros à un titre de rubrique

- <h3></h3> titre de troisieme niveau, etc etc et ça continue jusqu'a <h6></h6> il y'a 6 niveaux de titres

Ces balises ont une valeur sémantique pour les logiciels interprétant ces données, c'est à dire qu'elles définissent un ordre de priorité de l'information et structurent le document.

si tu fais un test sur une page html vierge d'ecrire 6 titres des 6 niveaux en n'ajoutant aucun élément de mise en page ajouté (mise en forme sous un logiciel type dreamwever) et que tu l'affiche dans ton navigateur, tu verras que par défaut ces éléments sont affichés différemment (le titre <h1></h1> sera affiché par défaut beaucoup plus gros que le <h6></h6>.

Tous les éléments html ont une valeur sémantique qui indiquent au navigateur à quel type de contenu il a affaire :

<p></p> indique clairement que nous avons affaire à un paragraphe

<ul></ul> indique que nous avons affaire à une liste non ordonnée

<ol></ol> indique une liste ordonnée

Etc etc... petite précision, les éléments de liste sont ensuite compris entre cette balise : <li></li>

En écrivant ce code :

<ol>
<li>n'importe quel texte</li>
</ol>

Nous indiquons au navigateur que nous avons un élement de liste (<li>) d'une liste ordonnée (<ol>) il va donc afficher par défaut un chiffre devant l'élément de liste lors de l'affichage (dans notre cas 1, car il n'y a qu'un seul élément).

Pour revenir aux tableaux, ils ont une valeur sémantique, celle d'indiquer que nous avons affaire à des données tabulaires.

Les tableaux (<table></table>) n'ont jamais été pensés pour faire des mises en mage complexes, mais pour permettre d'afficher des... tableaux de données.

Leur usage initial a été détourné à cause principalement de l'émergence des logiciels wysiwyg, parce que l'on pouvait rapidement faire des mises en page complexes et que globalement c'était affiché pareil dans les 2 principaux navigateurs de l'époque : IE et netscape.

Mais une mise en page en tableaux n'indique pas grand chose sur la structure du document aux robots des moteurs de recherche, et surtout rien sur la hierarchie réelle de l'information.

Si je reprend ton code :

 <tr>
		<td colspan="2" align="left" style="border-left: 1px solid black;background: #330000">
<a class="PgAccueil_Titre" style="color: #0099CC;" href="#">  » P2</a>
		</td>
	</tr>

Hormis le fait que tu as un bout de texte dans une cellule d'un tableau, le robot n'en tire rien d'autre il n'y a que toi qui sait que c'est ton titre de page, à la rigueur le visiteur humain pensera que c'est ton titre de page parce que l'auras mise en gras et d'une couleur plus voyante, mais c'est tout.

par contre si à la place tu utilise un :

<h1>  » P2</h1>

Le robot distinguera immédiatement que c'est le titre de la page, donc que c'est important.

Pour finir, il est vrai par contre que es éléments de base html ne permettent pas de faire des mises en page complexes, on peut y ajouter des éléments structurants du type <div>blabla contenu</div> qui permettent de découper ta page en blocs d'informations. Ensuite.... les CSS sont là pour positionner tout cela dans l'espace et pour décorer.

Voile, j'espère que cette explication aura été claire pour toi, tu trouveras des sources et explications plus complètes dans les messages en post-it de ce forum si tu décides de pousser plus loin.

Une bonne source, le site alsacreations.com qui est je le pense un bon endroit pour débuter avec les mises en page html/css.

Bon courage,

Aymeric