网页设计与制作 第1章 网页设计基础.ppt

1、第1章 网页设计基础,第1章 网页设计基础,1.1 网页的简介 1.2 网站的简介 1.3 Dreamweaver 8简介 1.4 本章小结,通过本章的学习，用户将了解到关于网页和网站的基础知识、掌握Dreamweaver 8的基本知识和界面构成等内容。为后续的章节的学习做好铺垫工作。,1网页是用超文本标记语言（Hypertext Markup Language HTML）编写的。 2Web空间是互联网上存放网站页面内容的计算机的存储空间。 3网页中包括的元素：文本、图像和动画、声音和视频、超链接、表格、表单、导航栏以及其他特殊效果。,1.1.1 网页概述,1.1 网页的简介,网页中的文字 文

2、字是网页中的主要内容，一个网页向外界传递信息，介绍网站的内容，主要通过文字来实现。 网页中的图片 一个比较成功的网页，文字信息固然不可少，但是加入图片后能使网页更为增色。 网页中的超链接 超链接，通过已定义好的关键字和图形，由当前页的标题或内容索引信息指向别的页面的连接点。,1.1.2 网页的基本元素,1.1 网页的简介,1.2.1 网站的目录结构 站点是用于存储Web站点中所有文件的场所。站点的目录结构是一个容易忽略的问题，大多数网站的制作人员都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响。一般建议站

3、点采用如下的方式建立目录结构，按栏目内容建立子目录。,1.2 网站的简介,1.2.2 网站的风格确定 “风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素。 网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。,1.2 网站的简介,1.3.1 Dreamweaver 8的工作界面 Dreamweaver 8 是 Macromedia 公司开发的新一代可视化的专业级网页编辑器。它集

4、网页制作和动态网站管理功能于一身。 Dreamweaver 8的编辑环境非常灵活， 提供了2种可供选择的工作区布局，满足不同风格和技术方式的用户使用。,1.3 Dreamweaver 8简介,1. 选择工作区布局 在窗口中首次启动Dreamweaver时，会出现一个对话框，可以从中选择一种工作区布局。如果以后改变了主意，可以使用“参数选择”对话框切换到另一种不同的工作区中。 2. 窗口和面板概述 “插入”面板 “文档”工具栏 “文档”窗口 “属性”检查器 面板组 “历史”面板,1.3 Dreamweaver 8简介,1.3.2 基本菜单简介 【文件】菜单 【编辑】菜单 【查看】菜单 【插入】菜单 【文本】菜单 【命令】菜单 【站点】菜单 【窗口】菜单 【帮助】菜单,1.3 Dreamweaver 8简介,1.4 本章小结,本章主要介绍网页的基本内容和工作原理，初步认识网页，这将成为我们今后制作网页的前提和基础。 然后介绍Dreamweaver 8的窗口组成