Browse Source

游览器主页

nn 8 years ago
parent
commit
f8745fb4a1

+ 86 - 0
homepage.html

@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>主页</title>
+    <link rel="stylesheet" href="./public/css/uform.css">
+    <link rel="stylesheet" href="./public/css/index.css">
+	<link href="./public/images/logo.png" rel="shortcut icon">
+</head>
+<body>
+<section class="CampusInfo-Pagehome">
+    <div class="CampusInfoSeach">
+        <a href="https://www.baidu.com">
+            <img src="./public/images/homepage/bd_logo.png" alt="logo">
+        </a>
+        <div class="CampusInfoWrap">
+            <span class="icon"></span>
+            <input type="text" class="search" maxlength="100" autocomplete="off" onkeydown="enter()">
+            <span class="s_btn">
+                <input type="submit" value="百度一下" class="sm_btn" onclick="openNewpage()">
+            </span>
+        </div>
+    </div>
+    <div class="CampusInfoProduct">
+        <ul>
+            <li>
+                <a href="">
+                    <img src="./public/images/homepage/product_1.png" alt="产品">
+                </a>
+            </li>
+            <li>
+                <a href="">
+                    <img src="./public/images/homepage/product_2.png" alt="产品">
+                </a>
+            </li>
+            <li>
+                <a href="">
+                    <img src="./public/images/homepage/product_3.png" alt="产品">
+                </a>
+            </li>
+            <li>
+                <a href="">
+                    <img src="./public/images/homepage/product_4.png" alt="产品">
+                </a>
+            </li>
+            <li>
+                <a href="">
+                    <img src="./public/images/homepage/product_5.png" alt="产品">
+                </a>
+            </li>
+            <li>
+                <a href="">
+                    <img src="./public/images/homepage/product_6.png" alt="产品">
+                </a>
+            </li>
+            <li>
+                <a href="">
+                    <img src="./public/images/homepage/product_7.png" alt="产品">
+                </a>
+            </li>
+            <li>
+                <a href="">
+                    <img src="./public/images/homepage/product_8.png" alt="产品">
+                </a>
+            </li>
+        </ul>
+    </div>
+    
+</section>
+
+<script>
+   var search = document.querySelector(".search");
+   openNewpage=function(){
+       window.location.href ="https://www.baidu.com/s?wd="+search.value+""
+   }
+   enter=function(){
+    if(event.keyCode==13)
+        {
+            openNewpage();
+        }
+   }
+</script>
+</body>
+</html>

+ 25 - 25
index.html

@@ -4,52 +4,52 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>有思俱乐部</title>
-    <link rel="stylesheet" href="./css/uform.css">
-    <link rel="stylesheet" href="./css/index.css">
-	<link href="./img/logo.png" rel="shortcut icon">
+    <title>有思浏览器</title>
+    <link rel="stylesheet" href="./public/css/uform.css">
+    <link rel="stylesheet" href="./public/css/index.css">
+	<link href="./public/images/logo.png" rel="shortcut icon">
 </head>
 <body>
 <section class="CampusInfo-AboutUs">
     <div class="CampusInfoBanner">
             <div class="CampusInfoContainer">
                 <a href="index.html">
-                    <img src="./img/logo.png" alt="logo">
-                    <span class="title">有思俱乐部</span>
+                    <img src="./public/images/logo.png" alt="logo">
+                    <span class="title">有思浏览器</span>
                 </a>
                 <div class="CampusInfoBannerItem">
                     <h1>急速预览,安全稳定</h1>
-                    <p>更小的内存以及更快的我相应速度</p>
+                    <p>更小的内存以及更快速度游览</p>
         
                 </div>
                 <ul class="CampusInfoDownload">
                     <li>
                         <div class="CampusInfoDownloadItem">
-                            <img src="./img/index/window.png" alt="">
+                            <img src="./public/images/index/window.png" alt="">
                             <span>Windows</span>
                         </div>
                         <button class="BtnDownload">
-                            <img src="./img/index/download.png" alt="">
-                            <span><a style='padding:0' href='setup/Usestudio-Browers_setup_1.0.0.exe' target='_blank'>立即下载</a></span>
+                            <img src="./public/images/index/download.png" alt="">
+                            <span><a style='padding:0' href='setup/Usestudio-Browers_setup_2.2.1.exe' target='_blank'>立即下载</a></span>
                         </button>
                     </li>
                     <li>
                         <div class="CampusInfoDownloadItem">
