Press releases can help you gain exposure for your business, products or services and increase your visibility and credibility online.

It’s the editorial feel and informative nature that separates it from tradtional advertising. This is a critical distinction. Journalists are trained to weed out and scrap any press releases that come off sounding like a thinly-veiled ad.

The idea is simple, “If you want to advertise your product or company you can buy the ad space like everybody else. If you want me (the journalist) to give you free publicity, you better make my job easier by giving me something that helps my readers live or work better; helps my paper or magazine sell more copies or more ad space, or helps attract more interested visitors and advertisers to my web site.”

You can target traditional media like magazines, newspapers and major online news portals or look to “grassroots” media, like influential site owners and bloggers.

An email press release should be a brief (350 - 500 words) and objective announcement about your company, product or service to the media. Paragraphs should be no longer than 3-4 sentences.

Spend time developing and writing from a unique angle that matches the mindset of your target audience. What you consider “newsworthy,” may be considered “old news” by a journalist. Try to find supporting, unbiased information that adds credibility to your angle.

As you draft and edit your press releases, keep looking at it from the journalists and then the intended reader’s point of view. You have to answer two simple questions:

1. “Why should I the journalist/reader care?”

2. “Why should I stop what I’m doing right now and read this press release?”

Note: It’s considered poor etiquette to attach photos and other documents when contacting reporters through email. It’s better to post that information on your site in an online media kit�including any photographs, biographies, white papers and other product/company information.

If you are working with a very small budget and possess some creativity and writing skill, you can get away with writing your own release and submitting it through free submission services. If you have the money to hire someone, there are many press release services available, with prices all over the map. If you have a larger budget, you can use a service that will write and distribute releases for you. Press Release Guidelines

* Submit to media that reaches your target market.

* The first line of the email message should read FOR IMMEDIATE RELEASE.

* Compose a compelling e-mail subject header and headline (less than 10 words).

* Cover the �five W’s� in your first paragraph.

* Write for a journalist, not a customer (make it �newsworthy�)

* Position your story as a solution to a business or consumer problem or highlight your expertise in an area of interest/trend.

* Provide electronic contact information including an e-mail address and telephone number for the press contact and web address of the company.

* Include testimonials of key clients or endorsement from a ‘non-biased’ sources (with permission).

* Give a brief personal or company background at the end of the release.

* Don�t rely on spell-checker to proofread for you.

* Close the release with -30- or ### which are generally accepted indicators for the end of a story.

Example

FOR IMMEDIATE RELEASE

Peanut Boy Introduces Squeezable Peanut Butter

PLANTERS, Mass. � January 16 (Tike Press)- Paragraph One�

Body Text/Paragraphs

Hassan Ait Ali, HR Connect, Communication 1 Traduction Maroc

Are press releases really important ?

It seems to me that some web users are completely unaware of the importance and the power of a good press release.

I�ve read recently somewhere a user�s assertion that really scared me:

“Press Releases have been devalued a lot by Google, so they�re no magic answer.”

Who cares whether Google values or devalues a press release?

Press releases are not addressed to Google, but to the people! While online press releases might generate positive �secondary effects�, such as inbound links, this is not their main purpose.

You might be surprised to learn that press releases are really powerful online media tools. I am not talking just about immediate results, but also about results that can be seen in time, sometimes weeks, even months, after� “releasing the news”.

I am still amazed that people confuse advertising and publicity. Could it be because in the dictionaries these two terms are synonyms? Then I�ll not write �publicity� anymore, but public relations. Advertisers focus on the �now� and on the direct sales.

Public relations experts focus on the long-term relationships with the industry, clients, media and business partners. Public relations generate �credibility�. Sometimes PR experts present news about a company in the form of relevant press releases.

If online PR officers should focus on keyword optimization to ensure broader exposure, offline things are easier. But offline press releases don�t have such huge chances of coverage as it happens online! From my point of view, using the Web for certain public relations campaigns is far more worth than using offline channels.

Press releases are read by journalists online or offline, and if they decide a story is worth publishing, they might write an article or publish it “as is”.

To make a long story short, an online press releases has the following purposes:

• to give journalists information that is useful and accurate about a product, service, company and even a person;
• to gain public confidence and strengthen public image for a brad, company or product;
• to inform the market of a new or improved product or service.

The purpose of a press release, I have to repeat that till it is clear, is not to make a sale, but to �announce� in a sober, neutral and realistic manner news about products, services and changes. The press release is not a story that should be published word for word. It�s just a tool to grab the attention of the editors.

Hassan Ait Ali, HR Connect, Webdesign Maroc, Web Design Maroc Traduction Maroc, Flash Maroc, Formation Maroc, Multimedia Maroc, Interprétariat Maroc, Web Agency Maroc, Web Maroc, Agence Conseil en Communication Maroc, Communication Maroc, Agence Conseil Maroc, Consulting Maroc, Tourisme Maroc, Développement Web Maroc, Outsourcing Web Maroc

When the media comes calling, do you know how to handle the situation to gain positive visibility for your company? Often, small business owners miss out on great opportunities�or turn a potentially positive situation into a negative one for their firms. Dealing with the media does not have to be scary or confrontational.

A writer or reporter working on a story will often contact local businesses for one of three reasons: to get an expert opinion from inside a particular industry; to obtain a reaction to a trend or recent event from a local business; and to gain background information on a complex subject. All of these reasons give you a great opportunity to position yourself as an expert and a leader. Use these five tips to work with reporters, and reap the benefits in good publicity.

