HTML5期末大作业——HTML+CSS+JavaScript平遥古城旅游景点介绍(6页)


文章目录??

  • ??一、 站题目???????
  • ??二、 站描述????
  • ??三、 站介绍????
  • ??四、 站效果????
  • ??五、 站代码制作部分 ????
  • ??HTML结构代码????
  • ??CSS样式代码????
  • ??六、遇到问题及如何解决????
  • ??七、实训总结????
  • ??八、更多干货????

一、 站题目?????

?? 旅游景点介绍、旅游风景区、家乡介绍、等 站的设计与制作。


二、 站描述??

旅游景点介绍、旅游风景区是一个介绍简介、行政区划、地理环境、自然环境、教育事业、体育事业、旅游景点、城市荣誉等等。 站集中主要展示了的地方风土人情,并通过访客留言,增加游客的互动体验。同时,地方旅游 站里的每一个 页都采用了统一的设计风格,以加强城市整体面貌统一的宣传效果。最重要的是做出旅游 站独特的风格,更能吸引浏览者的眼球。


三、 站介绍??

站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动 页布局结构。

站程序方面:计划采用最新的 页编程语言HTML5+CSS3+JS程序语言完成 站的功能设计。并确保 站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到 站的效果。

站素材方面:计划收集各大平台好看的图片素材,并精挑细选适合 页风格的图片,然后使用PS做出适合 页尺寸的图片。

站文件方面: 站系统文件种类包含:html 页结构文件、css 页样式文件、js 页特效文件、images 页图片文件;


四、 站效果??

站设计制作的重点是对 页整体设计的布局和对 页整体内容的选题。

站设计方面:计划实现简洁大气的 页设计效果。

站功能方面:计划实现各个页面之间的链接跳转功能、鼠标悬停在文字上的变色功能、简单的首页动态图片切换功能、简单的表单提交功能。


五、 站代码制作部分 ??

(1) 站首页布局确定好各个板块的内容,并使用了DIV+CSS布局。另外首页使用到的知识主要有图片插入、图片动态切换、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。

(2)页面使用了DIV+CSS布局,使用到的知识主要有图片插入、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。

(3)表单部分页面使用了DIV+CSS布局,使用到的知识主要有运用了form表单、input文本框和input提交按钮,完成表单信息收集。利用CSS设置input提交按钮文字大小和颜色。

HTML结构代码??

CSS样式代码??


六、遇到问题及如何解决??

实训中遇到得困难不少,比如如何收集适合 页的图片素材、如何让 页的配色看着更自然更舒适、如何用PS裁剪大小合适的图片、以及制作表单时候如何设计等等,最后,通过上 查询和请教别人得到了很好的解决。


七、实训总结??

通过这次 页设计制作实训,能够灵活的运用到所学的知识和技巧制作简单的 页,掌握了个人 站建设的技巧和基本 站建设的过程。对于用Dreamweaver、vscode、hbuider等制作 页更为得心应手。实训过程中我尽量充分利用老师教过的知识,对所学知识进行了巩固。为了制作出更好的效果我也翻阅参考了其他资料,学习到了更多的 页处理技巧。制作 页的过程中遇到很多的问题,通过查找资料或询问同学都有得到解决。这次综合实训我的收获很大,学有所用,在实践的过程中学习巩固对知识能有更深的记忆。 页制作是一门很实用的学科,值得我以后进行更深入的学习。这次实训中我也体会到了自己掌握的技巧太少了,以至于很多想法都没能实现,在以后的学习过程中我要对 页制作有更深的了解,做出更为成熟的 页。


八、更多干货??

1.如果我的博客对你有帮助、如果你喜欢我的博客内容,??一键三连哦!

2.??带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!

3.以上内容技术相关问题??欢迎一起交流学习??????????????

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2022年10月4日
下一篇 2022年10月4日

相关推荐