導航:首頁 > 萬維百科 > 怎麼設計百度html的網頁

怎麼設計百度html的網頁

發布時間:2021-02-20 02:03:53

1、怎麼把做好的HTML網頁製作成可以訪問的網站

您好,首先無論怎樣您需要以下幾個步驟:
1、購買域名(聚名網直接注冊購買都行,這是網站必須的一步,不懂的直接去平台問)
2、購買空間伺服器(阿里雲就有,直接搭建好空間後把程序放進去)
3、去備案域名並解析它,就可以訪問了。

2、如何用html製作一個網頁

1,打開記事本,並在其中輸入必要信息,完整代碼如下:
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title>
<body><header><img src="molihua.jpg"width="412" height="291"</header> <article> <header> <h2>茉莉花</h2> <p>作者:宋 · 劉克庄 </p> </header> <hr/> <p>曾與瑤姬約。恍相逢、翠裳搖曳,珠韝聯絡。風露青冥非人世,攬結玉龍驂鶴。
愛萬朵、千條纖弱。
禱祝花神憐惜取,問開時、晴雨須斟酌。枝上雪,莫消卻。
惱人匹似中狂葯。
憑危欄、燭光交映,樂聲遙作。身上春衫香薰透,看到參橫月落。
算茉莉、猶低一著。坐有緱山王郎子,倚玉簫、度曲難為酢。君不飲,鑄成錯。</p> <h3>清平樂</h3> <p>冰輪萬里。雲卷天如洗。先向海山生大士。卻誕卯金之子。冰盆荔子堪嘗。膽瓶茉莉尤香。震旦人人炎熱,補陀夜夜清涼。</p><dl> <dt>《浣溪沙》</dt> <dd>南國幽花比並香。直從初夏到秋涼</dd> <dt>《鷓鴣天》</dt> <dd>攜靚侶,泛輕航。棹歌驚起野鴛鴦</dd> <dt>《真珠簾》</dt><dd>茉莉芰荷香,拍滿笙簫院。</dd>
</dl></article> <footer>2019.9.6</footer> </body></html>
啟動瀏覽器運行後,大家會發現界面並不美觀,文字看著也比較亂。

為了解決這個問題,可以在界面添加css規則,讓界面更好看,更標准化,將下面的代碼塊添加到記事本中,位置在<head>和<head/>也就是頭部之間:
<style type="text/css">body{ background:gray;} h2{ text-align:center;} header{ text-align:center; } article p{ text-indent:2em; } footer{ font-size:12px; font-align:center; } </style>
再次保存和預覽,是不是看著美觀多了

3、我已經學習了HTML和javascript,該怎麼去製作一個類似於百度的網頁?

HTML 配合CSS 就可以畫出百度的頁面 要實現別的比如點擊事件就需要運用javascript 方法 可以直接在百度上查下HTML源 建議chrome瀏覽器比較容易看到JS

4、怎麼在百度上製作自己的網頁?

不知道你現在可會製作網頁呢??可會使用網頁製作三劍客呢?、
如果會先試著用表格進行布局製作,如果會DIV+css布局更好。。。
如果不會那就學習吧,其實挺簡單的。
建議你按以下步驟學習:
1.網頁製作三劍客必須要會使用。(dreamweaver /fireworks/flash)
2學習些最基層的html語言的知識,
3在學習一些基本的html標簽(要多加練習哦)
4.先試著用表格進行布局。之後可以學習div+css進行布局(目前比較流行的布局方式!)
5還要會使用些簡單的javascript、vbscript

如果你只是想學習前台的話,可以直接學習「三劍客軟體」,不學習html和javascript 。

如果你想學習後台的話,你就必須要學習代碼了。
html----javascript/vbscript------asp/php/jsp-------資料庫技術
有問題可以hi我。。建議你加入團隊學習:(網站、網頁製作)http://.baidu.com/team/view/%E7%BD%91%E7%AB%99%E3%80%81%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C
視頻教程建議你在網上下載「」---[張孝祥IT課堂-JavaScript教學視頻錄像]

5、如何做HTML頁面

下面是一個簡單的HTML頁面
<HTML>
<HEAD>我的第一個HTML頁面</HEAD>
<BODY>這就是HTML頁面....</BODY>
</HTML>

復制上面代碼到記事本中,然後將記事本的後綴名改為.html

大功告成!

6、網頁設計 類似百度搜索頁面是怎麼做出來的

網頁設計這個一般都是要求會前端代碼,html css js flash 還有些其他的腳本插件什麼的。

如果代碼寫的熟練可以不用DW。寫網頁的工具很多,用txt文本文檔也可以。