Answer the phone. I�m amazed at the number of business people who shy away from taking a call from a writer or reporter. Writers are calling to get an industry perspective or to gain a quote from an expert�you. You can�t be quoted if you don�t answer the phone!

Respond promptly. Writers work on deadline. A reporter for a daily newspaper may have only a few hours in which to gather information before the story is due. A magazine writer may have a few days. So many times I�ve seen business owners put off returning a call only to find out that the article has been written without their input. Think of the opportunity to get quoted positively as a free ad for your company. It�s a gift. Don�t keep the giver waiting.

Avoid paranoia. Although it is fashionable in some circles to be cynical (and even hostile) to the media, the truth is that most reporters are just trying to do a day�s work�which for them is writing articles and stories. Unless your firm has done something wrong, the writer is rarely �out to get you.� Some companies create a negative story where none previously existed by treating reporters as the enemy or by responding in an adversarial way. Give the writer the benefit of the doubt. You certainly don�t want to volunteer any negative information, but you can use the power of the pen to showcase your company in a positive light. Never say �no comment.� It always makes you look guilty or scared. Even in a bad situation, say something that offers insight into the actions you plan to take or the way you hope to turn things around.

Think before you speak. I�ve heard people complain about being misquoted by writers or even made to look bad. In reality, the reporter most likely used the person�s exact words, which may not have come across very well when the person read what he actually said. You can avoid having this happen to you by taking a moment to collect your thoughts instead of blurting out the first thing that comes to mind. Asking for a moment to think through the question is perfectly legitimate. Most writers will be willing to wait. After all, the writer wants a good quote, too! So take a moment and say what you really mean. It will look better the next day when you read it in print.

Avoid puffery. Avoid the urge to brag. Saying that your company is the best, the only or the first in its industry creates liability for the writer unless you can back up your claim. Talk about your services and what makes your company different, but avoid overstatements that are likely to get your quote deleted.

By using these five tips, you can leverage a writer�s question into great visibility for your company. Always be sure to spell out your name even if the writer forgets to ask, and make sure he or she has your correct title, the full name of your business, and even your email address for any follow-up questions or clarifications. By making the most of the chance to be quoted, you are putting good public relations to work for your company�for free!

Hassan Ait Ali, HR Connect, Media Maroc

Crisis Communications :

you have a crisis management or crisis communications plan for your business or organization? Do you believe your business or organization is too small to need a crisis communications plan? Or do you believe that crises only happen to others?

If you are like the majority of businesses and organizations today, especially small to medium sized ones, you answered NO to the first question and probably YES to the second question. And I hope you answered NO to the third question.

Well, I cannot emphasize too strongly that no matter how big or small you are, every organization should have a crisis management and crisis communications plan.

If you read the newspapers or watch the news on TV or hear the news on the radio, you know that crises happen every day. No person or organization is immune from crises. Think about such recent crises as fires, bank robberies, corporate scandals, sexual harassment, product recalls, death of top executives, closing a facility, etc.

So what should you do? The answer: develop a crisis management plan in 2 parts. The first part is the crisis management plan (how your company or organization will deal with the crisis at hand to minimize negative impacts). The second part is the crisis communications plan (how you will communicate with the media and the public about the crisis).

Too many companies prepare one without the other. Both are critically important. Your goal needs to be that most crises will never get reported in the media because you handled the situation skillfully enough that it never became visible to the media. And the development and implementation of a good crisis communications plan will help make sure of that.

Some great tips and techniques for your crisis management program can be found on the Public Relations Society of America website. General principles that can positively affect your actions and communication in a crisis situation.

Crisis communication planning can help you deal effectively with those unexpected disasters, emergencies or other unusual events that may cause unfavorable publicity for your organization.

Before the crisis, successful communication will depend, in large part, on the preparations you make long before the emergency occurs.

During the crisis, your focus is to deal with the situation, gather accurate information and communicate quickly.

Reporters provide few surprises in a crisis situation.

Your spokesperson should be forthright in dealing with media questions. There are, however, some questions he or she simply cannot and should not answer.

Your spokesperson should not respond to media questions with “no comment” because this answer can imply a lack of cooperation, an attempt to hide something or a lack of concern. There are more appropriate responses when he or she either doesn’t have one or is not at liberty to give certain information after the crisis.

Hassan Ait Ali, HR Connect, Webdesign Maroc, Web Design Maroc Traduction Maroc, Flash Maroc, Formation Maroc, Multimedia Maroc, Interprétariat Maroc, Web Agency Maroc, Web Maroc, Agence Conseil en Communication Maroc, Communication Maroc, Agence Conseil Maroc, Consulting Maroc, Tourisme Maroc, Développement Web Maroc, Outsourcing Web Maroc

Le format .swf générer par flash est un format ouvert. C’est à dire que Macromédia en a fournis les bases à certaines entreprises afin que leurs logiciels puissent aussi créer des animations au format FLASH. Voici quelques uns de ces logiciels…

FlashMX : est édité par macromedia inventeur du système flash

Live Motion : C’est le grand concurrent de FlashMX. Live motion est éditer par Adobe et en est actuellement à sa version 2.0. Son interface est d’avantage orientée objet. Site: live motion.

Swish: En très peu de temps swish est devenu l’un des logiciels les plus populaires pour créer des animations en flash.Il ne permet d’animer que des éléments de type texte, mais il possède une foule d’effet prédéfinis qui accélerent considérablement le travail d’animation.