-                            <img src="./img/index/apple.png" alt="">
+                            <img src="./public/images/index/apple.png" alt="">
                             <span>Apple</span>
                         </div>
                         <button class="BtnDownload">
-                            <img src="./img/index/download.png" alt="">
-                            <span><a style='padding:0' href='setup/us_browers.exe' target='_blank'>立即下载</a></span>
+                            <img src="./public/images/index/download.png" alt="">
+                            <span><a style='padding:0' href='setup/Usestudio-Browers-2.0.5.dmg' target='_blank'>立即下载</a></span>
                         </button>
                     </li>
                     <li>
                         <div class="CampusInfoDownloadItem">
-                            <img src="./img/index/linux.png" alt="">
+                            <img src="./public/images/index/linux.png" alt="">
                             <span>Linux</span>
                         </div>
                         <button class="BtnDownload">
-                            <img src="./img/index/download.png" alt="">
+                            <img src="./public/images/index/download.png" alt="">
                             <span><a style='padding:0' href='setup/us_browers.exe' target='_blank'>立即下载</a></span>
                         </button>
                     </li>   
@@ -58,7 +58,7 @@
         </div>  
         <div class="CampusInfoIntroduce clearfix">
             <div class="CampusInfoContainer">
-                <img src="./img/index/computer2.png" alt="">
+                <img src="./public/images/index/computer2.png" alt="">
                 <div class="CampusInfoTitle fr">
                     <h3>去繁求简</h3>
                     <p>一个简洁高效的浏览器,页面载入更好、更快,占用内存更少</p>
@@ -73,15 +73,15 @@
                 </div>
                 <ul>
                     <li>
-                        <img src="./img/index/computer.png" alt="">
+                        <img src="./public/images/index/computer.png" alt="">
                         <p>快速打开网页</p>
                     </li>
                     <li>
-                        <img src="./img/index/kernel.png" alt="">
+                        <img src="./public/images/index/kernel.png" alt="">
                         <p>内核性能强</p>
                     </li>
                     <li>
-                        <img src="./img/index/quickStart.png" alt="">
+                        <img src="./public/images/index/quickStart.png" alt="">
                         <p>快速启动</p>
                     </li>
                 </ul>
@@ -89,7 +89,7 @@
         </div>
         <div class="CampusInfoTools clearfix">
             <div class="CampusInfoContainer">
-                <img class="fl" src="./img/index/developmentTools.png" alt="">
+                <img class="fl" src="./public/images/index/developmentTools.png" alt="">
                 <div class="CampusInfoTitle fr">
                     <h3>简约美观</h3>
                     <p>界面采用简约美观的设计,让用户使用轻松,提高用户体验</p>
@@ -102,26 +102,26 @@
                     <h3>时刻保护上网安全</h3>
                     <p>信息加密  ·  网站认证  ·  保证安全  信息加密  ·  网站认证  ·  保证安全.强力拦截网页弹窗、广告,密码安全保存、智能填写</p>
                 </div>
-                <img class="fr" src="./img/index/save.png" alt="">
+                <img class="fr" src="./public/images/index/save.png" alt="">
             </div>
         </div>
         <div class="CampusInfoFooter">
             <div class="CampusInfoContainer">
                 <ul>
                 <li>
-                    <img src="./img/index/company.png" alt="">
+                    <img src="./public/images/index/company.png" alt="">
                     <span>深圳市易软智科技有限公司</span>
                 </li>
                 <li>
-                    <img src="./img/index/address.png" alt="">
+                    <img src="./public/images/index/address.png" alt="">
                     <span>深圳市龙岗区五联社区将军帽路1号</span>
                 </li>
                 <li>
-                    <img src="./img/index/email.png" alt="">
+                    <img src="./public/images/index/email.png" alt="">
                     <span>2553420729@qq.com</span>
                 </li>
                 <li>
-                    <img src="./img/index/phone.png" alt="">
+                    <img src="./public/images/index/phone.png" alt="">
                     <span>15875580853</span>
                 </li>
                 <!-- <div class="author">作者:郑锦宏、蔡文东</div> -->

