Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 日韩av片无码一区二区不卡电影,日本免费高清视频二区,国产乱人伦av在线a 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          用HTML怎么制作網(wǎng)頁呢？
          
        
           
          
	
	
          
		
                        
          　用HTML怎么制作網(wǎng)頁呢?靜態(tài)網(wǎng)站的編寫主要是用HTML DIV+CSS JS等來完成頁面的排版設(shè)計 ? ,常用的網(wǎng)頁設(shè)計軟件有Dreamweaver、EditPlus、HBuilderX、VScode 、Webstorm、Animate等等，用的最多的還是DW，當然不同軟件寫出的前端Html5代碼都是一致的。
          　　一、網(wǎng)站布局方面：計劃采用目前主流的、能兼容各大主流瀏覽器、顯示效果穩(wěn)定的浮動網(wǎng)頁布局結(jié)構(gòu)。
          　　二、網(wǎng)站程序方面：計劃采用最新的網(wǎng)頁編程語言HTML5+CSS3+JS程序語言完成網(wǎng)站的功能設(shè)計。并確保網(wǎng)站代碼兼容目前市面上所有的主流瀏覽器，已達到打開后就能即時看到網(wǎng)站的效果。
          　　三、網(wǎng)站素材方面：計劃收集各大平臺好看的圖片素材，并精挑細選適合網(wǎng)頁風格的圖片，然后使用PS做出適合網(wǎng)頁尺寸的圖片。
          　　四、網(wǎng)站文件方面：網(wǎng)站系統(tǒng)文件種類包含：html網(wǎng)頁結(jié)構(gòu)文件、css網(wǎng)頁樣式文件、js網(wǎng)頁特效文件、images網(wǎng)頁圖片文件;
          　　五、網(wǎng)頁編輯方面：網(wǎng)頁作品代碼簡單，可使用任意HTML編輯軟件(如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html編輯軟件進行運行及修改編輯等操作)。 其中： (1) html文件包含：其中index.html是首頁、其他html為二級頁面; (2) css文件包含：css全部頁面樣式,文字滾動, 圖片放大等; (3) js文件包含：js實現(xiàn)動態(tài)輪播特效, 表單提交, 點擊事件等等(個別網(wǎng)頁中運用到j(luò)s代碼)。
          面制作技術(shù)詳解

          演示視頻在文章底部
          1.頁面內(nèi)容居中顯示方法
          將這段代碼<div style="width:50%;margin:auto;">放置在<body>標簽之下。
          將</div>放置在</body>之上。
          將全部內(nèi)容包裹在這個div中，就可以實現(xiàn)整個頁面居中。
          內(nèi)容顯示寬度為瀏覽器視窗寬度的50%。
          margin（外邊距）是在CSS布局中經(jīng)常用到的屬性，它指定了該div元素距離四周的距離。使用“auto”值，可以實現(xiàn)居中。
          2.導航欄懸停頂端方法
          把四個a標簽裝到一個div中。
          將<div style="position:fixed; top:0px;">添加到<a style="margin: 0px 30px 0px 10px;" href="#chapter1">試飛進程</a>之上。
          將</div>添加到<a style="margin: 0px 30px 0px 0px;"href="#chapter4">總體評價</a>之下。
          position是css布局中指定位置的屬性，“fixed”值是讓該div懸停于固定位置。
          默認下，該div距離視窗頂端有10px左右的距離，因此為了讓它與視窗頂部對齊，添加top：0px。
          3.鼠標滑過導航標題或鏈接時改變背景色提示
          這就要介紹關(guān)于css的寫法了。
          簡單來說，就是在<head></head>標簽中添加
          <style>
          a:hover
          {
          background-color:#ffff00;
          }
          </style>
          學過HTML頁面中head標簽有啥用？——零基礎(chǔ)自學網(wǎng)頁制作的小伙伴應(yīng)該知道，CSS腳本是可以添加在head元素中的。
          其中，a:hover中的a指的是所有<a></a>標簽。
          hover指的是：當鼠標懸停在a上面時的狀態(tài)。
          使用：連接。
          這個狀態(tài)下要執(zhí)行的內(nèi)容在{}中。
          background-color:#ffff00;即背景色為黃色。
          3.隱藏滾動條方法
          首先，我們要明確一點，就是，滾動條是在內(nèi)容長度超過視窗高度時產(chǎn)生的。
          如果要取消視窗最右側(cè)滾動條，就要控制內(nèi)容高度。
          把<p></p>和<img/><map></map>全部裝進<div></div>中，控制該div的高度可以實現(xiàn)。
          在<p>標簽色上面添加<div>。
          在</map>標簽下面添加</div>。
          下面，為div規(guī)定尺寸，添加style="width:610px; height:530px;"。
          這樣，就不會超出視窗。但是代碼寫完后發(fā)現(xiàn)并不是，如圖：
          多出的文字內(nèi)容超出div范圍，右側(cè)滾動條依然存在。
          這就要在div的style中再增加一條語句"overflow-y:scroll;"
          這句話的意思是“overflow-y”（超出最大高度）就顯示滾動條（scroll）。而不是讓內(nèi)容超出div的邊框。
          <div style="width:610px; height:530px; overflow-y:scroll;" >
          如圖：
          因為圖片寬度的問題，下方的x軸的scroll也出現(xiàn)了，我們不想看到它，影響美觀。
          添加“overflow-x：hidden”即可，hidden（隱藏）。
          <div style="width:610px; height:530px; overflow-y:scroll; overflow-x:hidden;" >
          如圖：hidden之后，將無法滾動或拖動畫面。
          最后，我們要把右側(cè)的scroll也隱藏掉，因為點擊鼠標，滾動滾輪就夠了，滾動條實在礙眼。
          從前面的例子可知，hidden是不行的，有沒有別的辦法？
          那就是在蓋div的外部再添加一個div，讓這個div的寬度略小于里面div的寬度，小到剛剛擋住滾動條既可以。如圖：
          這個div這樣寫即可
          <div style="margin:30px 0px 0px 0px;width:600px;overflow:hidden;">
          </div>
          同時還要給里面的div添加margin來讓它們對齊
          <div style="margin:30px 0px 0px 0px;width:600px;overflow:hidden;">
          <div style="margin:0px 0px 0px 8px;width:610px; height:530px; overflow-y:scroll;overflow-x:hidden;" >
          <!--省略了p img map 請自行腦補或參考源碼-->
          </div>
          </div>
          完整代碼：用HTML制作一個簡單頁面（代碼閱讀練習）——零基礎(chǔ)自學網(wǎng)頁制作
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
国产一区二区三区夜色|
精品日韩在线视频一区二区三区|
日韩精品一区二区三区不卡
|
精品aⅴ一区二区三区|
日韩在线一区二区三区视频|
天美传媒一区二区三区|
韩国精品一区二区三区无码视频|
国产99精品一区二区三区免费|
精品国产aⅴ无码一区二区|
久久久国产精品一区二区18禁|
无码人妻一区二区三区免费n鬼沢|
性色av一区二区三区夜夜嗨|
精产国品一区二区三产区|
色综合视频一区二区三区|
国产午夜精品一区二区三区漫画
|
亚洲一区二区三区日本久久九|
精品深夜AV无码一区二区老年
|
日韩精品一区二区亚洲AV观看|
一色一伦一区二区三区|
国产另类TS人妖一区二区|
亚洲午夜一区二区三区|
国产精品女同一区二区|
国产成人精品视频一区|
亚洲不卡av不卡一区二区|
国产综合精品一区二区|
国产精品高清视亚洲一区二区|
国产一区二区三区在线视頻|
无码人妻啪啪一区二区|
美女视频一区三区网站在线观看|
亚洲国产精品一区二区第四页|
国产精品一区在线麻豆|
日韩一区二区三区无码影院|
日本精品一区二区三区在线观看|
无码人妻AⅤ一区二区三区水密桃|
亚洲日韩中文字幕一区|
亚洲码欧美码一区二区三区|
亚洲国产欧美国产综合一区
|
无码国产精品一区二区免费式影视
|
文中字幕一区二区三区视频播放
|
在线精品亚洲一区二区三区|
日产一区日产2区|