Fire Starter: A l’image de swish il permet la création des animations Flash à l’aide d’effets prédéfinis.Il permet la gestion des sons et l’ajoue de bon nombre d’effets sur des images bitmap. Site: Fire Starter

Swift 3d Il marie parfaitement les possibilités d’animations vectoriels de flash et le dessins en 3d. Il est maintenant disponible en tant qu’éditeur à part entière. Il permet la création d’animation tridimensionnelles mais egalement leur exportation sur le web. Site: Swift 3D

Illustrator: Même s’il est destiné avant tout à la création sur papier, il s’est bien vite adapté à la création vectoriel pour le web. Ses outils de dessins puissants font de lui une solution de luxe.

Hassan Ait Ali, HR Connect, Webdesign Maroc, Web Design Maroc Traduction Maroc, Flash Maroc, Formation Maroc, Multimedia Maroc, Interprétariat Maroc, Web Agency Maroc, Web Maroc, Agence Conseil en Communication Maroc, Communication Maroc, Agence Conseil Maroc, Consulting Maroc, Tourisme Maroc, Développement Web Maroc, Outsourcing Web Maroc - flash maroc

Les feuilles de styles (en anglais CSS : Cascading Style Sheet) permettent de définir la representation graphique d’un élément HTML. Vous controlez ainsi la representation de votre document dans le navigateur de vos visiteurs (mais aussi la façon dont le document sera imprimé…)

Cette technologie est définie dans une norme élaborée par le W3C (World Wide Web Consortium). Il en existe plusieurs version CSS1 pour la version 1, CSS2 (version 2) …

Un petit exemple pour mieux comprendre :

la méthode classique pour écrire en bleu est la suivante :

<font color=“blue”>ceci est bleu</font>

ce qui donne :

ceci est bleu

A present avec l’aide d’une feuille de style nous allons force l’ecriture de toutes les sections DIV en bleu. Cela s’écrit de la façon suivante :

<style>

div.test { color: blue; }

</style>

<div class=“test”>ceci est bleu</div>

Le résultat est le même :

ceci est bleu

Petite explication : la section style permet de définir une feuille de styles. On spécifie ensuite le tag html et les attributs que l’on souhaite modifier (ici color). Et voila le tour est joué. C’était votre première feuille de style.

Hassan Ait Ali, HR Connect, Web Design Maroc Traduction Maroc, Flash Maroc, Formation Maroc, Multimedia Maroc, Interprétariat Maroc, Web Agency Maroc, Web Maroc, Agence Conseil en Communication Maroc, Communication Maroc, Agence Conseil Maroc, Consulting Maroc, Tourisme Maroc, Développement Web Maroc, Outsourcing Web Maroc

La création de site Internet nécessite la maîtrise des technologies suivantes :

Html

C’est le langage qui permet de créer à proprement parler votre site Internet, il permet la mise en forme et l’architecture de votre création

css

Pour la mise en page, le choix des couleurs, la taille des polices de votre site Internet, on utilise les feuilles de style. La création d’un site Internet moderne passe par l’utilisation des css

php / mysql

La gestion d’un site internet dynamique passe par l’utilisation d’un base de données, la plupart des hébergeurs proposent mysql et l’utilisation de php pour accéder et traiter les données.

Création site Internet

Référencement

Le référencement consiste à enregistrer votre site dans les moteurs de recherche, c’est une étape importante et relativement simplement mais indispensable une fois la création de votre site Internet terminée

Positionnement d’un site Internet

Beaucoup moins trivial que le référencement, le positionnement nécessite des heures de veille technologique et de tests sur les moteurs pour que votre site Internet puisse jouir d’une bonne visibilité

Création site Internet

Hébergement d’un site Internet

La création d’un site Internet ne sert à rien tant qu’il n’est pas en ligne, pour cela vous aurez besoin d’un hébergement professionnel qui assurera un temps d’accessibilité de votre site optimal sur Internet

Achat nom de domaine

Un professionnel saura également vous conseiller à acheter un nom de domaine pertinent et allié utile au référencement

HR Connect vous aide dans chacune des étapes de la création de site web. Si votre objectif est un création de site web, lisez d’abord un petit peu sur la ‘Création d’un site‘ pour voir quelles sont les économies que vous allez faire et si cela en vaut bien la peine. Pour la création de site, les 3 étapes sont les suivantes.

Hassan Ait Ali, HR Connect, Webdesign Maroc, Web Design Maroc Traduction Maroc, Flash Maroc, Formation Maroc, Multimedia Maroc, Interprétariat Maroc, Web Agency Maroc, Web Maroc, Agence Conseil en Communication Maroc, Communication Maroc, Agence Conseil Maroc, Consulting Maroc, Tourisme Maroc, Développement Web Maroc, Outsourcing Web Maroc

Le langage CSS (Cascading Style Sheets : feuilles de style en cascade) est utilisé pour décrire la présentation d’un document structuré écrit en HTML ou en XML, et c’est le World Wide Web Consortium (W3C) qui en a la direction.

Vue d’ensemble

CSS est utilisé pour définir les couleurs, les polices, le rendu, et d’autres caractéristiques liées à la présentation d’un document. L’objectif est de bien séparer la structure (écrite en HTML ou similaire) et la présentation (en CSS) du document. Cette séparation fournit un certain nombre de bénéfices, permettant d’améliorer l’accessibilité, de changer plus facilement de structure et de présentation, et de réduire la complexité de l’architecture d’un document. Enfin, CSS permet de s’adapter aux caractéristiques du récepteur.