+ 80 - 2
css/index.css

@@ -44,7 +44,7 @@ a{
 .CampusInfo-AboutUs .CampusInfoBanner{
     position: relative;
     height: 600px;
-    background-image: url(../img/index/banner.png);
+    background-image: url(../images/index/banner.png);
     background-size: contain;
     background-position: 50% 50%;
     background-repeat: no-repeat;
@@ -214,4 +214,82 @@ a{
     text-align: center;
     font-size: 16px;
     color: #ccc;
-}
+}
+/* homepage */
+.CampusInfo-Pagehome {
+    width: 1170px;
+    margin: 0 auto;
+}
+.CampusInfoSeach {
+    padding: 100px 235px;
+    text-align: center;
+}
+.CampusInfoWrap {
+    position: relative;
+    display: inline-flex;
+    zoom: 1;
+    background: none;
+}
+.CampusInfoWrap .icon {
+    z-index: 1;
+    position: absolute;
+    right: 120px;
+    top: 50%;
+    margin-top: -8px;
+    height: 16px;
+    width: 18px;
+    background: #fff url(../images/homepage/camera.png) no-repeat;
+    cursor: pointer;
+}
+.CampusInfoSeach img{
+    width: 270px;
+}
+.CampusInfoWrap .search{
+    width: 480px;
+    height: 20px;
+    padding: 9px 48px 9px 7px;
+    font: 16px;
+    border: 1px solid #b8b8b8;
+    border-bottom: 1px solid #ccc;
+    border-right: 0;
+    vertical-align: top;
+    outline: none;
+    box-shadow: none;
+}
+
+.CampusInfoWrap  .s_btn {
+    display: inline-block;
+    width: 102px;
+    height: 38px;
+    border: 1px solid #38f;
+    border-bottom: 1px solid #2e7ae5;
+    zoom: 1;
+    background-color: #38f;
+}
+.CampusInfoWrap .sm_btn{
+    cursor: pointer;
+    width: 102px;
+    height: 38px;
+    line-height: 38px;
+    padding: 0;
+    border: 0;
+    background: none;
+    background-color: #38f;
+    font-size: 16px;
+    color: white;
+    box-shadow: none;
+    font-weight: normal;
+}
+.CampusInfoProduct ul {
+    width: 960px;
+    margin: 0 auto;
+    list-style: none;
+    text-align: center;
+    overflow: hidden;
+}
+.CampusInfoProduct ul li{
+    float: left;
+    width: 190px;
+    margin: 25px;
+}
+/* homepage end*/

css/uform.css → public/css/uform.css


BIN
public/images/homepage/bd_logo.png


BIN
public/images/homepage/camera.png


BIN
public/images/homepage/product_1.png


BIN
public/images/homepage/product_2.png


BIN
public/images/homepage/product_3.png


BIN
public/images/homepage/product_4.png


BIN
public/images/homepage/product_5.png


BIN
public/images/homepage/product_6.png


BIN
public/images/homepage/product_7.png


BIN
public/images/homepage/product_8.png


img/index/address.png → public/images/index/address.png


img/index/apple.png → public/images/index/apple.png


img/index/banner.png → public/images/index/banner.png


img/index/company.png → public/images/index/company.png


img/index/computer.png → public/images/index/computer.png


img/index/computer2.png → public/images/index/computer2.png


img/index/developmentTools.png → public/images/index/developmentTools.png


img/index/download.png → public/images/index/download.png


img/index/email.png → public/images/index/email.png


img/index/kernel.png → public/images/index/kernel.png


img/index/linux.png → public/images/index/linux.png


img/index/phone.png → public/images/index/phone.png


img/index/quickStart.png → public/images/index/quickStart.png


img/index/save.png → public/images/index/save.png


img/index/window.png → public/images/index/window.png


img/logo.png → public/images/logo.png


File diff suppressed because it is too large
+ 129 - 0
public/js/uform.js


+ 12 - 0
web.config

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<configuration>
+    <system.webServer>
+        <defaultDocument>
+            <files>
+                <remove value="index.html" />
+                <remove value="index.htm" />
+                <add value="homepage.html" />
+            </files>
+        </defaultDocument>
+    </system.webServer>
+</configuration>