??目錄
一、👨?🎓網站題目
二、??網站描述
三、📚網站介紹
?四、🌐網站效果
?五、🪓 代碼實現
? ? ? ? ??🧱HTML
六、🥇 如何讓學習不再盲目
七、🎁更多干貨
一、👨?🎓網站題目
旅游，當地特色，歷史文化，特色小吃等網站的設計與制作。
二、??網站描述
👨?🎓靜態網站的編寫主要是用HTML DIV+CSS 等來完成頁面的排版設計👩?🎓,常用的網頁設計軟件有Dreamweaver、EditPlus、HBuilderX、VScode 、Webstorm、Animate等等，用的最多的還是DW，當然不同軟件寫出的前端Html5代碼都是一致的，本網頁適合修改成為各種類型的產品展示網頁，比如美食、旅游、攝影、電影、音樂等等多種主題，希望對大家有所幫助。
三、📚網站介紹
📔網站布局方面：計劃采用目前主流的、能兼容各大主流瀏覽器、顯示效果穩定的浮動網頁布局結構。
📓網站程序方面：計劃采用最新的網頁編程語言HTML5+CSS3程序語言完成網站的功能設計。并確保網站代碼兼容目前市面上所有的主流瀏覽器，已達到打開后就能即時看到網站的效果。
📘網站素材方面：計劃收集各大平臺好看的圖片素材，并精挑細選適合網頁風格的圖片，然后使用PS做出適合網頁尺寸的圖片。
📒網站文件方面：網站系統文件種類包含：html網頁結構文件、css網頁樣式文件、js網頁特效文件、images網頁圖片文件；
📙網頁編輯方面：網頁作品代碼簡單，可使用任意HTML編輯軟件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html編輯軟件進行運行及修改編輯等操作）。
其中：
（1）📜html文件包含：其中index.html是首頁、其他html為二級頁面；
（2）📑 css文件包含：css全部頁面樣式,文字滾動, 圖片放大等；
?四、🌐網站效果
?五、🪓 代碼實現
🧱HTML
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>珠海城市介紹</title><link rel="stylesheet" href="css/css.css"><style>.container {display: flex;align-items: center; /* 垂直居中對齊 */}.text {flex: 1; /* 文本占據剩余空間 */margin-right: 10px; /* 圖片和文本之間的間距 */}.image {max-width: 400px; /* 設置圖片的最大寬度 */}</style>
</head><body><div class="page"><header><h1>歡迎來到珠海</h1><p>百島之市，浪漫之城</p></header><nav><a href="index.html">首頁</a><a href="attractions.html">景點</a><a href="culture.html">文化</a><a href="contact.html">聯系我們</a></nav><div class="container"><div class="text"><p>珠海市（Zhuhai City ），是中華人民共和國廣東省轄地級市， 位于廣東省南部，珠江口西岸。 截至2024年7月，珠海市陸地面積1725.07平方千米，領海基線以內海域面積9348平方千米，下轄香洲區、斗門區、金灣區3個行政區。 截至2023年末，珠海市常住人口為249.41萬人。珠海市人民政府駐地珠海市人民東路市政府大院。 珠海市有粵、客家和閩等種方言，以粵方言為主</p><p>珠海市主要地貌有山地、丘陵、臺地、階地、平原，共有大小島嶼146個。 氣候屬南亞熱帶海洋性季風氣候，其氣候特點為冬夏季風交替明顯，終年氣溫較高，偶有陣寒，但冬無嚴寒，夏不酷熱。 早在新石器時代時期，珠海市境內已有原始部落人群在這里生活，大部分地區自南宋起至民國時期屬中山縣（原名香山縣）轄地。 1953年4月7日，成立珠海縣。 1979年，珠海縣改為珠海市，1980年設立經濟特區。</p></div><img class="image" src="img/1.jpg" alt="珠海市圖片"></div><div class="container"><div class="card"><img src="img/珠海漁女.jpg" alt="珠海漁女"><div class="card-content"><h2>珠海漁女</h2><p>珠海市的象征性雕塑，位于情侶中路香爐灣畔，講述著美麗的愛情傳說。</p></div></div><div class="card"><img src="img/長隆海洋王國.jpg" alt="長隆海洋王國"><div class="card-content"><h2>長隆海洋王國</h2><p>全球最大的海洋主題公園之一，擁有豐富的海洋動物展覽和精彩的表演。</p></div></div><div class="card"><img src="img/情侶路.jpg" alt="情侶路"><div class="card-content"><h2>情侶路</h2><p>珠海的城市名片，沿海而建的景觀大道，適合漫步和騎行，欣賞海濱風光。</p></div></div></div><footer><p>© 珠海旅游網 | 聯系電話：0756-XXXXXXX</p></footer></div>
</body></html>
六、🥇 如何讓學習不再盲目
很多剛入門編程的小白學習了基礎語法，卻不知道語法的用途，不知道如何加深映像，不知道如何提升自己，這個時候每天刷自主刷一些題就非常重要（百煉成神），可以去牛客網上的編程初學者入門訓練。該專題為編程入門級別，適合剛學完語法的小白練習，題目涉及編程基礎語法，基本結構等，每道題帶有練習模式和考試模式，可還原考試模式進行模擬，也可通過練習模式進行練習。
七、🎁更多干貨
1.如果我的博客對你有幫助、如果你喜歡我的博客內容，請 “👍點贊” “??評論” “💙收藏” 一鍵三連哦！
2.💗【👇🏻👇🏻👇🏻關注我| 獲取更多源碼 | 優質文章】 帶您學習各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學生畢業HTML模板 、期末大作業模板 、等! 「在這里有好多 前端 開發者，一起探討 前端 Node 知識，互相學習」！
3.以上內容技術相關問題💌歡迎一起交流學習👇🏻👇🏻👇🏻🔥源代碼：
4.有任何意見或者不懂得地方可以在評論區留言，也可以私信，我會認真看也會回復的哦
)
)
