整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          利用Servlet完成簡單的登錄注冊

          建項目lr,設(shè)置項目編碼為UTF-8,JSP編碼為UTF-8,項目視圖為Java視圖,導入包及資源,項目層次結(jié)構(gòu)為垂直

          設(shè)置項目編碼為UTF-8

          JSP編碼為UTF-8

          項目視圖為Java視圖

          或者

          將準備好的素材放進去

          創(chuàng)建首頁Servlet

          web.xml配置

          Index.jsp

          訪問地址

          查看效果

          ?

          <!DOCTYPE html>
          <html lang="en">
          <head>
              <meta charset="UTF-8">
              <title>登錄頁面</title>
              /*總體的樣式*/
              <style>
              	/*盒子樣式*/
                  #box{
                      width: 350px; //寬
                      height: 450px; //高
                      border: 1px solid black; //邊框
                      border-radius: 10px; //邊框弧度
                      font-family: 黑體; //字體
                      letter-spacing:8px; //段間距
                      word-spacing: 10px; //字間距
                      line-height: 40px; //行高
                      font-size: 18px; //字大小
                      padding: 20px; //內(nèi)邊框
                  }
                  /*給'注冊'賦予樣式*/
                  .register{
                      width:280px ; //寬
                      height: 50px; //高
                      background-color: skyblue; //背景顏色
                      border-radius: 10px; //邊框弧度
          
                  }
                  /*將所有邊框都改變*/
                  *{
                      border-radius: 5px; 邊框弧度
                  }
                  /*使用class選擇器,賦予number寬高和邊框*/
                  .number{
                      width: 185px; //寬
                      height: 27px; //高
                      border-width: 1px; //邊框?qū)挾?
                  }
                  /*id選擇器*/
                  #two{
                      width: 55px; //寬
                      border-width: 1px; 邊框?qū)挾?        }
                  /*id選擇器*/
                  #phone{
                      width: 103px; //寬
                  }
                  /*class 選擇器*/
                  .boxs{
                      zoom: 75%; //清除浮動
                      color: darkgray; //顏色
                  }
                  /*class選擇器*/
                  .box_a{
                      width: 50px; //寬
                      height: 50px; //高
                      background-image: url("../image/04.jpg "); //背景圖片
                      background-repeat: no-repeat; // 是否平鋪
                      background-size: 50px 25px; //背景尺寸
                      position: relative; //定位 相對定位
                      left: 310px; //定位后左移
                      bottom: 32px; //定位后下移
          
                  }
              </style>
          </head>
          <body>
          <div id="box">
              <h1>請注冊</h1>
          <p style="color: darkgray">已有帳號?<a href="https://im.qq.com/index">登錄</a></p>
          <form action="" method="post">
              <label for="name">用戶名</label>
              <input type="text" placeholder="請輸入用戶名" id="name" class="number"> <br>
              <label for="phone">手機號</label>
              <select name="" id="two" class="number">
              <optgroup>
                  <option style="" class="">+86</option>
              </optgroup>
              </select>
              <input type="text" placeholder="請輸入手機號" id="phone" class="number"> <br>
              <label for="mima">密?碼</label>
              <input type="password" placeholder="請輸入密碼" id="mima" class="number"> <br>
              <label for="mima">驗證碼</label>
              <input type="password" placeholder="請輸入驗證碼" id="is" class="number">
              <div class="box_a"></div>
              <div class="boxs">
                  <input type="radio" id="" class="accept">閱讀并接受協(xié)議<br>
              </div>
              <input type="submit" value="注冊" class="register" >
          
              </form>
          </div>
          
          
          </body>
          </html>
          在這里插入圖片描述

           在這個數(shù)字化時代,擁有一個自己的網(wǎng)頁成為了一種時尚和需求。無論是為了展示個人才藝,還是為了推廣自己的產(chǎn)品和服務(wù),一個簡單的網(wǎng)頁都能幫助我們有效地傳達信息。

            現(xiàn)如今,制作網(wǎng)頁并不像過去那樣困難,即使是沒有編程經(jīng)驗的人,也能輕松上手。我們先來看一看一個簡單網(wǎng)頁的制作步驟吧!

            第一步,選擇適合的網(wǎng)頁制作平臺。在市場上有很多免費且易于使用的網(wǎng)頁制作工具可供選擇,如WordPress、Wix和Weebly。這些平臺提供了許多模板和功能供我們使用,使得制作網(wǎng)頁變得簡單快捷。

            第二步,注冊和選擇域名。在選擇平臺后,我們需要創(chuàng)建一個賬戶,以便開始制作網(wǎng)頁。同時,我們還需要選擇一個適合自己的域名,這將是網(wǎng)頁的網(wǎng)址,所以請謹慎選擇,盡量與網(wǎng)頁內(nèi)容相關(guān),并且容易記憶。

            第三步,定制和設(shè)計網(wǎng)頁。選擇一個合適的模板后,我們可以開始對網(wǎng)頁進行個性化定制。根據(jù)自己的喜好和需求,我們可以修改顏色、字體、布局等,以使網(wǎng)頁更符合我們的品味和風格。

            第四步,添加內(nèi)容。一個網(wǎng)頁最重要的部分就是內(nèi)容,因此我們需要在網(wǎng)頁上添加相關(guān)的文字、圖片和視頻。通過簡潔明了的表達,我們能夠吸引更多訪問者,并讓他們對我們的網(wǎng)頁產(chǎn)生興趣。

            第五步,優(yōu)化和SEO。在制作網(wǎng)頁時,我們需要考慮搜索引擎優(yōu)化(SEO)。通過選擇相關(guān)的關(guān)鍵詞,并在網(wǎng)頁的標題、描述和內(nèi)容中合理地使用,我們能夠提高網(wǎng)頁在搜索引擎中的排名,增加網(wǎng)頁的曝光量。

            第六步,測試和發(fā)布。在完成網(wǎng)頁制作后,應(yīng)該進行測試以確保網(wǎng)頁的功能正常,并在不同瀏覽器和設(shè)備上進行兼容性測試。測試通過后,我們就可以發(fā)布網(wǎng)頁,與大家分享啦!

            通過以上簡單的步驟,我們已經(jīng)成功制作了一個簡單而個性化的網(wǎng)頁。當然,如果我們想要更進一步,學習一些基本的HTML和CSS等編程知識也是很有幫助的。

            希望以上的內(nèi)容對于想要制作一個簡單網(wǎng)頁的朋友們有所幫助。讓我們一起創(chuàng)造屬于自己的網(wǎng)頁吧!


          主站蜘蛛池模板: 精品国产一区二区三区久| 国产精品99精品一区二区三区| 亚洲色无码一区二区三区| 日本无卡码一区二区三区| 国产精品亚洲一区二区三区在线观看| 熟妇人妻系列av无码一区二区 | 精品国产一区二区22| 亚洲Av永久无码精品一区二区| 亚洲熟妇av一区二区三区| 国产精品 一区 在线| 激情啪啪精品一区二区| 日韩精品一区二区三区毛片| 亚洲香蕉久久一区二区三区四区| 国产av一区二区三区日韩| 丝袜无码一区二区三区| 亚洲AV永久无码精品一区二区国产| 加勒比无码一区二区三区| 一区二区亚洲精品精华液| 99无码人妻一区二区三区免费| 日产亚洲一区二区三区| 蜜臀Av午夜一区二区三区| 午夜精品一区二区三区免费视频| 久久99久久无码毛片一区二区 | 午夜天堂一区人妻| 免费日本一区二区| 在线播放一区二区| 精品国产乱码一区二区三区| 亚洲中文字幕一区精品自拍| 无码人妻啪啪一区二区| 亚洲AV成人一区二区三区在线看 | 精品少妇一区二区三区在线| 国产精品无码一区二区在线观一 | 中文字幕一区日韩精品| 伊人久久一区二区三区无码| 成人一区二区三区视频在线观看| 成人H动漫精品一区二区| 精品无码人妻一区二区三区18| 午夜一区二区免费视频| 一区二区三区亚洲视频| 国产一区二区三区不卡观| 久久久久人妻一区二区三区vr|