网页设计：利用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。
同类文章
NVIDIA显卡玩《原神》蓝屏？AI插帧导致问题这样解决
9月26日消息，据米哈游最新消息，近期有不少使用英伟达GeForce RTX 50系列显卡和GeForce RTX 40系列显卡PC设备的玩家反馈，遇到了无法启动游戏的问题。具体表现为，在尝试打开启
解析AMD RX 9060 XT 16GB显卡：为何成为玩家首选
9月26日消息，在当今追求极致画质和高帧率的游戏时代，高端显卡似乎成为了玩家的“新宠”，但是对于大多数玩家来说，RTX 5090等高端显卡真的有必要吗？Wccftech给出了一个更务实的选择——AM
七彩虹战斧B850M主板评测：豪华供电散热，高性价比之选
一、前言：主流定位高端配置 电竞玩家的超级黑刃AMD锐龙9000系列处理器依旧使用AM5接口，保持了良好的兼容性，对于用户来说主板和CPU无需绑定同步升级，可以自由选择，更方便也更节约。特别是定位于
微软：OneDrive不仅仅是简单的云存储！而是强大生产力工具
9月26日消息，微软近日在其最新博客中强调，OneDrive绝非仅仅是简单的云存储服务，作为微软旗下的核心云存储解决方案，OneDrive不仅提供海量的云端存储空间，更是强大的生产力工具。OneDr
七彩虹显卡限时特惠：晒单送3A游戏与京东E卡
9月26日消息，七彩虹“i玩派”广州站将于9月27日举办，七彩虹准备了线上板卡福利特惠，玩家仅需购买指定型号显卡，晒单既有机会赢取3A游戏大作或价值百元的京东E卡。据悉，显卡晒单福利时间为9月22日
相关攻略
热门教程
更多- 游戏攻略
- 安卓教程
- 苹果教程
- 电脑教程
