設計一個簡單的家鄉網站

阿新 • • 發佈：2019-02-10

利用HTML和CSS 即可完成簡單設計
整體思路：利用網頁內連結跳轉到不同頁面，index.html是主頁面，分有幾個小部分的頁面，可以根據設計者需要安排不同主題的內容，然後實現跳轉即可。整體程式碼用到的都是比較常用的標籤例如列表、塊、段落、連結等。
這裡寫圖片描述
index.html 程式碼：

<!DOCTYPE html >
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="../css/style.css" 
 rel="stylesheet" type="text/css" />  
//樣式用外部連結，這樣顯示和樣式分離比較美觀，不過可以根據設計者需要

<title>家鄉名字</title>
<link href="../css/shouye.css" rel="stylesheet" type="text/css"/>

</head>

<body>
<div id="box" class="w1200">
  <div id="top" class="w1200"> 
    <h1></h1>
  </div 
>
  <div id="daohang" class="w1200"> 
    <ul>
      <li><a href="index.html">首頁</a></li>
      <li><a href="lishi.html">..</a></li>
      <li><a href="techan.html">..</a></li>
      <li><a href="meijing.html"> 
..</a></li>
      <li><a href="wenhua.html">..</a></li>
      <li><a href="mingren.html">..</a></li>
    </ul>
  </div>
  <div id="main"><!-- InstanceBeginEditable name="maintext" -->
 <div id="zuo" class="w900">
  <div id="zuoshang">
    <h2>。。簡介</h2>
    <hr />
     <img src="../images/1.jpg" width="257" height="189" class="tu"/>
      <p>家鄉簡介內容</p>
  </div>
  <div id="zuoxia">
   <div id="zuoxiazuo">
    <h2>人口資料</h2>
    <hr />
     <img src="../images/2.jpg" width="277" height="220" class="tu"/>
      <p>人口資料
     關於人口的描述....</p>
   </div>
   <div id="zuoxiayou">
    <h2>語言構成</h2>
    <hr />
     <img src="../images/3.jpg" width="250" height="220" class="tu"/>
      <p>語言構成
      關於語言的簡單描述....</p>
    </div>
  </div>
 </div>
 <div id="you" class="w400">
 <h3>經濟概況</h3>
  <p>  概況
概況內容......</p>
 </div>

  <div id="banquan"><a href="http://......./">家鄉相關網站網連結</a> </div>
</div>
</body>
</html>

是不是很粗糙呢，這是一年前剛接觸前端的作品，哈哈，請大家多多指教，繼續學習！！

設計一個簡單的家鄉網站

利用HTML和CSS 即可完成簡單設計整體思路：利用網頁內連結跳轉到不同頁面，index.html是主頁面，分有幾個小部分的頁面，可以根據設計者需要安排不同主題的內容，然後實現跳轉即可。整體程式碼用到的都是比較常用的標籤例如列表、塊、段落、連結等。

使用redis設計一個簡單的分布式鎖

睡眠狀態環境是否 lease 驗證 pri 嘗試 lee 功能最近看了有關redis的一些東西，了解了redis的一下命令，就記錄一下： redis中的setnx命令：關於redis的操作命令，我們一般會使用set，get等一系列操作，數據結構也有很多，這裏我們使用

通過MFC設計一個簡單的計價程序

cte tro 下一個基於一次靜態 splay 進行 dal 1、實驗目的　　掌握使用MFC應用程序向導創建應用程序的方法。　　掌握新建對話框資源的方法。　　掌握生成對話框的方法。 2、實驗內容　用應用程序創建一個默認的對話框應用程序，在對話框中能進入下一個

搭一個簡單的網站

基礎知識簡單介紹 IP地址介紹在介紹網路訪問的時候要先明白，ip欄位一共四個欄位，每個欄位一個位元組，也就是8位二進位制，例如127.0.0.1，每一個數字為一個欄位，所以最大為255。而ip分為兩種：公有地址（Public address）：由 Inter NIC（Intern

寫一個簡單的網站檔案管理器

一時不知道從何說起了，網站檔案管理器滿天飛的，所以，純粹是閒的蛋疼，才會做這個，對於我來說，這就是打遊戲。 1.仿win7介面 2.仿win7操作 3.上傳，下載，分享檔案，這麼說起來，就像是一個個人網盤了。製作過程有點懶得說了，目前是做到可以瀏覽檔案，切換目錄這樣用我的Vue元件載入做的，

設計一個簡單的訊息佇列

由於分散式系統的廣泛應用，越來越多地涉及到系統間通訊。系統間通訊一般有兩種方式，一種是基於遠端過程呼叫的方式，另一種是基於訊息佇列的方式。基於訊息佇列的方式是指由應用中的某個系統負責傳送訊息，由關心這條訊息的系統負責接收訊息，並在接收到訊息後進行各自的業務處理。目前主流的訊息中介軟體有Ra

