网页设计与制作 教学课件 作者 于筱荔 第1章 网页设计基础.pptVIP

1.4 本章小结 本章主要介绍网页的基本内容和工作原理，初步认识网页，这将成为我们今后制作网页的前提和基础。 然后介绍Dreamweaver 8的窗口组成、菜单组成、工具栏的组成、面板的基本操作等，这为我们在后续章节中利用Dreamweaver 8完成网页的各种制作功能和技巧做了必要的铺垫。 第1章 网页设计基础 第1章 网页设计基础 1.1 网页的简介 1.2 网站的简介 1.3 Dreamweaver 8简介 1.4 本章小结 通过本章的学习，用户将了解到关于网页和网站的基础知识、掌握Dreamweaver 8的基本知识和界面构成等内容。为后续的章节的学习做好铺垫工作。 1．网页是用超文本标记语言（Hypertext Markup Language HTML）编写的。 2．Web空间是互联网上存放网站页面内容的计算机的存储空间。 3．网页中包括的元素：文本、图像和动画、声音和视频、超链接、表格、表单、导航栏以及其他特殊效果。 1.1.1 网页概述 1.1 网页的简介 网页中的文字 文字是网页中的主要内容，一个网页向外界传递信息，介绍网站的内容，主要通过文字来实现。 网页中的图片 一个比较成功的网页，文字信息固然不可少，但是加入图片后能使网页更为增色。 网页中的超链接 超链接，通过已定义好的关键字和图形，由当前页的标题或内容索引信息指向别的页面的连接点。 1.1.2 网页的基本元素 1.1 网页的简介 1.2.1 网站的目录结构 站点是用于存储Web站点中所有文件的场所。站点的目录结构是一个容易忽略的问题，大多数网站的制作人员都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响。一般建议站点采用如下的方式建立目录结构，按栏目内容建立子目录。 1.2 网站的简介 1.2.2 网站的风格确定 “风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素。 网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。 1.2 网站的简介 1.3.1 Dreamweaver 8的工作界面 Dreamweaver 8 是 Macromedia 公司开发的新一代可视化的专业级网页编辑器。它集网页制作和动态网站管理功能于一身。 Dreamweaver 8的编辑环境非常灵活， 提供了2种可供选择的工作区布局，满足不同风格和技术方式的用户使用。 1.3 Dreamweaver 8简介 1. 选择工作区布局 在窗口中首次启动Dreamweaver时，会出现一个对话框，可以从中选择一种工作区布局。如果以后改变了主意，可以使用“参数选择”对话框切换到另一种不同的工作区中。 2. 窗口和面板概述 “插入”面板 “文档”工具栏 “文档”窗口 “属性”检查器 面板组 “历史”面板 1.3 Dreamweaver 8简介 1.3.2 基本菜单简介 【文件】菜单 【编辑】菜单 【查看】菜单 【插入】菜单 【文本】菜单 【命令】菜单 【站点】菜单 【窗口】菜单 【帮助】菜单 1.3 Dreamweaver 8简介