[HTML] dossiers target et autres

Fermé
photomartin Messages postés 174 Date d'inscription lundi 28 août 2006 Statut Membre Dernière intervention 7 juillet 2011 - 7 févr. 2007 à 16:23
photomartin Messages postés 174 Date d'inscription lundi 28 août 2006 Statut Membre Dernière intervention 7 juillet 2011 - 14 févr. 2007 à 14:59
Bonjour à tous/toutes :)

Je suis ici pour vous poser quelques questions ;)

En fait je suis en train de construire mon site internet. Je "travaille" avec du langage HTML (j'ai lu beaucoup dans le web).
J'ai décidé de le faire avec ce langage car je veux commencer avec ce "classique" pour apprendre à le maîtriser et dans le futur (peut-être) passer à un autre (pour apprendre encore plus, mais je préfère commencer tout doucement et apprendre en premier à utiliser HTML)

En fait j'ai trois questions:

1) DOSSIERS: je sais qu'il faut commencer par créer un dossiers de travail sur mon ordinateur pour les "télécharger" sur Internet plus tard (les rendre accessibles au public, on dit comme ça?).
Donc, ce que j'ai fait c'est créer en principe un dossier sur mon disque dur appelé "PHOTOMARTIN". Après, dans ce dossier j'ai crée la première "page" nommée "index.htm" (elle doit être la première page qui verra le publique, celle où ils choisiront la langue: français, espagnol ou anglais). Et sur ce dossier j'ai crée aussi un nouveau dossier appelé "MON SITE" où j'ai mis les autres pages (home.htm , bio.htm , contact.htm , etc.) et deux autres dossiers: "IMAGES" pour les images gif, jpg et autres, et le dossier "PHOTOS" pour les photographies (il faut savoir que ce sera un site où je montrerai mes photographies)...
Mais bon, je crois que si je vous fais un "dessin" vous allez mieux comprendre:

1. dossier PHOTOMARTIN
....1.A. index.htm
....1.B. dossier MON SITE
........1.B.I. dossier IMAGES
........1.B.I. dossier PHOTOS
........1.B.I. homeesp.htm
........1.B.I. homefra.htm
........1.B.I. homeeng.htm
........1.B.I. bioesp.htm
........1.B.I. biofra.htm
........1.B.I. bioeng.htm
........1.B.I. photosesp.htm
........1.B.I. photosfra.htm
........1.B.I. photoseng.htm
........1.B.I. contactesp.htm
........1.B.I. contactfra.htm
........1.B.I. contacteng.htm
........1.B.I. liensesp.htm
........1.B.I. liensfra.htm
........1.B.I. lienseng.htm

Croyez-vous que ce "système" est bon ou est-ce qu'il y a des autres manières d'organiser les pages et images? Y a-t-il des "règles" à respecter?

2) Balise "TARGET": je voudrais savoir si quelqu'un peut m'expliquer à quoi sert la balise TARGER dans un lien/cadre.

3) Ouvrir une image dans une nouvelle fenêtre: en fait je voudrais avoir sur mon site des petites images (des photographies) et que, en cliquant dessous, la photographie s'ouvre dans une nouvelle fenêtre. Pouvez-vous m'aider? Me donner les balises/codes à utiliser? Merci!

4) Télécharger mon site: pouvez vous me recommander des hébergeurs? Je suis en Belgique et je voudrais que le domine de mon site soit "personnel": comme www.monalbumperso.be (exemple)... Pas free.monalbumperso.fr (exemple). Merci!!!

Merci d'avance pour votre aide!!!

Photomartin
A voir également:

12 réponses

ceddec Messages postés 148 Date d'inscription dimanche 31 juillet 2005 Statut Membre Dernière intervention 10 mars 2012 82
7 févr. 2007 à 16:45
Bonjour

1 ) Ton arborescence est bonne. Je ne pense pas qu'il y ait de règles pourca. Le conseil que je peux donner c'est d'organiser en sous-dossier de telle manière à te retrouver facilement. Ainsi la maintenance sera plus facile.

