网页设计:利用div进行页面分块布局
打开dreamweaver cs5后,当对话框弹出时选择html选项,随后进入主界面编辑区域。
免费影视、动漫、音乐、游戏、小说资源长期稳定更新! 👉 点此立即查看 👈

1、 接下来在纸上绘制网页的整体布局草图,做到心中有数。整个页面大致可以划分为四个部分:脚注、导航菜单、主要内容区域以及导航条。

2、 然后点击“设计”视图切换至可视化编辑模式,并在代码区域编写整体结构的CSS样式,如下所示:
3、 在页面主体部分插入相应内容,即可查看整体框架的预览效果。

4、 随后开始编写导航条部分的代码,即
5、 在第一个div标签中添加代码:,然后观察其对页面的影响。

6、 编写主要内容部分的代码,即
7、 将代码插入到整体框架中,并填写“主体内容”,然后检查显示效果。

8、 开始编写菜单导航部分的代码,
9、 接着在整体框架中加入“菜单导航”的相关代码,以完成布局设置。

10、 编写脚注部分的代码,
11、 在主框架内输入代码:“脚注”,并查看最终呈现效果。

12、 整体结构大致完成后,按下F12键进行预览,若效果不理想则需进一步调整代码。将边框统一设置为边框样式,把所有 border 属性修改为 border: solid 5px fcc,确保视觉风格一致且清晰可见。


13、 当前框架未居中显示,需要修改对齐方式,在ztkj类中添加 margin:auto; 属性,从而实现页面居中对齐。

14、 这样一来,整个框架就基本完成了,实际应用时可根据需求进行细节调整。点击“文件”—“另存为”命令保存网页文档。

游乐网为非赢利性网站,所展示的游戏/软件/文章内容均来自于互联网或第三方用户上传分享,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系youleyoucom@outlook.com。
同类文章
节能饮水机调温度后多久生效
节能饮水机调温完成后,水温稳定通常需要大约20分钟 设定好温度后,请不要立即取水——节能饮水机从接收指令到整机水路系统达到设定温度并进入稳定状态,通常需要一个约20分钟的动态平衡过程。这个时长并非随意设定,而是基于严谨的加热逻辑与热力学均衡原理。以市场主流的安吉尔多段调温节能饮水机为例,其普遍具备4
苹果音响使用说明在哪找?
苹果音响操作全指南:通过家庭App与系统设置轻松掌控 当你为新购买的HomePod接通电源,智能联动便自动开启:身边的iPhone或iPad屏幕将实时亮起,弹出快速配对界面。整套流程顺畅无阻,用户无需查阅任何纸质手册。事实上,无论是固件升级、广播功能配置,还是Siri语音指令管理与多设备音频切换,所
亿田集成灶S8D怎么清洗油网?
亿田S8D集成灶油网清洁指南:双模式设计原理与科学养护方法 集成灶的日常维护中,油网清洁是关键环节。亿田S8D集成灶为此设计了便捷高效的“双模式”清洁系统:日常免拆卸快速擦拭与定期可拆卸深度清洗。油网表面覆盖有疏水疏油纳米涂层,能有效防止油污渗透。日常使用后,用微湿软布轻轻一擦即可光亮如新;积累厚重
传真机怎么复印文件带日期?
传真机复印文件如何自动添加日期?完整设置教程 需要让传真机在复印时自动打印日期吗?这个功能操作其实很简单,关键在于两个核心步骤:准确设置设备系统时间,并开启对应的日期打印选项。目前市场上常见的品牌,例如三星、松下、佳博等,大多数型号都标配了“复印添加日期”这项实用功能。完成设置后,无论您是通过平板玻
外星人笔记本开机键在左边还是右边?
外星人笔记本开机键布局深度解析:盲操设计与快速唤醒技巧 谈及外星人笔记本,人们首先想到的往往是其标志性的炫酷灯效与澎湃性能。然而,新用户初次上手时,常常会面临一个现实的困惑:这台游戏本的电源键究竟位于何处?实际上,答案并非一成不变,Alienware根据不同型号采用了差异化的按键布局方案,旨在优化不
- 日榜
- 周榜
- 月榜
相关攻略
2015-03-10 11:25
2015-03-10 11:05
2021-08-04 13:30
2015-03-10 11:22
2015-03-10 12:39
2022-05-16 18:57
2025-05-23 13:43
2025-05-23 14:01
热门教程
- 游戏攻略
- 安卓教程
- 苹果教程
- 电脑教程