HTML ne décrit que l’architecture interne, et CSS décrit tous les aspects de la présentation. CSS peut définir couleur, police, alignement de texte, taille, position, mais aussi le formatage non visuel, comme la vitesse à laquelle le document doit être lu par des lecteurs de texte.

Ainsi, les avantages des feuilles de style sont multiples :

• La structure du document et la présentation peuvent être gérées dans des fichiers séparés.
• La conception d’un document se fait dans un premier temps sans se soucier de la présentation, ce qui permet d’être plus efficace.
• Dans le cas d’un site Internet, la présentation est uniformisée : Les documents (pages « html ») font référence à la (aux) même(s) feuille(s) de styles. Cette caractéristique permet de plus un “relookage” rapide.
• Un même document peut donner le choix entre plusieurs feuilles de style (impression ou lecture à l’écran par exemple). Certains navigateurs web permettent d’accéder facilement à un choix de feuilles de style.
• Le code HTML est considérablement réduit en taille et en complexité, puisqu’il ne contient plus de balises de présentation.

CSS utilise une pléthore de mots-outils anglais destinés à caractériser les éléments HTML. Voici l’exemple d’une portion de feuille de style :

p { font-size: 110%; font-family: Helvetica, sans-serif; }

h1 { color: white; background: red; }

Ce code CSS fixe pour les éléments p (paragraphe), le paramètre de taille à la valeur 110% et le paramètre de police à la valeur Helvetica, ou, si Helvetica est indisponible, police générique. Quant aux titres (éléments h1) ils seront en blanc, sur fond rouge.

Le CSS permet aussi de définir plus précisément la manière de représenter un élément grâce aux id et aux class. Les identificateurs (id) sont utilisés pour caractériser un élément unique (un menu, un mot…), mais les classes (class) sont utilisées pour caractériser un ensemble d’éléments (comme des menus organisés de manière similaire).

Par exemple : l’on place dans le fichier de contenu (fichier HTML, ou similaires), comme ceci :
<p class=”beauParagraphe”>Je suis né en Alsace. […]</p>
et dans le fichier de contenant :
.beauParagraphe { text-indent: 1em; }
Ceci donnera un alinéa à la classe .beauParagraphe, soit ici la phrase « Je suis né en Alsace. »

La présentation est donc bien séparée du contenu. (C’est suite à la prise en compte des avantages de CSS que le W3C déconseille maintenant les éléments et les attributs de présentation en HTML, comme align=”" ou <font face=”">.)

Les descriptions CSS peuvent être données à l’intérieur d’un document HTML, ou importées séparément dans le lecteur. Cette possibilité donne une certaine flexibilité à CSS. De plus, CSS peut être utilisé avec XHTML, XML, ou avec n’importe quel format de document structuré correctement implanté dans un logiciel ou dans un navigateur.

Les feuilles de style peuvent contenir des commentaires. La syntaxe est la suivante : /* commentaire */

Histoire de CSS

Un concept parmi d’autres, présent dès l’origine du Web

Découlant de la séparation de la structure et de la présentation voulue par Tim Berners-Lee, le concept de feuilles de styles est présent dès l’origine du Web : le premier navigateur Web (« WorldWideWeb », renommé par la suite « Nexus »), permet de mettre en forme les documents à l’aide de ce qui serait aujourd’hui considéré comme une « feuille de style utilisateur ». De même, les navigateurs Viola en 1992 et Harmony en 1993 recourent à un mécanisme similaire permettant de déterminer le rendu des polices de caractères, des couleurs ou de l’alignement du texte.

Il ne s’agit cependant pas de styles déterminés par l’auteur du document. Les premières implémentations HTML ne comportant pas non plus d’éléments de présentation, une pression croissante s’exerce alors pour que les navigateurs permettent aux auteurs de déterminer eux-mêmes la mise en forme des pages web, dans un démarche issue de la publication imprimée électronique. C’est dans ce contexte, en 1993-1994, que le tout nouveau Netscape Navigator introduit les premiers éléments HTML de présentation à l’intiative de Marc Andreessen, tandis qu’apparaissent concurremment les premières proposition de formats de styles externes: le « stylesheet proposal » de Pei Wei (créateur de Viola), les « Stylesheets for HTML » de Robert Raisch (O’Reilly), et enfin les «  Cascading HTML Style Sheets » (CHSS) d’Håkon Wium Lie : l’apparition de CSS répond à une volonté de « proposer une alternative à l’évolution du HTML d’un langage de structuration vers un langage de présentation »

Une troisième voie de développement est également ouverte à la même époque : le langage de transformation DSSSL des documents SGML, élaboré par James Clark, suggère la possibilité d’un format de styles qui ne soit pas seulement descriptif, et se rapproche d’un véritable langage de programmation. Cette voie est suivie par Netscape, qui propose en 1996 au W3C les « JavaScript-Based Style Sheets » (JSSS), implémentée par Netscape Navigator 4 en 1997.

Les origines des CSS sont donc liées à trois alternatives majeures :

• HTML est-il un format de structuration ou un format mixte de mise en forme et de structuration ?
• Les choix de présentation de l’auteur doivent-ils avoir la primauté sur ceux de l’utilisateur ?
• La réponse aux besoins est-elle un format de description de la mise en forme, ou un langage de transformation ?

Les premiers développements de CSS