2 ) L'attribut target dans un lien sert à préciser l'endroit ou le lien (par exemple) s'appliquera. La valeur de target peut etre _blank, cela signifie que cela s'ouvrira dans une nouvelle fenetre. La valeur peut aussi être le nom d'une frame par exemple.
http://ww25.laltruiste.com/document.php?url=http://www.laltruiste.com/courshtml/lientarget.html

3 ) il faut utiliser javascript

4 ) je suis pas sur mais je crois qu'il faut regarder du coté des noms de domaine
0
photomartin Messages postés 174 Date d'inscription lundi 28 août 2006 Statut Membre Dernière intervention 7 juillet 2011 19
7 févr. 2007 à 16:54
Merci.

Je crois que les question 2) et 3) ont la même réponse, non? En fin, avec la balise TARGET je pourrai faire de sorte que une image soit ouverte sur une nouvelle fenêtre, non?

Merci!

Photomartin
0
Reivax962 Messages postés 3671 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 1 011
7 févr. 2007 à 17:21
Bonjour,

En effet, tu n'as pas forcément besoin d'utiliser du JavaScript pour ouvrir la photo dans une nouvelle fenêtre, tu peux utiliser target="_BLANK" sur le lien.

Pour ton arborescence, j'aurais fait comme cela :
1. dossier PHOTOMARTIN
....1.A. index.htm
....1.B. dossier IMAGES
....1.C. dossier PHOTOS
....1.D. dossier FR
........1.D.I. home.htm
........1.D.II. bio.htm
........1.D.III. photos.htm
........1.D.IV. contact.htm
........1.D.V. liens.htm
....1.E. dossier ES
........1.E.I. home.htm
........1.E.II. bio.htm
........1.E.III. photos.htm
........1.E.IV. contact.htm
........1.E.V. liens.htm
....1.F. dossier EN
........1.F.I. home.htm
........1.F.II. bio.htm
........1.F.III. photos.htm
........1.F.IV. contact.htm
........1.F.V. liens.htm

Mais bien sûr, il n'y a aucune règle stricte...
0
photomartin Messages postés 174 Date d'inscription lundi 28 août 2006 Statut Membre Dernière intervention 7 juillet 2011 19
7 févr. 2007 à 17:40
Merci pour vos réponses...

En fait, j'avais pensé à faire un dossier pour chaque langue (comme Reivax962 le conseille), comme ça j'aurais plus facile pour trouver les fichiers, etc.

Mais j'ai un petit problème: je vais essayer de l'expliquer avec l'exemple suivant: je suis sur le dossier français et travailler le fichier photos.htm , et je voudrais faire "apparaître" une image (avec la balise <img src="XXXXXX.jpg"> qui est sur le dossier PHOTOS... comment faire. Quoi mettre à la place de XXXXX.jpg

Je vous demande cela car je sais comment ajouter/mettre une image sur une page… mais une image qui es dans le même dossier ou un dossier qui se trouve sur le même dossier. Mais je ne sais pas comment faire pour « appeler » une image qui est en dehors de ce dossier (comme dans cet exemple : l’image est dans un dossier distinct que celui de la page qui l’ « appelle »).

Merci

Photomartin
0
<img src="../PHOTOS/XXXXXX.jpg">

le code ../ te permet de remonter d'un dossier

si tu veux en remonter 2 tu mets ../../DOSSIER/SOUSDOSSIER/FICHIER.HTM

etc...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
8 févr. 2007 à 12:38
Bonjour,

La gestion d'un site en plusieurs langues en HTML va ête compliquée.
Il va te falloir mettre à jour les pages une à une dans chaque langue.
Le PHP serait plus indiqué. Mais ton choix actuel te fera progresser plus vite en langage HTML.

En partant de cette structure, je te conseille de nommer chaque page avec un identifiant clair.
Du genre “home_fr.html” pour la page en français, “home_es.html” pour l'espagnol et “home_en.html” pour l'anglais… et “bio_fr.html”, “bio_es.html”…

Pour faire appel à des données extérieures au dossier actif, tu peux te simplifier la tâche en ajoutant une info. dans l'en-tête de tes pages. Ça se fait avec <base> de cette manière
<base href="http://www.monalbumperso.be">
Toutes les adresses que tu préciseras ensuite dans tes pages partiront de cette adresse de base et un lien comme “images/logos/logo_fr.png” fonctionnera à partir de n'importe quel dossier des ton site.