設計一個簡單的彙編函式

原創已知符號函式 Y= 1 （當X>0）, 0 （當X=0），-1 （當X<0）設任意給定的X（-128≤X≤127）存放在DTX單元，計算函式Y值，要求存放在DTY單元中。採用分支結構。首先判斷X≥0還是X＜0，如果X<0，則Y=-1；如果X≥0，則在判斷X=0還是X>

Spring cloud實戰從零開始一個簡單搜尋網站(一)

　效果地址http://121.40.36.198:9080/web/ 本文從建站開始，就不跟別的順序一樣要怎麼開始開始的，懂java就行我會盡量講的詳細，首先肯定是工具的選擇，俗話說工欲善其事，必先利其器，Eclipse 和IDE

Spring cloud實戰從零開始一個簡單搜尋網站(三)

上文已經完成了一個簡單的瀏覽器到 Client 到CSDN端的通路我們的架構是每個部落格網址為一個單獨的元件，這裡為了方便直接先用CSDN 那個元件複製下我這裡改成 SDN 修改下 application.properties 埠記得改 e

Spring cloud實戰從零開始一個簡單搜尋網站(五)

Client端畢竟是重中之中，萬一出現異常掛了怎麼辦，這時候我們希望做成一個叢集 Ribbon 是一個客戶端負載均衡器 Feign本身集成了Rabbon 這裡只說 Ribbon 先將Client專案複製一份，改下bootstrap.properties就行 &n

如何一步一步用DDD設計一個電商網站（一）—— 先理解核心概念

文章內容一、前言 DDD（領域驅動設計）的一些介紹網上資料很多，這裡就不繼續描述了。自己使用領域驅動設計摸滾打爬也有2年多的時間，出於對知識的總結和分享，也是對自我理解的一個公開檢驗，介於部落格園這個平臺也算是對DDD的推廣盡了一份綿薄之力。一開始接觸這個東西是在2014年，真的覺得像

webpy搭建一個簡單的網站

首先，我們要從http://www.webpy.org站點下載最新的框架原始碼，將下載過來的tar壓縮的包解壓，你會得到一個webpy資料夾，我們所需要的一切都包含在裡面了。其次，安裝webpy（這個要注意一下，Python的Web開發不同於PHP/ASP/JSP

設計一個簡單的空間配置器 JJ::allocator

#ifndef _JJALLOC_ #define _JJALLOC_ #include<new>//for placement new #include<cstdlib>//for ptrdiff_t,size_t #include&

c++設計一個簡單的空間配置器

#include <iostream> template<typename T> inline T* _allocate(unsigned int size,T*){//size T *temp=static_cast<T*>(op

用PHP和HTML寫一個簡單的網站登入註冊專案

首先，這是一個很簡單的登陸註冊頁面，請不要在意美觀及設計，重點在於登入註冊這個功能。這個專案由五個分頁組成： 1.index.php ：一個簡單的首頁，有login register，當用戶登入之後，在cookie的有效期內，這兩個按鈕會變成使用者名稱。 2.login.

FPGA UART RX,FPGA設計一個簡單的串列埠接收模組

//UART序列口模組,波特率9600bps //陳鵬 //20110118 module UART ( sys_clk,//系統時鐘輸入 reset_n,//非同步復位輸入 Rx,//資料輸入引腳 NewRxData,//接收到新

Java Web的一個簡單購物網站

這學期修了一門關於Web開發技術的課程，所以簡單學了一下Java Web的知識。這是一個比較簡陋的購物網站，採用JSP開發，資料庫是MySQL，開發環境是MyEclipse2014 具有的功能有：

如何設計一個簡單的訊息中介軟體

前言我們日常開發當中需要用到訊息中介軟體的場合很多，我們或許也用到了形形色色的訊息中介軟體產品，有老牌的ActiveMQ、RabbitMQ，炙手可熱的Kafaka，還有阿里研發的Notify、MetaQ、RocketMQ等等，但反過來思考一下，如果讓我們自己來設計一個訊息中介軟體，需要考慮哪些方面的問題，

Tomcat詳解系列(1) - 如何設計一個簡單的web容器

# Tomcat - 如何設計一個簡單的web容器 > 在學習Tomcat前，很多人先入為主的對它的認知是巨複雜的；所以第一步，在學習它之前，要打破這種觀念，我們通過學習如何設計一個最基本的web容器來看它需要考慮什麼；進而在真正學習Tomcat時，多把重點放在它的頂層設計上，而不是某一塊程式碼上, 思路永遠

設計一個購物網站大概需要多少錢？

設計一個購物網站大概需要多少錢？設計一個購物網站大概需要多少錢？

設計一個簡單的家鄉網站

相關推薦