好了,貼上搜索框代碼,使用需要後台程序支持,直接點了可是什麼都沒有哦。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>搜索框</title>
<style type="text/css" media="screen">
      body {
        background-color: #f1f1f1;
        margin: 0;
      }
      body,
      input,
      button {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      }
      .container { margin: 30px auto 40px auto; width: 800px; text-align: center; }

      a { color: #4183c4; text-decoration: none; font-weight: bold; }
      a:hover { text-decoration: underline; }

      h3 { color: #666; }
      ul { list-style: none; padding: 25px 0; }
      li {
        display: inline;
        margin: 10px 50px 10px 0px;
      }
      input[type=text],
      input[type=password] {
        font-size: 13px;
        min-height: 32px;
        margin: 0;
        padding: 7px 8px;
        outline: none;
        color: #333;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: right center;
        border: 1px solid #ccc;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        transition: all 0.15s ease-in;
        -webkit-transition: all 0.15s ease-in 0;
        vertical-align: middle;
      }
      .button {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 8px 15px;
        font-size: 13px;
        font-weight: bold;
        color: #333;
        text-shadow: 0 1px 0 rgba(255,255,255,0.9);
        white-space: nowrap;
        background-color: #eaeaea;
        background-image: -moz-linear-gradient(#fafafa, #eaeaea);
        background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
        background-image: linear-gradient(#fafafa, #eaeaea);
        background-repeat: repeat-x;
        border-radius: 3px;
        border: 1px solid #ddd;
        border-bottom-color: #c5c5c5;
        box-shadow: 0 1px 3px rgba(0,0,0,.05);
        vertical-align: middle;
        cursor: pointer;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-appearance: none;
      }
      .button:hover,
      .button:active {
        background-position: 0 -15px;
        border-color: #ccc #ccc #b5b5b5;
      }
      .button:active {
        background-color: #dadada;
        border-color: #b5b5b5;
        background-image: none;
        box-shadow: inset 0 3px 5px rgba(0,0,0,.15);
      }
      .button:focus,
      input[type=text]:focus,
      input[type=password]:focus {
        outline: none;
        border-color: #51a7e8;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(81,167,232,.5);
      }
     
      label[for=search] {
        display: block;
        text-align: left;
      }
      #search label {
        font-weight: 200;
        padding: 5px 0;
      }
      #search input[type=text] {
        font-size: 18px;
        width: 705px;
      }
      #search .button {
        padding: 10px;
        width: 90px;
      }

    </style>
</head>
<body>
<div class="container">
  <div id="search">
    <label for="search"></label>
    <input type="text" name="q">
    <input class="button" type="submit" value="Search">
  </div>
</div>
<div style="text-align:center;margin:100px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>

7、如何製作一個html的網頁

我也是從別人的帖子上看到的,借花獻佛

先從最簡單的 HTML 網頁入手;選擇 Dreamweaver 4.0MX Fireworks 4.0 MX Flash 5.0 MX 俗稱三劍客網頁工具。圖象還須 Photoshop 等作為你的網頁製作工具;製作前,粗略地閱讀 Dreamweaver Fireworks 及 Photoshop 教程,了解這幾個軟體到底能做些什麼;製作你的第一個實驗性的網站, 遇到困難,可買本《新編網頁製作》的書,找最新版本的,新華書店就有。資料網上也有的是,如果遇到問題難以解決,請將問題提出,讓更多高手為你解答; 初級階段:應初步掌握 三劍客網頁工具的基本操作:策劃和製作你的第一個網站;不斷為你的網站增加內容與功能(例如嘗試將一些 Java Script 小程序添加到你的網頁中。 進階階段:具有一定的網頁製作經驗,製作一般的網頁已經不在話下:根據個人喜好及實際需要,網頁製作的方向,你可以學習一些美術方面的知識;鍛煉自己在網站策劃及信息采輯的技能;嘗試製作其他不同類型的網站,從模仿別人開始,逐漸形成自己的設計風格;熟練操作 三劍客網頁工具,並至少能讀懂 HTML 及 JavaScript的簡單語言。 好了!這樣,你的網頁製作水平就離高手就不遠了。 祝你成功!

另外還有
(一)主頁的製作:
1、首先進入需要製作網頁後,密碼進入點擊製作網頁;
2、進入在線編輯;
3、起動瀏覽器;
4、進入其他人網頁主頁;
5、點擊其他人網頁內容;
6、點擊右鍵出復制;
7、內容編輯(下面);
8、點擊左鍵粘貼;
9、修改不合適內容;
10、選顏色;
11、輸入文件名;index
12、點擊完成;
(二)怎樣進行超級連接?
一、相對連接:(內部連接)
第一步:先進入進入成員專區,打開網頁製作系統;
第二步:如果是連接你本網頁著作系統已上傳的文件,首先打開需要被連接的文件,點地址欄,變為蘭色,再點右鍵點復制;
第三步:進入第一頁(主頁)改內容,找到原先設定的目錄選中此目標;
第四步:點插入連接,出現對話框,點右鍵點粘貼,再點OK
第五步:選中背景顏色,點擊完成即可。

二、絕對連接:(外部連接)
其他文件(本硬碟已存或別人網站等)怎樣進行超級連接?
其他步驟基本相同唯一不同的是:首先選中你所存硬碟或別人網站地址欄內的目錄。
(三)怎樣把照片搬到自己的網頁上
一、上傳 選擇法:
1、先把要般的相片存在軟盤上,(非中文文件名)
2、上傳到40兆空間
3、打開網頁製作改內容,
4、指定放相片的位置,
5、按插入相片按鈕,點「選擇」;
6、選背景顏色,按完成。
二、復制 粘貼法:
1、選擇相片右鍵點「復制」,
2、進入網頁改內容指定位置,
3、點擊「粘貼」即可。
動畫的提取大體與上相同。

8、怎麼製作百度網頁

如果會先試著用表格進行布局製作,如果會DIV+css布局更好。。。
如果不會那就學專習吧,其實挺簡單屬的。
建議你按以下步驟學習:
1.網頁製作三劍客必須要會使用。(dreamweaver /fireworks/flash)
2學習些最基層的html語言的知識,
3在學習一些基本的html標簽(要多加練習哦)
4.先試著用表格進行布局。之後可以學習div+css進行布局(目前比較流行的布局方式!)
5還要會使用些簡單的javascript、vbscript

如果你只是想學習前台的話,可以直接學習「三劍客軟體」,不學習html和javascript 。

如果你想學習後台的話,你就必須要學習代碼了。
html----javascript/vbscript------asp/php/jsp-------資料庫技術
有問題可以hi我。。建議你加入團隊學習:(網站、網頁製作)
視頻教程建議你在網上下載「」---[張孝祥IT課堂-JavaScript教學視頻錄像]

與怎麼設計百度html的網頁相關的知識