+ Habitue-toi dès maintenant à ne pas utiliser d'espaces ni de caractères accentués dans les noms de tes dossiers, fichiers. Tu peux aussi éviter les majuscules.
0
photomartin Messages postés 174 Date d'inscription lundi 28 août 2006 Statut Membre Dernière intervention 7 juillet 2011 19
11 févr. 2007 à 12:28
Merci beaucoup!!! :)

Votre aide m'est très utile !!!

Maintenant que 'ai appris (un peu) à travailler avec le HTML et fait les différentes pages (les bases, pas finies mais déjà fait les tableaux, etc) je suis arrivé à une partie où j'ai un petit problème :S

En fait, pour la page HOME il n'y a pas de problème, du même avec BIO (un petit CV), CONTACT (formulaire à compléter pour me contacter) et LIENS/LINKS... Le problème se pose quand je veux créer ma galerie (page PHOTOS)...

Je vous explique:
En fait, quand on entrera dans PHOTOS, on aura à gauche une liste: Publicitaire, Journalisme, Photographie d'auteur, Animalière, Sports, etc.
En cliquant sur un de ces mots/liens il y a les photos (petites) qui apparaissent a droite, et en cliquant sur une des photos on pour la voir en 800x600 pixels.
Le "problème" c'est qu'en utilisant le HTML je ne sais pas comment faire pour que l'image change mais que les autres deux tableaux (home-bio-photos-contact-liens et Publicitaire-Journalisme-Photographie d'auteur-Animalière-Sports-etc.) restent, sans devoir charger TOUTE la page à chaque fois qu'on fait un click sur une image.

Me comprenez vous? Ce qui se passe c'est que en choisissant une photo on a toute la page qui se charge, quand je ne voudrais avoir que l'image qui apparaît; comme ça la page reste toujours la même.
Peut-on le faire avec du HTML? Ou doit-on utiliser le PHP ou le langage Java?

Sinon, l'autre solution c'est que la photo en 800x600 pixels apparaît sur une nouvelle fenêtre (de, par exemple, 850x650 pixels). Avec quel langage? Java, PHP? Possible avec du HTML?

Merci 1000 fois ;)

Photomartin
0
Bonjour,

Plusieurs solutions, chacune avec des inconvénients et des avantages :

Il est possible de le faire en HTML avec les 'cadres' (frame)

http://fr.selfhtml.org/html/frames/definir.htm#cadres

En gros on coupe l'écran en plusieurs pages, et le click dans une partie ne réactualise que elle même ou une autre sans toucher aux autres.

Cette solution simple à mettre en place a cependant des inconvénients :
- Affichage d'ascenseurs horizontaux pas toujours voulu
ou
- Partie de texte caché dans certaine partie 'trop petite'

- Mauvaise prise en compte par les moteurs de recherches pour l'idexation

Mais à titre d'exercice et pour débuter tu peux commencer par la mettre en oeuvre.

------------
Il est possible de le faire avec du javascript, en mettant ton menu dans un fichier javascript à part et en l'appelant dans les différentes pages . Cette solution ne marche pas si les internautes ont désactivé le javascript sur leur navigateur
Cette solution est donc déconseillée.
------------
La solution la plus efficace est d'utiliser le PHP et sa fonction include('fichier-a-inclure') qui permet d'inclure dans des fichiers d'autres fichiers. Donc tu mets ton menu dans un fichier (menu.html) que tu appelles dans les autres pages.

Et si tu dois changer ton menu, tu ne le fais qu'une fois.
Cela sans programmation excessive... puisqu'il suffit d'ajouter dans ton code html le code suivant (à l'emplacement ou doit apparaitre le menu ) :

<? include 'menu.html' ?>

et de renommer toutes tes pages en .php au lieu de .htm


-----------------------

La solution d'afficher la photo dans une autre fenetre est aussi possible en HTML pure par la balise <a href="../photos/lagrande.jpg" target="_blank">

------------------------

Mais pour le site que tu veux faire le top du top serait de programmer ta phototèque en PHP et base de données Mysql, parce qu'alors tu n'aurais plus qu'UNE seule page à maintenir... Mais ce sera pour qu'en tu seras plus à l'aise ;-)


ec
0
photomartin Messages postés 174 Date d'inscription lundi 28 août 2006 Statut Membre Dernière intervention 7 juillet 2011 19
11 févr. 2007 à 15:29
Merci mumtcicite !!! :)

