?????學(xué)生HTML靜態(tài)網(wǎng)頁基礎(chǔ)水平制作?????，頁面排版干凈簡潔。使用HTML+CSS頁面布局設(shè)計,web大學(xué)生網(wǎng)頁設(shè)計作業(yè)源碼，這是一個不錯的旅游網(wǎng)頁制作，畫面精明，排版整潔，內(nèi)容豐富，主題鮮明，非常適合初學(xué)者學(xué)習(xí)使用, 這個實例比較全面，有助于同學(xué)的學(xué)習(xí),本文將介紹如何通過從頭開始設(shè)計個人網(wǎng)站并將其轉(zhuǎn)換為代碼的過程來實踐設(shè)計。
一、網(wǎng)站題目?????
?? 旅游景點介紹、旅游風(fēng)景區(qū)、家鄉(xiāng)介紹、等網(wǎng)站的設(shè)計與制作。
二、網(wǎng)站描述??
旅游景點介紹、旅游風(fēng)景區(qū)是一個介紹簡介、行政區(qū)劃、地理環(huán)境、自然環(huán)境、教育事業(yè)、體育事業(yè)、旅游景點、城市榮譽等等。網(wǎng)站集中主要展示了的地方風(fēng)土人情，并通過訪客留言，增加游客的互動體驗。同時，地方旅游網(wǎng)站里的每一個網(wǎng)頁都采用了統(tǒng)一的設(shè)計風(fēng)格，以加強城市整體面貌統(tǒng)一的宣傳效果。最重要的是做出旅游網(wǎng)站獨特的風(fēng)格，更能吸引瀏覽者的眼球。
三、網(wǎng)站介紹??
網(wǎng)站布局方面：計劃采用目前主流的、能兼容各大主流瀏覽器、顯示效果穩(wěn)定的浮動網(wǎng)頁布局結(jié)構(gòu)。
網(wǎng)站程序方面：計劃采用最新的網(wǎng)頁編程語言HTML5+CSS3+JS程序語言完成網(wǎng)站的功能設(shè)計。并確保網(wǎng)站代碼兼容目前市面上所有的主流瀏覽器，已達(dá)到打開后就能即時看到網(wǎng)站的效果。
網(wǎng)站素材方面：計劃收集各大平臺好看的圖片素材，并精挑細(xì)選適合網(wǎng)頁風(fēng)格的圖片，然后使用PS做出適合網(wǎng)頁尺寸的圖片。
網(wǎng)站文件方面：網(wǎng)站系統(tǒng)文件種類包含：html網(wǎng)頁結(jié)構(gòu)文件、css網(wǎng)頁樣式文件、js網(wǎng)頁特效文件、images網(wǎng)頁圖片文件；
網(wǎng)頁編輯方面：網(wǎng)頁作品代碼簡單，可使用任意HTML編輯軟件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html編輯軟件進(jìn)行運行及修改編輯等操作）。
其中：
（1）html文件包含：其中index.html是首頁、其他html為二級頁面；
（2）css文件包含：css全部頁面樣式,文字滾動, 圖片放大等；
（3）js文件包含：js實現(xiàn)動態(tài)輪播特效, 點擊事件等等（個別網(wǎng)頁中運用到j(luò)s代碼）。
四、網(wǎng)站效果??
網(wǎng)站設(shè)計制作的重點是對網(wǎng)頁整體設(shè)計的布局和對網(wǎng)頁整體內(nèi)容的選題。
網(wǎng)站設(shè)計方面：計劃實現(xiàn)簡潔大氣的網(wǎng)頁設(shè)計效果。
網(wǎng)站功能方面：計劃實現(xiàn)各個頁面之間的鏈接跳轉(zhuǎn)功能、鼠標(biāo)懸停在文字上的變色功能、簡單的首頁動態(tài)圖片切換功能、簡單的表單提交功能。
五、網(wǎng)站代碼制作部分 ??
（1）網(wǎng)站首頁布局確定好各個板塊的內(nèi)容，并使用了DIV+CSS布局。另外首頁使用到的知識主要有圖片插入、圖片動態(tài)切換、導(dǎo)航條、利用CSS固定字體、文字大小、文字顏色、背景顏色。
（2）頁面使用了DIV+CSS布局，使用到的知識主要有圖片插入、導(dǎo)航條、利用CSS固定字體、文字大小、文字顏色、背景顏色。文章來源：http://www.zghlxwxcb.cn/news/detail-451063.html
（3）表單部分頁面使用了DIV+CSS布局，使用到的知識主要有運用了form表單、input文本框和input提交按鈕，完成表單信息收集。利用CSS設(shè)置input提交按鈕文字大小和顏色。文章來源地址http://www.zghlxwxcb.cn/news/detail-451063.html
HTML結(jié)構(gòu)代碼??
<html>
<head>
<meta charset="UTF-8">
<title>旅游中國</title>
<link href="css/style.css" rel="stylesheet" media="all" type="text/css">
<script src="js/lunbo.js" type="text/javascript"></script>
</head>
<body>
<div class="head"><img src="images/logo.png" width="240"></div>
<div class="nav">
<ul>
<li><a href="index.html">首頁</a></li>
<li><a href="liuyan.html">留言</a></li>
<li><a href="gentuanyou.html">跟團游</a></li>
<li><a href="zixun.html">新聞資訊</a></li>
<li><a href="fengguang.html">圖片風(fēng)光</a></li>
<li><a href="shipin.html">精彩視頻</a></li>
<li><a href=<到了這里，關(guān)于HTML旅游景點網(wǎng)頁作業(yè)制作——旅游中國11個頁面(HTML+CSS+JavaScript)的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