La première proposition de « Cascading HTML Style Sheets » formulée par Håkon Wium Lie retient l’attention de Dave Raggett, qui est alors le principal éditeur du projet de spécification HTML3.0. Partisan d’un HTML purement structurel, il encourage la publication d’un document de travail CHSS, afin que celui-ci puisse être présenté et discuté à la seconde conférence internationale sur le WWW (« Mosaic and the Web », Chicago, 1994). Il modifie également avec Håkon Lie le navigateur Arena, afin de permettre de tester ce format, et en fait la démonstration lors de la troisième conférence WWW en 1995.

Parallèlement, Bert Bos, qui travaillait alors sur le navigateur Argo, et qui avait soumis au W3C son propre projet « Stream-based Style Sheet Proposal » (SSP), décide de joindre ses effets à ceux d’Håkon Lie. SSP ayant été développé avec l’idée d’être applicable non seulement à HTML, mais aussi à d’autres langages de balisage, Bert Bos et Håkon Lie reprennent cet objectif, et en font une des caractéristiques clés de ce qui devient alors CSS proprement dit.

Un autre aspect de CSS s’avère alors déterminant face aux alternatives existantes: CSS est le premier format à inclure l’idée de « cascade » (feuille de style en cascade), c’est à dire la possibilité pour le style d’un document d’être hérité à partir de plus d’une « feuille de style ». Cela permet d’arbitrer entre plusieurs sources concurrentes de mise en forme d’un élément, et répond donc à la nécessité de composer entre les préférences stylistiques des auteurs et des utilisateurs.

Le World Wide Web Consortium (W3C) devient opérationnel en 1995, et la liste de discussion www-style est alors créée. La même année se tient à Paris un « W3C style sheet workshop » décisif pour l’avenir des CSS. Y est notamment affirmée la volonté de conserver les feuilles de style sous une forme simple, ce qui exclue l’hypothèse JSSS de Netscape. Par ailleurs, Thomas Reardon (Microsoft) y annonce le support à venir de CSS dans les futures versions d’Internet Explorer : dès lors, lorsque le W3C crée à la fin de l’année l’« HTML Editorial Review Board » (HTML ERB) pour ratifier les futures spécifications HTML, DOM et CSS, Netscape, représenté par Lou Montulli, se rallie finalement au projet CSS mené par Bert Bos et Håkon Lie.

Vers une maturation difficile

CSS1.0, des implémentations difficiles pendant la guerre des navigateurs

La spécification CSS1.0 finale est publiée le 17 décembre 1996. CSS1.0 se définit comme un « mécanisme de feuille de style simple, permettant aux auteurs et aux lecteurs d’attacher des styles (…) au document HTML ». Cette simplicité se traduit par le choix d’un langage qui peut être aisément lu et écrit directement par ses utilisateurs humains, et d’une terminologie conforme aux usages courants dans la publication informatique. Le choix éventuel d’exprimer CSS dans une syntaxe XML ou SGML, régulièrement évoquée pour éviter l’implémentation d’un nouveau mode de parsing, est donc définitivement écartée.

CSS1.0 définit essentiellement les propriétés de rendu typographique du texte: fontes, couleur, taille des caractères, graisse, espacements, bordures et gestion des marqueurs de liste. Il n’est donc pas encore question de « mise en page »: la propriété float, qui sera par la suite massivement utilisée pour la mise en page CSS globale des designs web, n’est alors conçue que comme un moyen de placer localement, côte à côte, une portion réduite du contenu, tel qu’une image, et le reste du texte. Compte-tenu des implémentations problématiques de CSS1.0, le détournement de l’élément HTML table pour gérer la mise en page globale reste dans l’immédiat la solution la plus couramment retenue par les auteurs de contenu Web.

En 1996, Internet Explorer 3.0 est le premier navigateur commercial à implémenter partiellement CSS alors que celle-ci est encore en cours de formulation. Cette implémentation anticipée, menée par Chris Wilson ne correspond pas à la spécification finale. En 1997, Internet Explorer 4.0 voit la naissance d’un nouveau moteur de rendu, Trident, à l’origine du support croissant mais problématique de CSS dans les différentes versions de ce navigateur sous Windows, jusqu’à IE7 inclus.

Netscape Navigator 4.0 suit le mouvement en 1997, malgré ses réticences historiques vis à vis de CSS: dans le contexte de la guerre des navigateurs, il s’agit alors principalement d’éviter que Microsoft ne puisse s’affirmer comme le navigateur le plus conforme. Cependant, cette implémentation précipitée, basée sur des méthodes javascript internes, se révèle peu finalement exploitable par les producteurs de contenus. Netscape Navigator 4.0 apporte également une implémentation JSSS, qui restera sans lendemain. Il faudra attendre le nouveau moteur de rendu Gecko et son intégration dans Netscape 6 en pour parvenir à une véritable implémentation de CSS1.0.

En 1998, alors que s’achève la guerre des navigateurs opposant Netscape et Microsoft, Opera 3.5, dont Håkon Lie est entre-temps devenu le directeur technique, parvient à une implémentation plus complète de CSS1.0, facilitée par la publication de la première « Test suite for Cascading Style Sheets (CSS) Level 1 » créée principalement par Eric Meyer pour le W3C^[20]. La présence de ces suites de test se révèle un atout majeur à la fois pour les implémentations dans les navigateurs et pour l’appropriation des techniques CSS par les auteurs (en fournissant des exemples détaillés des propriétés et de leurs valeurs).

