Création moteur de recherche
chichoumaxi
Messages postés
3
Statut
Membre
-
jordane45 Messages postés 40050 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 40050 Date d'inscription Statut Modérateur Dernière intervention -
Je voudrais créer un moteur de recherche mais je ne sais pas comment faire... J'ai cherché sur le net mais je n'ai rien trouvé.
Pour l'instant ça donne ça:
Code:
EDIT : Ajout des balises de code
Pour l'instant ça donne ça:
Code:
<html>
<head>
<title>Meelo</title>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>
<body>
<header>
<nav>
<ul id="nav_bar">
<li class="nav-links" id="Mail"><a href="#">Mail</a></li>
<li class="nav-links"><a href="#">Images</a></li>
<li id="sign_in"><a href="#">Sign In</a></li>
</ul>
</nav>
</header>
<!-- GOOGLE IMG -->
<div class="google">
<p><img id="meelo" style="display: block; margin-left: auto; margin-right: auto;" src="https://upload.wikimedia.org/wikipedia/commons/5/5b/Meelo159.png" width="611" height="355" /></p>
</div>
<!-- FORM SEARCH -->
<div class="form">
<form>
<label for="form-search"></label>
<input type="text" id="form-search" placeholder="Rechercher...">
</form>
</div>
<!-- BUTTONS -->
<div class= "buttons">
<input type="submit" value="Meelo Search" id="Meelo_search">
<input type="submit" value="Contactez-Nous" id="im_feeling_lucky">
</div>
<!-- FOOTER -->
<footer>
<ul class="footer-left">
<li><a href="meelo.html/results">Advertising</a></li>
<li><a href="#">Business</a></li>
<li><a href="#">About</a></li>
</ul>
<ul class="footer-right">
<li><a href="#">Privacy</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Settings</a></li>
</ul>
</footer>
</body>
<style>
/* BASIC STYLES */
body {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
}
header {
width: 100%;
}
ul {
list-style: none;
}
/* NAV BAR */
#nav_bar {
float: right;
}
#nav_bar li {
display: inline-block;
padding: 8px;
}
#nav_bar #sign_in {
background: #4887ef;
margin-right: 25px;
padding: 7px 15px;
border-radius: 3px;
font-weight: bold;
}
.nav-links {
color: #404040;
}
a {
text-decoration: none;
color: inherit;
}
li.nav-links a:hover {
text-decoration: underline;
}
#sign_in:hover {
box-shadow: 1px 1px 5px #999;
}
#sign_in {
color: #fff;
}
/* GOOGLE AREA */
.google #meelo {
text-align: center;
display: block;
margin: 0 auto;
clear: both;
padding-top: 112px;
padding-bottom: 20px;
}
.form {
text-align: center;
}
#form-search {
width: 450px;
line-height: 32px;
padding: 20px 10px;
}
.form #form-search {
padding: 0 8px;
}
/*#form-search:hover {
border-color: #e4e4e4;
padding-top: 0;
}*/
.buttons {
text-align: center;
padding-top: 30px;
margin-bottom: 300px;
}
/* FOOTER */
footer {
background: #f2f2f2;
border-top: solid 2px #e4e4e4;
/* position: fixed; */
bottom: 0;
padding-bottom: 0;
width: 100%;
}
footer ul li {
display: inline;
color: #666666;
font-size: 14px;
padding: 13px;
}
footer ul {
float: left;
padding: 1px;
}
footer ul a:hover {
text-decoration: underline;
}
.footer-right {
float: right;
}
/* MEDIA QUERIES */
@media screen and (max-width: 400px) {
li.nav-links a {
display: none;
}
#google_logo {
padding: 0;
}
.buttons {
display: none;
}
#form-search {
width: 80%;
}
footer {
bottom: 0;
}
footer ul {
float: none;
padding-bottom: 2px;
}
.footer-left {
text-align: center;
margin: auto;
padding-top: 10px;
}
.footer-right {
float: none;
text-align: center;
}
}
@media screen and (max-width: 565px) {
li.nav-links a {
display: none;
}
#google_logo {
padding: 0;
}
.buttons {
display: none;
}
#form-search {
width: 80%;
}
footer {
/* bottom: 0;
postion: absolute; */
position:absolute;
bottom:0;
width:100%;
height:60px;
}
footer ul {
float: none;
padding-bottom: 2px;
}
.footer-left {
text-align: center;
margin: auto;
padding-top: 10px;
}
.footer-right {
float: none;
text-align: center;
}
}
</style>
<link rel="icon" href="favicon.ico" />
EDIT : Ajout des balises de code
A voir également:
- Création moteur de recherche
- Creation de site web - Guide
- Creation compte gmail - Guide
- Recherche automatique des chaînes ne fonctionne pas - Guide
- Creation de compte google - Guide
- Google moteur de recherche page d'accueil - Guide
2 réponses
Bonjour,
Créer un moteur de recherche pour ?
Chercher Où et quoi ?
Les données sont stockées dans une base de données ?
Sachant que le html seul ne suffira pas.... quoi qu'il arrive il te faudra un langage "serveur" comme le php par exemple...
Créer un moteur de recherche pour ?
Chercher Où et quoi ?
Les données sont stockées dans une base de données ?
Sachant que le html seul ne suffira pas.... quoi qu'il arrive il te faudra un langage "serveur" comme le php par exemple...
Il faut de solides connaissances en bases de données.
Développer des "robots" qui iront parcourir les sites internet et les indexer (stocker les url des sites et des différentes pages dans ta base de données et , via quelques algorithmes, les classer par catégories/mots clés).
Puis développer les scripts qui te permettrons de rechercher les sites dans ta bdd
Je doute fortement, vu ta question et tes connaissances que tu ne parviennent à faire ne serait-ce que 2% de tout ce qui serait nécessaire à l’accomplissement d'un tel travail....
Développer des "robots" qui iront parcourir les sites internet et les indexer (stocker les url des sites et des différentes pages dans ta base de données et , via quelques algorithmes, les classer par catégories/mots clés).
Puis développer les scripts qui te permettrons de rechercher les sites dans ta bdd
Je doute fortement, vu ta question et tes connaissances que tu ne parviennent à faire ne serait-ce que 2% de tout ce qui serait nécessaire à l’accomplissement d'un tel travail....
Tu ne te rends pas compte de tout ce qu'il y a derrière un moteur de recherches...