文章目录

一、网站题目
二、网站描述
三、网站介绍
四、网站效果
五、网站代码制作部分

HTML结构代码
CSS样式代码

六、遇到问题及如何解决
七、实训总结
八、更多干货一、网站题目

旅游景点介绍、旅游风景区、家乡介绍、等网站的设计与制作。
 
二、网站描述
旅游景点□□□介绍、旅游风景□□区是一个□□□介绍简介、行政区划、地理环境、自然环境、教育事业、体育事业、旅游景点、城市荣誉□□□等等。网站集中□□□□主要展示□□□了的地方□□□风土人情，并通过访□□客留言，增加游客□□的互动体□□□验。同时，地方旅游□□□□网站里的☆每一个网□□□页都采用□□□了统一的□□□□设计风格，以加强城□□□市整体面□□□貌统一的□□□宣传效果。最重要的□□□是做出旅□□□游网站独□□□特的风格，更能吸引□□□浏览者的□□□□眼球。
 
三、网站介绍
网站布局□□□□方面：计划采用□□□□目前主流□□□的、能兼容各□□□大主流浏□□□览器、显示效果□□□□稳定的浮□□□□动网页布□□□□局结构。
 
网站程序●方面：计划采用❖最新的网□□□□页编程语□□□言HTML5+CSS3+JS程序语言□□□□完成网站□□的功能设●计。并确保网●站代码兼□□容目前市·面上所有◣的主流浏□□览器，已达到打□□开后就能◇即时看到丨网站的效□□□果。
 
网站素材□□□□方面：计划收集丨各大平台□□好看的图★片素材，并精挑细◇选适合网◇页风格的□□□□图片，然后使用PS做出适合□□网页尺寸◣的图片。
 
网站文件丨方面：网站系统❖文件种类□□□□包含：html网页结构□□文件、css网页样式❖文件、js网页特效□□□文件、images网页图片□□□□文件；
 
网页编辑◈方面：网页作品丨代码简单，可使用任□□意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件□□□进行运行□□□□及修改编□□辑等操作）。
其中：
（1）html文件包含：其中index.html是首页、其他html为二级页面；
（2）css文件包含：css全部页面样式,文字滚动, 图片放大等；
（3）js文件包含：js实现动态□□□轮播特效, 点击事件□□等等（个别网页□□中运用到js代码）。
四、网站效果□□□□网站设计□□□制作的重※点是对网□□□□页整体设□□□□计的布局□□□和对网页□□整体内容□□□的选题。
网站设计方面：计划实现简洁大气的网页设计效果。
网站功能□□□□方面：计划实现□□□□各个页面◥之间的链□□□□接跳转功□□□□能、鼠标悬停◈在文字上□□的变色功□□□能、简单的首□□□□页动态图□□□片切换功◉能、简单的表☆单提交功□□能。