日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

我的网页设计（网页页面制作二)

發(fā)布時間：2023/11/29 编程问答 29 豆豆
生活随笔 收集整理的這篇文章主要介紹了 我的网页设计（网页页面制作二) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

?????

?????

  • ???? ?
  • ????嵌入網頁頁面制作出自個人的愛好，利用代碼的編寫融入產生web網頁頁面的應用效果，來進行頁面的選擇、搜索。這樣可以大大的提高了參考者、瀏覽者的個人不同需要，從而也了解了對網頁頁面制作擴大范圍和空間。也可以轉換對網頁頁面字體產生文字體的顏色變化“也就是文字體變顏色”。承蒙對愛好者對待網頁頁面技術開發(fā)制造一個很好的交流平臺。 ?
  • ?
  • ?
  • ???????? ?
  • ?
  • ?????<DOctype?html?public?"-//w3c//dtd//xhtml1.0?transitional//en"? ?
  • "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">??（表示應用代碼向系統聲明了當前頁面的文檔格式。換句話說就是瀏覽器會根據這個聲明來對HTML做出相應的處理，不同的生命會有不同的處理；可能會影響到HTML標簽的表現，對于同一段HTML代碼不同編寫的聲明可能會得到不同的頁面效果。） ?
  • <html?xmlns="http://www.w3.org/dtd1999/xhtml">??????<html>? ?
  • ???????????<head>? ?
  • ???????????<a?href="http://auto.soso.com">? ?
  • ???????????<title>soso圖片---搜搜網頁</title>? ?
  • ???????????<meta?http-equiv="content-Iype"?content="text/html?charset=GB2312">????????? ?
  • ???????????<meta?name="keywords"?content="soso網頁-搜搜網頁"></a>?<a?href="www.soso.com">網頁</a></li>?<a?href="http://p_w_picpath.soso.com/p_w_picpath">圖片</a></li>?<a?href="http://strong.soso.com/">視頻</a></li>?<a?href="http://music.soso.com/">音樂</a></li>?<a?href=http://sobar.soso.com/">搜吧</a></li>?<a?href="http://news.soso.com/">新聞</a></li>?<a?href="wenwen.soso.com/">問問</a></li>?<a?href="http://tuan.soso.com/">團購</a></li>?<a?href="http://sobar.soso.com/category/334.htm?pid=bar.index.ml">更多&gt;</a></li>?</td>?（以上是標記說明HTML網頁文件的范圍。） ?
  • ???????????<a?href="http://www.soso.com/p_w_picpaths?css"?type="text/css?rel=stylesheet">? ?
  • ???????????<script?src="http://auto.soso.com/autophotobar?index.htm;type="text/javascript"><script>? ?
  • ???????????<meta?http-equiv="content-type"?content="text/html;?charset=UTF-8"?/>?? ?
  • ???????????<script?type="text/javascript"language="javascript">? ?
  • ???以下應用嵌入式的方法連接，產生網頁頁面的動態(tài)效果，來應用代碼、標簽編程技巧；從而在頁面中形成一個網頁頁面制作。加入以下編程代碼 ?
  • ???????????<a?href="http://ent.qq.com/picture.shtml">? ?
  • ?????????<!--連接圖片載入以下方框-->? ?
  • ?????<style>? ?
  • ???<div?id='container'>? ?
  • ???????<!--左箭頭-->? ?
  • ???????<img?src="left.png"?style="left:-5px;top:85px;"? ?
  • ????????onclick="javascript:showImg(-1)"/>? ?
  • ???????<!--左邊第一個圖片框-->? ?
  • ???????<img?id="img01"style="z-index:4;left:31px;top:63px;width:74px;height:74px"? ?
  • ????????onclick="Javascript:showImg(2)"/>? ?
  • ???????<img?id="img02"?style="z-index:5;left:71px;top:32px;width:138px;height:138px? ?
  • ????????onclick="Javascript:showImg(1)"/>? ?
  • ???????<!--中間的圖片框-->? ?
  • ???????<img?id="img03"style="z-index:6;left:151px;top:0px;width:198px;height:198px? ?
  • ????????onclick=Javascript:showImg(0)"/>? ?
  • ???????<!--右邊第二個圖片框-->? ?
  • ???????<img?id="img04"?style=z-index:5;left:291px;top:opx;top:32px;width:138px;height:138px? ?
  • ????????onclick="Javascript:showImg(-1)"/>? ?
  • ???????<img?id="img05"style="z-index:4;left:395px;top:64px;width:74px;height:74px? ?
  • ????????onclick="Javascript:showImg(-2)"/>? ?
  • ???????<!--右箭頭-->? ?
  • ???????<img?src="right.pag"?style="left:486px;top:85px;"? ?
  • ????????onclick="Javascript:showImg(1)"/>? ?
  • ????</div>? ?
  • ???????<style>? ?
  • ???????????/*圖片瀏覽器容器*/? ?
  • ???????????#container?{? ?
  • ???????????????position:absolute;? ?
  • ???????????????left:20%;? ?
  • ???????????????text-align:center;? ?
  • ???????????????margin-top:150px;? ?
  • ???????????????width:500px;? ?
  • ???????????????height:198px? ?
  • ???????????}? ?
  • ???????????/*圖片瀏覽器容器中的所有圖片樣式*/? ?
  • ???????????#container?img?{? ?
  • ????????????????position:absolute;? ?
  • ???????????}? ?
  • ????????</style>? ?
  • ????????<script?type="text/Javascript">? ?
  • ????????????//圖片列表數組? ?
  • ????????????varimgArray?=?new?Array();? ?
  • ????????????imgArray[0]?=?"1.png";? ?
  • ????????????imgArray[1]?=?"2.png";? ?
  • ????????????imgArray[2]?=?"3.png";? ?
  • ????????????imgArray[3]?=?"4.png";? ?
  • ????????????imgArray[5]?=?"5.png";? ?
  • ????????????imgArray[6]?=?"6.png";? ?
  • ????????????imgArray[7]?=?"7.png";? ?
  • ????????????imgArray[8]?=?"8.png";? ?
  • ????????????imgArray[9]?=?"9.png";? ?
  • ????????????imgArray[10]?=?"10.png";? ?
  • ????????????//默認現實的圖片序號? ?
  • ????????????var?base?=?0；? ?
  • ????????????//通過指定偏移量來顯示數組順序中前或者后的第幾張圖片? ?
  • ????????function?showImg(offset)? ?
  • ????????{? ?
  • ????????????base?=?(base?-?offset)?%?imgArray.length;? ?
  • ????????????//顯示從base號開啟的5個圖片? ?
  • ????????????for(var?i=base;?i<base+5;?i++)? ?
  • ????????????{? ?
  • ???????????????var?img?=?document.getElementById("img0"?+?(i-base+1));? ?
  • ???????????????//判斷圖片是否從前往后循環(huán)顯示? ?
  • ???????????????if(i<0)? ?
  • ???????????????{? ?
  • ??????????????????img.src=imgArray[imgArray.length+i];? ?
  • ???????????????}? ?
  • ???????????????//判斷圖片是否從后往前循環(huán)顯示? ?
  • ???????????????else?if(i?>?(imgArray.length-1))? ?
  • ???????????????{? ?
  • ??????????????????img?src?=?imgArray[i-imgArray.length];? ?
  • ???????????????}? ?
  • ???????????????else? ?
  • ???????????????{? ?
  • ??????????????????img.src?=imgArray[i];? ?
  • ???????????????}? ?
  • ??????????}? ?
  • ??????}? ?
  • ??????//初始化圖片瀏覽器中的圖片? ?
  • ??????function?initimg()? ?
  • ??????{? ?
  • ??????????showImg(3);? ?
  • ??????}? ?
  • ??????//在頁面加載完成后調用? ?
  • ??????window.onload?=?initImg;? ?
  • <script?type="text/javascript">if(typeof(pgvMain)?==?'function')?{pgvMain();}</script></span>? ?
  • </body>?（標記說明之間至body是文件的主體） ?
  • </html>? ?
  • ??</script>?（最后是在代碼和字串符或變量輸出到HTML文檔中形成了運行動態(tài)網頁的顯示效果）?? ?
  • ?
  • ????網頁頁面的制作貴在以開發(fā)和實際應用，基本上編寫方法是由（1）由代碼向系統聲明當前頁面的文檔格式。（2）應用網址與HTML網頁的文件之間編寫范圍的代碼字段。（3）標記說明之間至body是文件的主體。比如可以輸入一些語法語句、標簽，如：這段代碼<script?type="text/Javascript">表示指定由腳本引擎解釋的腳本來設置獲取列表的樣式來描述。 ?
  • ?
  • <1>HTML對象模型中的屬性 ?
  • ?type有以下不同的表示：? ?
  • type?設置或獲取列表的樣式。 ?
  • type?獲取選中區(qū)的類型。? ?
  • type?獲取樣式表編寫所用的樣式表(CSS)語言。? ?
  • type?獲取按鈕的分類和缺省行為。? ?
  • type?從?event?對象中獲取事件名稱。? ?
  • type?設置或獲取對象的?MIME?類型。? ?
  • type?獲取樣式表編寫所用的樣式表(CSS)語言。? ?
  • type?獲取或初始設置對象所代表的?input?控件類型。? ?
  • type?設置或獲取關聯的腳本引擎的?MIME?類型。? ?
  • type?根據?MULTIPLE?屬性的值獲取?select?控件的類型。? ?
  • type?獲取控件類型。? ?
  • type?設置或獲取?value?標簽屬性指明的資源內容類型。 ?
  • ?
  • ?<2>??HTML對象模型中的屬性href有不同表示： ?
  • href?設置或獲取鏈接樣式表的?URL。? ?
  • href?設置或獲取目標?URL?或錨點。? ?
  • href?設置或獲取相對鏈接基于的?URL。? ?
  • href?設置或獲取整個?URL?為字符串。? ?
  • ? ?
  • （4）最后是在代碼和字串符或變量、標簽聚集輸出到HTML文檔中形成了運行動態(tài)網頁的顯示出完整效果。?? ?
  • ?

    • ?

    轉載于:https://blog.51cto.com/1572091hyl10/581694

    總結

    以上是生活随笔為你收集整理的我的网页设计（网页页面制作二)的全部內容，希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。