《网页制作初步》PPT课件

2020/5/21,第十章网站建设与网页制作初步,1,maokeji,2020/5/21,2,主要内容,网站概述网页设计概述DreamweaverCS4简介DreamweaverCS4站点管理文字和图像处理超链接的使用表格与框架集的使用表单设计网站测试和发布,2020/5/21,网站概述,网站概念在因特网上根据一定的规则，用于展示特定内容的用超链接方式组成的网页的集合。网站的组成域名、网站源程序、网站空间网站的分类根据网站的用途分类（门户网站、行业网站、娱乐网站）根据网站的性质分类（政府网站、商业网站、个人网站、教育科研机构网站、非盈利性机构网站、企业网站）,2020/5/21,网站建设的步骤,网站制作的环境准备网站定位网站策划网站素材准备域名注册和空间申请网站编程、上传和测试网站宣传和推广网站的更新和维护,2020/5/21,网站设计的原则,网站主题不宜过多网站的标准色彩不宜过多网页长度要适中表格的嵌套层次宜在三层内网站导航要清晰,2020/5/21,网页设计概述,网页设计的艺术原则对比原则平衡原则协调原则,2020/5/21,网页版面布局和色彩设计,版面布局的原理突出重点和中心，主次分明图文并茂大小要和谐动静搭配要平衡常用网页布局的类型“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等色彩设计一般从色彩的鲜明性、独特性、艺术性和合理性四个方面来考虑,2020/5/21,主页设计的原则,尽量不要容量大的图片和动画等，以免严重影响主页打开的速度。排版要有条理，不能杂乱无章。标识的设计要重视。不要在主页上过多的自我介绍和欢迎浏览之类的词。,2020/5/21,网页制作工具概述,HTMLMicrosoftFrontPageFlashDreamweaverFireworks,2020/5/21,DreamweaverCS4简介,2020/5/21,菜单栏,“文件”菜单：除了包含常用的“新建”、“打开”、“保存”和“保存全部”等按钮外，还包含了用于查看当前文档或对当前文档执行操作的各种按钮，如“在Bridge中浏览”和“打印代码”等。“编辑”菜单：主要包括“剪切”、“拷贝”、“粘贴”、“撤销”和“重做”等按钮。“查看”菜单：使用户可以看到文档的各种视图，如“设计”视图和“代码”视图等。“插入”菜单：提供“插入”工具栏的替代项，用于将各种对象插入文档中。“修改”菜单：使用后可以更改选定页面元素的属性。“文本”菜单：用户可以设置文本的格式。“命令”菜单：提供各种命令的访问。“站点”菜单：用于站点管理以及上传和下载文件。“窗口”菜单：提供对Dreamweaver中的所有面板、检查器和窗口的访问。“帮助”菜单：提供对Dreamweaver文档的访问，包括关于使用Dreamweaver,2020/5/21,插入栏,2020/5/21,文档工具栏和面板组,2020/5/21,文件面板,2020/5/21,DreamweaverCS4站点管理,站点的创建站点的配置站点的管理页面的创建,2020/5/21,2020/5/21,文字和图像处理,添加文字,2020/5/21,页面修饰,2020/5/21,图像的添加和修饰,2020/5/21,图像的修饰,2020/5/21,超链接的使用,页面之间的超链接,2020/5/21,电子邮件超链接,2020/5/21,图片热区超链接,2020/5/21,表格与框架集的使用,创建表格,2020/5/21,编辑表格,2020/5/21,表格的嵌套,2020/5/21,框架的建立,创建框架,2020/5/21,框架集和框架属性设置,2020/5/21,模板的使用,2020/5/21,2020/5/21,表单设计,（1）将光标定在需要插入表的位置，选择菜单栏“插入”中的“表单”的“表单”按钮，插入一个表单。如图10.49所示。（2）在表单的“属性”面板上设置表单的属性，如图10.50所示。表单名称：用来表示该表单的唯一名称；动作：表示该表单的数据将交给某个程序处理；方法：表示表单提交的方法，有POST和GET两种。POST是传输信息的内容，GET是传输URL的值。,2020/5/21,表单综合应用（电子邮件反馈意见）,（1）选择菜单栏“插入”中的“表单”中的“表单”按钮，插入一个表单。（2）在表单中插入一个表格，6行3列，如图10.51所示。（3）对表格进行相关设置，包括大小和颜色等，并且对第一行单元格进行合并，然后输入“发送电子邮件调查表”。（4）输入相关内容作为单项标题，包括“姓名”，“部门”，“电话”和“意见”等，再输入一些提示性的文字，例如“*必填”等。（5）选择菜单栏“文本域”到相应的单元格中。在“意见”一栏的文本域内设置10行。（6）将最后一行的单元格进行合并，并在“插入”菜单中的“表单”中的“按钮”中使用“重置”按钮。（7）在表单的“属性”面板中的表单ID输入“formmail”，在动作框里输入mailto:maokeji2001，如图10.52所示。（8）最后在“插入”菜单栏中的“表单”中的“按钮”中使用“提交”按钮，在单元格的链接框中输入“mailto:maokeji2001”，即表单提交后发送的邮件地址。最终做好的表单如图10.53所示。,2020/5/21,2020/5/21,网站测试和发布,测试网站（1）选择菜单栏“站点”中的“检查站点范围的链接”，在选项卡里选择“链接检查器”，在显示后面的下拉框里选择“断掉的链接”来检查出站点中所有无效的链接。如图10-55所示。（2）在选项卡里选择“链接检查器”，在显示后面的下拉框里选择“外部链接”来检查出本站与外部网站的链接的全部信息，如图10-56所示。（3）在选项卡里选择“链接检查器”，在显示后面的下拉框里选择“孤立文件”来找出孤立文件，清除这些无用的孤立文件减少占据网站有效空间。如图10-57所示。（4）检查浏览器兼容性：不同公司的浏览器软件之间存在一些差别，这些差别可能会导致同一网页在不同浏览器中预览时会出现不同的效果。因此，在发布网页之前，必须要对浏览器的兼容性进行测试，以保证网页在各个浏览器中都能正常显示。（5）使用站点报告：可以利用站点报告来检查HTML标签。站点报告包含可合并的嵌套字体标签、辅助功能、遗漏的替换文本、冗余的嵌套标签、可删除的空标签和无标题文档等内容。（6）进行其它项目测试，确保无误后就可以发布了。,2020/5/21,2020/5/21,发布网站（1）选择菜单栏“站点”中的“站点管理”。选择“mysite”进行编辑（具体的操作步骤已经在10.4.3中描述），如图10.58所示。（2）在编辑选项卡的“基本”选项卡中单击下一步到“您如何连接到远程服务器？”下拉列表框中，可以选择FTP或者本地/网络，根据具体的情况选定。如果站点不在本地选择FTP，单击“下一步”，如图10.59所示。（3）在图10.59所示的对话框中设置相关选项后，单击“测试连接”按钮。如果连接不上，请检查设置或咨询管理员。连接成功后，单击“下一步”按钮，弹出图10.60的对话框。一般选择“否，不启用存回和取用”，单击“下一步”按钮。（4）在弹出的