网页设计基础知识
一、认识网页
1.网页分类：静态网页、动态网页
◆静态网页：是标准的HTML文件，它是采用HTML（超文本标记语言）编写
的，是通过HTTP（超文本传输协议）在服务端和客户端之间传输的纯文本文
件，其扩展名为.html或htm
◆动态网页：在多方面与静态网页是一致的，它们都是无格式的ASCII码文件，
都包含HTML代码，都可以包含用脚本语言（比如JavaScript或VBScript）编
写的程序代码，都存放在Web服务器上，收到客户请求后都会把响应信息发
送给Web浏览器，根据采用Web应用技术不同，动态网页文件的扩展名不同，
如ASP（使用Active Server Pages）技术，其中扩展名为.asp；使用JSP（Java Server
Pages）技术时的扩展名为.jsp等等。
2.URL（统一资源定位器，简称网址）：其格式是【协议名://主机名/目录/....../文件名】，
如；由于网址是最常用的协议是http是默认的协议，所以可当
刮简写为；ftp://123.52.3.20；，
3.网页（Web Page）：打开网站所看到的网页，一个网站可以有成千上万个网页。
4.主页（Home Page）：打开网站时看到的第一个网页，简称首页。它默认的文件名
通常是index.htm、index.html、default.htm、default.html、default.sap、index.asp等
等
二、网页设计基本原则
1.明确建立网站的目标和用户需求
2.总体设计方案主题鲜明
3.网站的版式设计
4.网页形式与内容相统一
5.三维空间的构成
6.多媒体功能的使用
7.网站测试和改进
8.合理运用新技术
三、网站制作流程
1.选择网站主题
2.规则网站目和目录结构
◆对收集的资料进行分类，并为其建立专门的栏目，各栏目的主题围绕网站主题
展开，栏目名称具有概括性，各栏目的名称字数最好相同。规划网站栏目的过
程实际上是对网站内容细化，一个栏目有可能就是一个专栏网页。
◆在创建网站的目录结构时，不要将所有文件都存放一根目录下，需要应该按栏
目为建立文件夹
◆目录文件命名时，要使用简短的斯文形式，文件名小于8个字符，一律以小写
字母，另外大量的同一类型文件应该是数字序号加以区分，以利于查找。
3.设计网页布局
4.整合网页内容
Dreamweaver CS5概述
一、启动Dreamweaver
二、Dreamweaver工作界面
三、Dreamweaver窗口组成
1.标题栏和菜单栏
2.“快捷插入”面板：包含创建和插入对象的按钮，这些按钮被组织到相应的类别
中，按Ctrl+F2可以打开或隐藏。
3.工具栏：包含“文档”工具栏、“标准”工具栏
4.文档窗口：又称文档编辑区，主要用来显示或编辑文档，其显示模式为3种，代
码视图、拆分视图、设计视图、实时视图
a)代码视图：显示HTML代码视图窗口
b)拆分视图：同时显示代码视图和设计视图
c)设计视图：为系统默认设置，只显示相应的文本、图片、视频等，没有Html
程序代码。
d)实时视图：
e)多屏幕：编辑的网页在不同的设备上显示的效果
f)在浏览器中调试：在浏览器中显示，看实际的显示效果
g)文件管理：文件管理状态
h)：W3C验证
i)检查浏览器的兼容性
j)可视化助理：在设计的过程中，帮助显示一些元素。
5.面板组：按F4可以显示、隐藏全部面板
6.“属性”面板：设置正在编辑的内容的属性，内容不同，“属性”面板中显示的属
性也不同。招待“窗口----属性”、Ctrl+F3可以显示/隐藏“属性”面板。
四、页面的创建与保存
1.创建网页：“文件----新建”、Ctrl+N等方法均可以新建文档。根据需要内容选择建
立文档的类型。
2.保存网页：“文件-----保存”、Ctrl+S，选择保存类型、保存位置等，单击“保存”
按钮。
五、Dreamweaver参数设置
执行“编辑----首选参数”命令、按Ctrl+U快捷键，打开“首选参数”对话框。
六、
网页基本编辑----编辑文本
一、编辑文本
1.在设计视图窗口中，直接在文档窗口中输入文本字符。
◆如果需要分段换行，直接按“Enter”键。
◆Shift+Enter强制换行，行与行之间不会出现换行，它与前面内容属于一个段落
◆由于Dreamweaver中不允许输入多个连续空格，需要在“首选参数”中选择“允
许多个连续空格”复选框就可解决；或者将输入法设为“全角/半角”中的“全
角”状态，才能输入连续空格。
2.利用Word、Wps、写字板等文档编辑软件，将其中的文本复制后，粘贴到
Dreamweaver设计视图中。
二、调整文本
1.单击“页面属性”，单击“页面字体”的下拉列表箭头，选择“编辑字体列表”，
选择字体、设置大小、文本颜色、背景颜色等。
三、插入日期
1.执行“插入----日期”命令
2.或单击“常用----快捷插入”面板中的按钮，就可以插入日期
四、插入文本列表：选择需要文本列表的文本内容
1.执行“格式----列表”，从右侧的子菜单中选择“项目列表、编号列表、自定义列表”，
然后再执行“属性”子命令，打开对话框，设置好相关参数。
2.将“快捷插入”面板切换至“文本”面板，单击“项目列表、编号列表”
3.单击“属性面板”中的“项目列表、编号列表”按钮。
