當前位置:妙知谷 >

母嬰教育 >學習交流 >

如何製作一個簡單的網頁

如何製作一個簡單的網頁

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

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

如何製作一個簡單的網頁

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

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

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

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

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

第四步:寫代碼!

代碼寫成下圖這樣即可:

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

代碼寫在下圖區域內:

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

script代碼寫在下圖區域內:

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

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

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

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

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

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

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