Enfin, sous l’impulsion de Tantek Çelik, Internet Explorer 5.0 pour Macintosh lancé en mars 2000, basé sur Tasman, un moteur de rendu spécifique sans rapport avec Trident, est le premier navigateur à supporter complètement (à plus de 99 %) CSS1.

Durant cette période de la fin des années 90, la conception Web est avant tout dépendante de l’utilisation d’HTML en tant que format de présentation. La défaite de Netscape à l’issue de la guerre des navigateurs, le renouveau qui s’en suit via le projet Mozilla, l’apparition d’IE5 Mac, et à un moindre titre l’évolution d’Internet Explorer Windows 5.x, amorcent cependant au début des années 2000 une nouvelle étape dans l’évolution des pratiques de conception des sites Web par les auteurs : ces navigateurs permettent en effet de montrer que les pratiques historiques datant de l’époque de la guerre des navigateurs, mêlant structure et présentation, peuvent réellement être abandonnées au profit d’une démarche basée sur les feuilles de styles et le respect plus général des standards du Web (au sens d’HTML et CSS). Jeffrey Zeldman, co-fondateur du Web Standards Project et fondateur d’A List apart en 1998, apparaît alors comme la figure emblématique de ce mouvement de promotion des standards^[21]. Il est également l’inspirateur d’une démarche de conception « hybride », tirant profit des techniques CSS tout en demeurant temporairement dans le cadre d’une mise en forme des documents basée sur les tableaux de présentation.

CSS2.0, des ambitions précipitées

Pour répondre aux besoins que la première spécification CSS1.0 ne couvrait pas encore, CSS est attribué en 1997 à un nouveau groupe de travail au sein du W3C, présidé par Chris Lilley. CSS2 est publié comme une recommandation officielle en mai 1998, tandis que CSS3 commence à être développée.

CSS2.1, retour aux implémentations

Cependant, CSS2.0 s’avère rapidement un standard trop riche, dont certaines sections sont sous-spécifiées, voire pratiquement impossibles à implémenter

Bien que CSS1 soit paru en 1996, trois ans ont été nécessaires pour qu’un navigateur achève l’intégration complète de cette spécification. . Les autres navigateurs suivirent peu après, et beaucoup développèrent des parties de CSS2.0.

Les retours d’implémentation de CSS2.0 conduisirent à rédiger une version CSS2.1, corrigée sur la base de ce qui avait avait été adopté par les différents navigateurs.

Perspectives

En 2007, aucun navigateur n’avait achevé l’intégration de CSS2.1: celle-ci serait implémentée à 56% par Internet Explorer 7, 91% par Firefox 2 et 94% par Opera 9

Hassan Ait Ali, HR Connect, CSS design Maroc, Webdesign Maroc, Web Design Maroc Traduction Maroc, Flash Maroc, Formation Maroc, Multimedia Maroc, Interprétariat Maroc, Web Agency Maroc, Web Maroc, Agence Conseil en Communication Maroc, Communication Maroc, Agence Conseil Maroc, Consulting Maroc, Tourisme Maroc, Développement Web Maroc, Outsourcing Web Maroc

Tel qu’il a été pensé à ses origines par Tim Berners-Lee, le HTML ne sert pas à décrire le rendu visuel des pages Web (contrairement à la publication assistée par ordinateur), mais plutôt le sens des différentes parties du texte : titre, liste, passage important, citation, etc. Cette séparation du fond et de la forme n’a pas toujours été respectée au cours du développement du langage, comme en témoigne par exemple le balisage de style de texte, qui permet d’indiquer notamment la police de caractères souhaitée pour l’affichage, sa taille, ou sa couleur.

Interopérabilité

Le Web dépend des auteurs de pages et des éditeurs de logiciels qui partagent les mêmes conventions pour HTML. Cela a motivé un travail commun sur les spécifications de HTML. Permettre aux documents HTML d’être accessibles sur des plates-formes et des navigateurs différents est fondamental dans la conception de ce langage.

L’ambition de Tim Berners-Lee était d’avoir un langage de description de documents au format ouvert qui soit indépendant de ce qui servirait à lire les pages. Par conséquent, il n’est pas prévu que telle ou telle police de caractère soit utilisée explicitement, ni que le moniteur du client utilise telle ou telle résolution. Le logiciel exploité pour la navigation devrait lui aussi ne pas être une source de discrimination.

Parvenir à l’interopérabilité permet de baisser les coûts des fournisseurs de contenus parce qu’ils n’ont à développer qu’une seule version d’un document. Si cet effort n’est pas fait, le risque est grand de voir le Web régresser vers un monde propriétaire de formats incompatibles, en réduisant en fin de compte son potentiel commercial au détriment de tous ses participants.

Chaque version HTML a essayé de refléter le plus grand consensus entre les acteurs de l’industrie, de sorte que les investissements consentis par les fournisseurs de contenus ne soient pas gaspillés et que leurs documents ne deviennent en peu de temps illisibles.

Le langage HTML a été développé avec l’intuition que les appareils de toutes sortes devaient pouvoir utiliser les informations sur le Web : les ordinateurs personnels avec des écrans de résolution et de profondeur de couleurs variables, les téléphones cellulaires, les appareils portables, les appareils de synthèse et de reconnaissance de la parole, les ordinateurs avec une bande passante faible comme élevée, et ainsi de suite.

Interopérabilité des caractères

Les caractères utilisés dans une page Web posent parfois problème. Lors de l’utilisation des premiers documents HTML, l’Unicode n’était pas encore inventé. Aujourd’hui, il est normal qu’une page soit codée en UTF-8.