Les solutions que je trouve les plus adaptables ce sont:

1) afficher la photo dans une autre fenêtre (balise <a href="nomdelaphoto" target="_blank">

et

2) programmer la photothèque en PHP et base de données Mysql

En sachant que la meilleure (?) solution pour avoir un site vraiment "dynamique" serait de programmer la galerie en PHP et Mysql, je suis intéressé et je voudrais apprendre à les utiliser...

Des liens vers des tutos pour des novices comme moi? Pour apprendre les connaissances de base !? :)

Merci encore!!!

Photomartin
0
multicite Messages postés 47 Date d'inscription dimanche 11 février 2007 Statut Membre Dernière intervention 22 juillet 2009 14
11 févr. 2007 à 16:36
J'ai commencé avec ce site :

http://www.asp-php.net/

Mais on m'avait 'initié' aux principes de base.

Il semble que celui la
http://www.phpdebutant.org/article118.php

parte du début (suivre la colonne de droite)

ec
0
photomartin Messages postés 174 Date d'inscription lundi 28 août 2006 Statut Membre Dernière intervention 7 juillet 2011 19
11 févr. 2007 à 18:49
Merci pour les liens.

Il y a une dernière "petite" question :)

En fait, je crois avoir compris que la différence c'est que

1) en utilisant le langage PHP mes fichiers doivent avoir l'extension xxx.php

2) et que les balises sont insérées dans le document qui commence toujours avec la balise <html>... <body>... etc, etc, etc

C'est bien cela? :p

Photomartin
0
multicite Messages postés 47 Date d'inscription dimanche 11 février 2007 Statut Membre Dernière intervention 22 juillet 2009 14
11 févr. 2007 à 20:44
oui
et
oui

ec
0
photomartin Messages postés 174 Date d'inscription lundi 28 août 2006 Statut Membre Dernière intervention 7 juillet 2011 19
14 févr. 2007 à 14:21
Bonjour,

il y a une question pour lquelle je n'ai pas encore trouvé une reponse: en fait je sais que sertains langages (exemple: JavaScript) ne sont pas compatibles avec tous les navigateurs (il y a des peronnes qui desactives cette option sur son navigateur, par exemple).

Est-ce qu'avec le langage PHP "tout le monde" pourra voir les pages sans problèeme?

Merci d'avance

Photomartin
0
Reivax962 Messages postés 3671 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 1 011
14 févr. 2007 à 14:50
Bonjour,

En fait, aucun navigateur ne sait lire le Php.

Quand un utilisateur appelle une page Php, le serveur ne lui fournit pas la page telle quelle. Il va d'abord lui-même lire la page, exécuter le Php qui y est écrit. C'est ce code Php qui doit "écrire" une page HTML, qui sera, au final, renvoyée au navigateur du visiteur.

Ainsi, le navigteur ne lit que de l'Html. Donc pas de soucis de navigateur qui ne comprend pas le Php...

Par ailleurs, en faisant attention un minimum aux fonctions utilisées, le Javascript est quand même parfaitement lisible par 99% des navigateurs. Le 1% manquant, ce sont les navigateurs en mode texte et les vieilles versions des navigateurs "normaux", ou encore les gens qui ont volontairement désactivé le javaScript.

Xavier
0
photomartin Messages postés 174 Date d'inscription lundi 28 août 2006 Statut Membre Dernière intervention 7 juillet 2011 19
14 févr. 2007 à 14:59
Merci pour ta réponse,

Donc: PHP ou JavaScript ???

Je l'ai expliqué plus haut, mais : je suis en train de faire ma page en utilisant l'HTML et je voudrais ajouter une galerie qu'en HTML devient trop "statique"... et pour pouvoir faire quelque chose de plus "dynamique" je pensais utiliser un autre langage... comme le JavaScript, mais on m'a dit que le PHP était plus adaptable à ma situation.

Merci d'avance pour vos commentaires et réponses :)

Photomartin
0