基于Dreamweaver平台的网页移入切换效果的设计与实现  

Design and Implementation of Web Page Move-in Transition Effect Based on Dreamweaver Platform

作　　者：陈香[1] CHEN Xiang(Ya'an Polytechnic College,Ya'an,Sichuan Province,625000 China)

机构地区：[1]雅安职业技术学院,四川雅安625000

出　　处：《科技资讯》2023年第3期14-17,共4页Science & Technology Information

摘　　要：随着计算机网络的飞速发展,网页设计与制作也越来越被人们所关注。对于当前网页设计制作软件,Dreamweaver被广泛推荐使用,功能强大、操作十分简单,深受网页设计者们的喜爱。页面上使用移入切换效果,可以增加网页的动态效果,网页布局更加合理,节约页面空间,显示更多的内容。该文以Dreamweaver为基础,利用Dreamweaver中经典的DIV+CSS方法编写代码实现这种切换效果展开研究,探索了DIV块元素搭建网页结构,CSS对块区域进行样式设计,最后实现移入切换效果。通过此例让设计者能够轻松理解并快速掌握怎样进行网页移入切换效果设计,也可以拓展应用到更多样化的设计中。With the rapid development of computer network, web design and production are more and more concerned by people. For the current web design and production software, Dreamweaver is widely recommended to use, as a powerful and easy-to-use web design software, it is deeply loved by web designers. Using the move-in transition effect on the page can increase the dynamic effect of the page, make the page layout more reasonable, save page space, and display more content. Based on Dreamweaver, this paper uses the classic DIV+CSS method in Dreamweaver to write code to achieve this transition effect. It explores the DIV block elements to build the web page structure, CSS to style the block area, and finally to achieve the move-in transition effect. Through this example, designers can easily understand and quickly master how to design web page move-in transition effects, and can also expand and apply to more diversified designs.

关 键 词：DREAMWEAVER 网页设计 移入切换 实践与研究 

分 类 号：P208[天文地球—地图制图学与地理信息工程]