Toutefois, certains systèmes contiennent toujours des anomalies, qui font que le logiciel ne sait pas quel est l’encodage utilisé. À la fois HTML et HTTP permettent de le préciser, mais l’information donnée est parfois fausse ou divergente.

Hassan Ait Ali, HR Connect, Webdesign Maroc, Web Design Maroc Traduction Maroc, Flash Maroc, Formation Maroc, Multimedia Maroc, Interprétariat Maroc, Web Agency Maroc, Web Maroc, Agence Conseil en Communication Maroc, Communication Maroc, Agence Conseil Maroc, Consulting Maroc, Tourisme Maroc, Développement Web Maroc, Outsourcing Web Maroc

Le webdesign désigne la création du support visuel à destination d’un site Web. Il s’agit d’une phase prépondérante dans la conception d’un tel site. L’identité d’un site Web, après avoir été conceptualisée, sera transformée en lignes de code et images pour s’afficher dans un navigateur Web. Comme pour l’infographie et le graphisme, le webdesign n’a pas encore acquis son indépendance à part entière comme activité artistique. Les raisons sont nombreuses, autant que les affinités qu’elle exige ; le webdesign concerne la création de la charte graphique, l’interface et la navigation du site, l’arborescence. Ce qui demande de nombreuses compétences en graphisme, programmation, animation ainsi qu’une bonne connaissances des contraintes techniques liées à ce domaine (respect des standards W3C, accessibilité, portabilité …).L’objet du webdesign est de valoriser l’image du propriétaire du site par le biais d’éléments graphiques afin d’en renforcer son identité visuelle, néanmoins plusieurs contraintes liée à l’ergonomie et à l’accessibilité réduisent les possibilités et les libertés du designer. Un site doit avant tout répondre aux attentes des utilisateurs. Généralement un compromis doit être trouvé entre le graphisme et la sobriété nécessaires à la lecture et la navigation.

La création et la conception d’un site Web est un processus qui implique quelques étapes simples au départ, mais pouvant sur un site abouti mettre en œuvre des moyens et des compétences très importants. Un site Web, cela peut être une simple page au format HTML, ou des milliers de pages proposant des animations, des services programmés en Java, PHP ou autre langage serveur, des formulaires supposant un traitement en JavaScript, ou AJAX. Il peut reposer sur des technologies de bases de données, p.ex. MySQL].

L’apparition de Flash, développé par Macromedia, qui permet de réaliser des animations ainsi que de diffuser du son et de la vidéo, a également changé l’apparence d’Internet, en offrant de nouvelles cartes aux concepteurs de sites. Toutefois, Flash est beaucoup plus restrictif que le HTML car c’est un format protégé par Macromedia, et il nécessite un plug-in pour être affiché.

Une technique assez récente appelée le codage à distance a permis une utilisation d’Internet de façon plus dynamique, sans nécessiter de plug-in ou d’applications spécialisées. Le chef de file de ces technologies est AJAX, mais ce n’est pas la seule technologie existante. Par ailleurs, AJAX n’a pas encore accédé au statut de norme.

Les étapes de la création

En fonction du type de site, du contexte et des moyens disponibles pour le mettre en œuvre certaines de ces étapes sont optionnelles voire inutiles.

• Réflexion sur l’objectif du site, sa rentabilité, les moyens financiers à engager …
• Réflexion sur le contenu: définition d’une arborescence
• Réflexion sur l’autonomie souhaitée et le type de moyens humains pour faire la mise à jour.
• Choix éventuel d’une agence Web (dans ce cas certaines des étapes suivantes sont alors gérées par l’agence).
• Dépôt d’un nom de domaine.
• Choix d’un hébergeur.
• Établissement d’une structure de pages HTML ou XHTML.
• Mise au point d’une charte graphique.
• Choix et installation d’un Système de gestion de contenu (SPIP, wiki …) ou choix d’un éditeur de site Web de type WYSIWYG (exemples : NVU, Macromedia Dreamweaver, Microsoft FrontPage) ou texte (exemple : Bluefish, Emacs, …).
• Création de pages via le Système de gestion de contenu ou l’éditeur. Les pages peuvent être créées individuellement ou reposer sur un système de gabarits.
• Intégration de la charte graphique via les feuilles de styles CSS.
• Optimisation : préparation du site pour les moteurs de recherche.
• Le référencement est l’étape finale.

L’accessibilité du site est une donnée à prendre en compte à chaque étape à partir de la mise au point de la structure des pages. Il en est partiellement de même du référencement.

Les constituants des pages

• La structure de la page, en HTML ou en XHTML
• Le design via les feuilles de style CSS.
• Le graphisme avec des images GIF, JPG, PNG.
• Des animations en Flash ou en SVG.
• Des objets multimédias.
• Des formulaires, éventuellement traités en AJAX.

Hassan Ait Ali, HR Connect, Webdesign Maroc, Web Design Maroc Traduction Maroc, Flash Maroc, Formation Maroc, Multimedia Maroc, Interprétariat Maroc, Web Agency Maroc, Web Maroc, Agence Conseil en Communication Maroc, Communication Maroc, Agence Conseil Maroc, Consulting Maroc, Tourisme Maroc, Développement Web Maroc, Outsourcing Web Maroc

Rabat - TVM change de nom pour devenir « Al Aoula » et change par la même occasion d’habillage. Ce nouvel habillage a été lancé le 28 avril 2007 en concomitance avec la première édition du « Al Aoula Show » qui a rassemblé les principales figures de la nouvelle vague de musique urbaine marocaine.

