如何製作一個簡單的網頁

來源:酷知科普網 2.49W

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

第一步:在桌面上建立一個文字檔案;

如何製作一個簡單的網頁

第二步:將文字名改為""(副檔名為或者即可,看不見副檔名可以到);

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

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

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

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

第四步:寫程式碼!

程式碼寫成下圖這樣即可:

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

程式碼寫在下圖區域內:

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

script程式碼寫在下圖區域內:

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

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

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

第六步:儲存該文字檔案;然後右擊開啟選擇一個瀏覽器開啟;如果出現“已限制網頁執行指令碼。。。”請點選允許後,點選文字看看效果如何!

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

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

熱門標籤