《网页制作初步》PPT课件

《《网页制作初步》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第十章网站建设与网页制作初步1maokeji@zjut.edu.cn2021/9/32主要内容网站概述网页设计概述DreamweaverCS4简介DreamweaverCS4站点管理文字和图像处理超链接的使用表格与框架集的使用表单设计网站测试和发布2021/9/3网站概述网站概念在因特网上根据一定的规则，用于展示特定内容的用超链接方式组成的网页的集合。网站的组成域名、网站源程序、网站空间网站的分类根据网站的用途分类（门户网站、行业网站、娱乐网站）根据网站的性质分类（政府网站、商业网站、个人网站、教育科研机构网站、非盈利性机构网站、企业网站）2021/9/3网站建设的

2、步骤网站制作的环境准备网站定位网站策划网站素材准备域名注册和空间申请网站编程、上传和测试网站宣传和推广网站的更新和维护2021/9/3网站设计的原则网站主题不宜过多网站的标准色彩不宜过多网页长度要适中表格的嵌套层次宜在三层内网站导航要清晰2021/9/3网页设计概述网页设计的艺术原则对比原则平衡原则协调原则2021/9/3网页版面布局和色彩设计版面布局的原理突出重点和中心，主次分明图文并茂大小要和谐动静搭配要平衡常用网页布局的类型“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等色彩设计一般从色彩的鲜明性、独特性、艺术

3、性和合理性四个方面来考虑2021/9/3主页设计的原则尽量不要容量大的图片和动画等，以免严重影响主页打开的速度。排版要有条理，不能杂乱无章。标识的设计要重视。不要在主页上过多的自我介绍和欢迎浏览之类的词。2021/9/3网页制作工具概述HTMLMicrosoftFrontPageFlashDreamweaverFireworks2021/9/3DreamweaverCS4简介2021/9/3菜单栏“文件”菜单：除了包含常用的“新建”、“打开”、“保存”和“保存全部”等按钮外，还包含了用于查看当前文档或对当前文档执行操作的各种按钮，如“在Bridge中浏览”和“打印代

4、码”等。“编辑”菜单：主要包括“剪切”、“拷贝”、“粘贴”、“撤销”和“重做”等按钮。“查看”菜单：使用户可以看到文档的各种视图，如“设计”视图和“代码”视图等。“插入”菜单：提供“插入”工具栏的替代项，用于将各种对象插入文档中。“修改”菜单：使用后可以更改选定页面元素的属性。“文本”菜单：用户可以设置文本的格式。“命令”菜单：提供各种命令的访问。“站点”菜单：用于站点管理以及上传和下载文件。“窗口”菜单：提供对Dreamweaver中的所有面板、检查器和窗口的访问。“帮助”菜单：提供对Dreamweaver文档的访问，包括关于使用Dreamweaver2021/9

5、/3插入栏2021/9/3文档工具栏和面板组2021/9/3文件面板2021/9/3DreamweaverCS4站点管理站点的创建站点的配置站点的管理页面的创建2021/9/32021/9/3文字和图像处理添加文字2021/9/3页面修饰2021/9/3图像的添加和修饰2021/9/3图像的修饰2021/9/3超链接的使用页面之间的超链接2021/9/3电子邮件超链接2021/9/3图片热区超链接2021/9/3表格与框架集的使用创建表格2021/9/3编辑表格2021/9/3表格的嵌套2021/9/3框架的建立创建框架2021/9/3框架集和框架属性设置2021/

6、9/3模板的使用2021/9/32021/9/3表单设计（1）将光标定在需要插入表的位置，选择菜单栏“插入”中的“表单”的“表单”按钮，插入一个表单。如图10.49所示。（2）在表单的“属性”面板上设置表单的属性，如图10.50所示。表单名称：用来表示该表单的唯一名称；动作：表示该表单的数据将交给某个程序处理；方法：表示表单提交的方法，有POST和GET两种。POST是传输信息的内容，GET是传输URL的值。2021/9/3表单综合应用（电子邮件反馈意见）（1）选择菜单栏“插入”中的“表单”中的“表单”按钮，插入一个表单。（2）在表单中插入一个表格，6行3列，如图1

7、0.51所示。（3）对表格进行相关设置，包括大小和颜色等，并且对第一行单元格进行合并，然后输入“发送电子邮件调查表”。（4）输入相关内容作为单项标题，包括“姓名”，“部门”，“电话”和“意见”等，再输入一些提示性的文字，例如“*必填”等。（5）选择菜单栏“文本域”到相应的单元格中。在“意见”一栏的文本域内设置10行。（6）将最后一行的单元格进行合并，并在“插入”菜单中的“表单”中的“按钮”中使用“重置”按钮。（7）在表单的“属性”面板中的表单ID输入“formmail”，在动作框里输入mailto:maokeji2001@163.com，如图10.52所示。（8