家鄉(xiāng)旅游景點網(wǎng)頁作業(yè)制作 網(wǎng)頁代碼運用了DIV盒子的使用方法，如盒子的嵌套、浮動、margin、border、background等屬性的使用，外部大盒子設(shè)定居中，內(nèi)部左中右布局，下方橫向浮動排列，大學(xué)學(xué)習(xí)的前端知識點和布局方式都有運用，CSS的代碼量也很足、很細(xì)致，使用hover來完成過渡效果、鼠標(biāo)滑過效果等，使用表格、表單補充模塊，為方便新手學(xué)習(xí)頁面中沒有使用js有需要的可以自行添加。
一、網(wǎng)頁介紹??
1 網(wǎng)頁簡介：此作品為學(xué)生個人主頁網(wǎng)頁設(shè)計題材，HTML+CSS 布局制作,web前端期末大作業(yè),大學(xué)生網(wǎng)頁設(shè)計作業(yè)源碼，這是一個不錯的網(wǎng)頁制作，畫面精明，代碼為簡單學(xué)生水平, 非常適合初學(xué)者學(xué)習(xí)使用。
2.網(wǎng)頁編輯：網(wǎng)頁作品代碼簡單，可使用任意HTML編輯軟件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html編輯軟件進(jìn)行運行及修改編輯等操作）。
3.知識應(yīng)用：技術(shù)方面主要應(yīng)用了網(wǎng)頁知識中的: Div+CSS、鼠標(biāo)滑過特效、Table、導(dǎo)航欄效果、Banner、表單、二級三級頁面等，視頻、 音頻元素 、Flash，同時設(shè)計了Logo（源文件）所需的知識點。
一、網(wǎng)頁效果??
文章來源：http://www.zghlxwxcb.cn/news/detail-477240.html
二、代碼展示??
1.HTML結(jié)構(gòu)代碼 ??
代碼如下（示例）：以下僅展示部分代碼供參考~文章來源地址http://www.zghlxwxcb.cn/news/detail-477240.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link href="css/all.css" rel="stylesheet" media="all" type="text/css" />
<title>南京介紹</title>
</head>
<body>
<div class="content">
<nav class="menu">
<ul class="center mid">
<li><a href="index.html">網(wǎng)站首頁</a></li>
<li><a href="about.html">南京介紹</a></li>
<li><a href="img.html">南京圖片到了這里，關(guān)于Web前端開發(fā)技術(shù)課程大作業(yè)——南京旅游景點介紹網(wǎng)頁代碼html+css+javascript的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![[HTML]Web前端開發(fā)技術(shù)9（HTML5、CSS3、JavaScript ）——喵喵畫網(wǎng)頁](https://imgs.yssmx.com/Uploads/2024/02/777294-1.png)
![[HTML]Web前端開發(fā)技術(shù)12（HTML5、CSS3、JavaScript ）——喵喵畫網(wǎng)頁](https://imgs.yssmx.com/Uploads/2024/02/793019-1.png)
![[HTML]Web前端開發(fā)技術(shù)26（HTML5、CSS3、JavaScript ）JavaScript基礎(chǔ)——喵喵畫網(wǎng)頁](https://imgs.yssmx.com/Uploads/2024/02/828994-1.png)
![[HTML]Web前端開發(fā)技術(shù)13（HTML5、CSS3、JavaScript ）橫向二級導(dǎo)航菜單 Web頁面設(shè)計實例——喵喵畫網(wǎng)頁](https://imgs.yssmx.com/Uploads/2024/02/797403-1.png)
![[HTML]Web前端開發(fā)技術(shù)7（HTML5、CSS3、JavaScript ）CSS的定位機制——喵喵畫網(wǎng)頁](https://imgs.yssmx.com/Uploads/2024/02/755631-1.png)
![[HTML]Web前端開發(fā)技術(shù)6（HTML5、CSS3、JavaScript ）DIV與SPAN，盒模型，Overflow——喵喵畫網(wǎng)頁](https://imgs.yssmx.com/Uploads/2024/02/756611-1.png)
