打开%ignore_a_1% cs5后，当对话框弹出时选择html选项，随后进入主界面编辑区域。
1、 接下来在纸上绘制网页的整体布局草图，做到心中有数。整个页面大致可以划分为四个部分：脚注、导航菜单、主要内容区域以及导航条。
2、 然后点击“设计”视图切换至可视化编辑模式，并在代码区域编写整体结构的CSS样式，如下所示：
3、 在页面主体部分插入相应内容，即可查看整体框架的预览效果。
4、 随后开始编写导航条部分的代码，即
5、 在第一个div标签中添加代码：，然后观察其对页面的影响。
6、 编写主要内容部分的代码，即
7、 将代码插入到整体框架中，并填写“主体内容”，然后检查显示效果。
8、 开始编写菜单导航部分的代码，
追梦flash企业网站管理模板A系列11.0
追梦A系列（11.0版本，以下11.0均简称为A）是针对企业网站定制设计的，模板采用全新AS3.0代码编辑，拥有更快的运行和加载速度，A系列模板主要针对图片展示，拥有简洁大气展示效果，并且可以自由扩展图片分类，同时还拥有三个独立页面介绍栏目，一个新闻栏目，一个服务介绍栏目，一个幻灯片展示和flv视频播放栏目。A系列模板对一些加载效果进行了修改，包括背景的拉伸模式以及标题的展示方式等都进行了调整，同
0 查看详情
9、 接着在整体框架中加入“菜单导航”的相关代码，以完成布局设置。
10、 编写脚注部分的代码，
11、 在主框架内输入代码：“脚注”，并查看最终呈现效果。
12、 整体结构大致完成后，按下F12键进行预览，若效果不理想则需进一步调整代码。将边框统一设置为边框样式，把所有 border 属性修改为 border: solid 5px fcc，确保视觉风格一致且清晰可见。
13、 当前框架未居中显示，需要修改对齐方式，在ztkj类中添加 margin:auto; 属性，从而实现页面居中对齐。
14、 这样一来，整个框架就基本完成了，实际应用时可根据需求进行细节调整。点击“文件”—“另存为”命令保存网页文档。
以上就是网页设计：利用div进行页面分块布局的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1111265.html
微信扫一扫 
支付宝扫一扫 
