admin 管理员组

文章数量: 887021


2023年12月16日发(作者：tk mybatis)

第二篇 Dreamweaver案例

图文混排：几米页面的制作

要求：

运用Dreamweaver编辑编写网页，熟悉文字、段落、图片、超链接等各种页面元素的使用。

掌握背景颜色和背景图片的属性设置。

实例如下：

在dw中实现框架：上-中—下

要求：

在 Dreamweaver编辑工具中，利用前面所学的框架知识，制作上-中—下结构的框架页面；

左边的超链接可以在右侧窗口打开；

各个窗口无缝连接。

实例如下：

在dw中设计漂亮表单

要求：

在 Dreamweaver编辑工具中，利用前面所学的表单和布局知识，制作一个漂亮的表单界面。

熟悉表单的各种控件

简单布局1：图片合成页面

要求：

在 Dreamweaver编辑工具中，利用“布局”界面绘制布局表格和布局单元格，

制作如下图所示的页面；

掌握布局表格和布局单元格的使用方法；

注意页面的内容添加需要在“标准”界面中完成。

实例如下：

简单布局2：背景色填充表格

要求：

在 Dreamweaver编辑工具中，学会利用不同的背景颜色来填充页面；

实例如下：

布局测验：色块布局

要求：

在 Dreamweaver编辑工具中，利用“布局”界面绘制布局表格和布局单元格中，制作下图所示的页面；

要求页面结构相同，颜色可以变化；

时间10分钟。

实例如下：

自己设计页面首页

要求：

参考Dreamweaver素材库，利用所学知识，制作一个漂亮的网站首页面；

内容丰富、布局清晰；

看看谁的作品更漂亮！！

利用模版制作结构相同的3个页面

要求：

在 Dreamweaver编辑工具中，利用模板的功能，制作一个简单的模版，并且基于

自己制作的模版，生成结构大体相同的三个页面；

超链接能够正常跳转。

实例如下：

页面一：

页面二：

页面三：

练习使用库文件

要求：

理解库项目的含义，利用使用上的便利，统一维护和更新页面中的某个元素，实现对站点中所有使用该库项目的文档同时进行同步更新，实现风格的统一更新。


本文标签： 布局 利用 页面 制作 编辑

版权声明：本文标题：Dreamweaver案例_网页设计与制作 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1702731214h428455.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。