當前位置:妙知谷 >

母嬰教育 >學習交流 >

如何製作一個簡單的網頁

如何製作一個簡單的網頁

靜態網頁現階段主要採用DIV+CSS+Javascript來實現,下面就這三方面來引導大家入門。

第一步:在桌面上創建一個文本文件;

如何製作一個簡單的網頁

第二步:將文本名改為""(擴展名為或者即可,看不見擴展名可以到);

如何製作一個簡單的網頁 第2張

如何製作一個簡單的網頁 第3張

第三步:文件名改好後,右擊打開方式,選擇記事本;

如何製作一個簡單的網頁 第4張

第四步:寫代碼!

代碼寫成下圖這樣即可:

如何製作一個簡單的網頁 第5張

代碼寫在下圖區域內:

如何製作一個簡單的網頁 第6張

script代碼寫在下圖區域內:

如何製作一個簡單的網頁 第7張

五步:在這些代碼區域內寫上你的代碼;

如何製作一個簡單的網頁 第8張

第六步:保存該文本文件;然後右擊打開選擇一個瀏覽器打開;如果出現“已限制網頁運行腳本。。。”請點擊允許後,點擊文字看看效果如何!

如何製作一個簡單的網頁 第9張

至此大功告成!如果你想學習更多WEB設計前端設計,動態網頁編寫等等,這都將是一個非常好的入門體驗!祝君成功!

標籤: 網頁
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/jy/jiaoliu/gqlx5.html