企业官网建设流程全解析

交互方法

（1） 框架内跳转页面

页面放置按钮、Tab选项卡，添加交互事件：单击时 → 在框架中打开链接，选择目标内联框架与跳转页面，实现仅框架区域内容切换，父页面整体不刷新，完美制作局部内容切换效果。

（2） 自适应窗口适配

针对网页自适应原型，可添加页面载入事件，设置内联框架宽高跟随浏览器窗口自适应，避免留白、错位，适配不同屏幕尺寸预览。

使用场景

• 公共模块复用：全站统一导航栏、底部栏、侧边菜单，通过内联框架嵌套，一次修改、全站同步更新，告别重复编辑。

• 高保真资源嵌入：原型中嵌入在线ECharts数据图表、百度地图、公开课视频、官方网页，提升原型真实度。

• 局部内容展示：弹窗内部嵌套详情页、卡片模块嵌套子页面、后台系统主内容区嵌套功能页面。

• 长内容独立滚动：页面局部放置长文本、长列表，通过内联框架实现独立滚动，不干扰整体页面浏览体验。