A la une de Al Aoula Mag

A travers cette nouvelle identité visuelle, Al Aoula affirme son côté pionnier et son ambition d’être la chaîne la plus proche de tous les marocains. Un vent de nouveauté a également soufflé sur le plateau du Journal Télévisé puisqu’il a été entièrement refait. Sobre et moderne tout en étant convivial et chaleureux, il reflète parfaitement la nouvelle dynamique de la chaîne.

Les programmes ne sont pas en reste. La nouvelle grille en place depuis le mois de Janvier 2007 ne cesse de s’enrichir comme vous pourrez le constatez à travers « Al Aoula Mag », votre nouveau rendez-vous mensuel avec l’actualité de la première chaîne.

Al Aoula donne rendez-vous aux téléspectateurs pour des grands moments de cinéma dans le cadre du Cinéma du Mercredi avec des productions arabes et marocaines alors que Ciné Jeudi fait la part belle aux productions américaines et françaises avec la programmation en Mai d’un cycle du cinéma fantastique. Enfin, tous les Dimanches à partir de 16h rendez-vous avec les dernières production du Cinéma international en VO sous-titré en arabe. La fiction marocaine est à l’honneur tous les Lundis à 21h avec un feuilleton marocain inédit Al Oukhoubout et tous les Samedis et Dimanches à 13h avec le sitcom marocain Ghraib Maria.

L’actualité et les débat s politiques et économiques sont également bien représentés avec des émissions comme Hiwar, Difaf ou Entreprendre qui fête ses 15 ans ce mois ci. Enfin, les problématiques de la société contemporaine sont débattues tous les Vendredi à 21h dans le cadre du magazine de société Oussar Wa Houloul.

Le gouverneur directeur de l’Agence urbaine de Casablanca, M. Allal Sakrouhi, a présenté, mercredi à Casablanca, les grands axes et le cadre réglementaire du plan de développement stratégique du Grand Casablanca.

Les débats soulevés par la présentation de ce schéma, fruit d’études approfondies destiné à hisser la capitale économique du Royaume au rang des métropoles internationales, ont été animés par le directeur de la publication du quotidien “Aujourd’hui le Maroc”, M. Khalil Hachimi Idrissi, dans le cadre “des petits déjeuners de l’excellence”, organisés par le journal sous forme de rendez-vous traitant chaque fois un thème d’actualité.

Elaboré en pleine concertation et implication de toutes les parties concernées directement par le destin de Casablanca et sa périphérie, ce plan vise à répondre à l’émergence de la nouvelle dynamique qui traverse les structures socio-urbaines de la ville, a indiqué M. Sakrouhi.

Pour le gouverneur de l’Agence urbaine, les mutations que connaît actuellement Casablanca interpellent pouvoirs publics, secteur privé et société civile à changer leur manière de voir cette ville qui sera peuplée de près de 6 millions d’habitants en 2030, contre 3,6 millions en 2004.

C’est pour cela qu’on peut dire que les nouveautés contenues dans les volets de cette stratégie de développement résident, entre autres, dans une nouvelle vision de gérer la première métropole du Maroc par l’implication de tous les acteurs socio-économiques, politiques et culturels influant sur la vie quotidienne de cette cité, a-t-il expliqué.

Toutes ces forces vives sont représentées dans un comité de pilotage présidé par le wali de la région du Grand Casablanca pour faire de la ville, une métropole productive et intégrative, dotée d’un observatoire permettant de collecter des informations et de canaliser une transition triangulaire que connaît actuellement la population casablancaise et que l’on peut résumer en trois principales mutations urbaine, démographique et économique, a-t-il précisé.

Et d’ajouter que cette mobilité à trois niveaux implique impérativement une nouvelle approche de gérer et anticiper la dynamique socio-économique de Casablanca. La nouvelle stratégie de développement de la ville, a-t-il poursuivi, est en fait un chantier complet et structuré apte à réponde aux impératifs de la modernisation des offres métropolitaines indispensables pour positionner Casablanca à l’international.

L’élargissement du Port de Casablanca, la mise à niveau du maillage routier, la réduction de la pollution, la mise en place d’une trame régionale, l’aménagement du front de mer, la création de près de 2,2 millions d’emplois en 2030, la préparation des espaces dédiés aux activités spécifiques et la création de zones industrielles et technopoles, sont des projets évalués et programmés figurant sur l’agenda du plan de développement stratégique de Casablanca.

Ce plan prévoit également le développement du tourisme d’affaires, la création d’une plate-forme logistique de fret, la protection des espaces ruraux entourant la ville par l’interdiction formelle d’y construire et l’augmentation du nombre de parcs d’expositions.

L’aménagement des espaces réservés à la construction de logements sur la périphérie de Casablanca, en faveur de la classe moyenne, figure aussi dans le schéma directeur de cette stratégie. Au niveau cultuel et sportif, M. Sakrouhi n’a pas manqué d’assurer que la capitale économique du Royaume sera choyée par la construction d’un théâtre-Opéra, d’un aquarium et de nouveaux complexes sportifs.

Ces actions intégratives seront renforcées par la mise en place d’un dispositif juridique destiné à réglementer le marché foncier pour lutter contre les transactions spéculatives en ce domaine, a-t-il dit, précisant que l’efficacité de ce dispositif passe par l’implication des opérateurs privés aux côtés des autorités de tutelle.