網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

如何製作一個簡單的網頁

欄目: 學習交流 / 發佈於: / 人氣:2.46W

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

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

如何製作一個簡單的網頁

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

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

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

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

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

第四步:寫代碼!

代碼寫成下圖這樣即可:

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

代碼寫在下圖區域內:

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

script代碼寫在下圖區域內:

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

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

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

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

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

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

Tags:網頁