如何製作一個簡單的網頁

來源:酷知科普網 2.49W

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

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

如何製作一個簡單的網頁

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

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

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

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

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

第四步:寫代碼!

代碼寫成下圖這樣即可:

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

代碼寫在下圖區域內:

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

script代碼寫在下圖區域內:

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

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

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

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

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

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

熱門標籤