dreamweaver网页设计基础知识

《dreamweaver网页设计基础知识》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页设计基础知识一、认识网页1.网页分类：静态网页、动态网页u静态网页：是标准的HTML文件，它是采用HTML（超文本标记语言）编写的，是通过HTTP（超文本传输协议）在服务端和客户端之间传输的纯文本文件，其扩展名为.html或htmu动态网页：在多方面与静态网页是一致的，它们都是无格式的ASCII码文件，都包含HTML代码，都可以包含用脚本语言（比如JavaScript或VBScript）编写的程序代码，都存放在Web服务器上，收到客户请求后都会把响应信息发送给Web浏览器，根据采用Web应用技术不同，动态网页文件的扩展名不同，如ASP（使用ActiveServerPages）

2、技术，其中扩展名为.asp；使用JSP（JavaServerPages）技术时的扩展名为.jsp等等。2.URL（统一资源定位器，简称网址）：其格式是【协议名://主机名/目录/....../文件名】，如http://www.qq.com；由于网址是最常用的协议是http是默认的协议，所以可当刮简写为www.qq.com；ftp://123.52.3.20；，3.网页（WebPage）：打开网站所看到的网页，一个网站可以有成千上万个网页。4.主页（HomePage）：打开网站时看到的第一个网页，简称首页。它默认的文件名通常是index.htm、index.html、default

3、.htm、default.html、default.sap、index.asp等等二、网页设计基本原则1.明确建立网站的目标和用户需求2.总体设计方案主题鲜明3.网站的版式设计4.网页形式与内容相统一5.三维空间的构成6.多媒体功能的使用7.网站测试和改进8.合理运用新技术三、网站制作流程1.选择网站主题2.规则网站目和目录结构u对收集的资料进行分类，并为其建立专门的栏目，各栏目的主题围绕网站主题展开，栏目名称具有概括性，各栏目的名称字数最好相同。规划网站栏目的过程实际上是对网站内容细化，一个栏目有可能就是一个专栏网页。u在创建网站的目录结构时，不要将所有文件都存放一根目录下，需

4、要应该按栏目为建立文件夹u目录文件命名时，要使用简短的斯文形式，文件名小于8个字符，一律以小写字母，另外大量的同一类型文件应该是数字序号加以区分，以利于查找。3.设计网页布局4.整合网页内容DreamweaverCS5概述一、启动Dreamweaver二、Dreamweaver工作界面三、Dreamweaver窗口组成1.标题栏和菜单栏2.“快捷插入”面板：包含创建和插入对象的按钮，这些按钮被组织到相应的类别中，按Ctrl+F2可以打开或隐藏。3.工具栏：包含“文档”工具栏、“标准”工具栏4.文档窗口：又称文档编辑区，主要用来显示或编辑文档，其显示模式为3种，代码视图、拆分视图、

5、设计视图、实时视图a)代码视图：显示HTML代码视图窗口b)拆分视图：同时显示代码视图和设计视图c)设计视图：为系统默认设置，只显示相应的文本、图片、视频等，没有Html程序代码。a)实时视图：b)多屏幕：编辑的网页在不同的设备上显示的效果c)在浏览器中调试：在浏览器中显示，看实际的显示效果d)文件管理：文件管理状态e)：W3C验证f)检查浏览器的兼容性g)可视化助理：在设计的过程中，帮助显示一些元素。2.面板组：按F4可以显示、隐藏全部面板3.“属性”面板：设置正在编辑的内容的属性，内容不同，“属性”面板中显示的属性也不同。招待“窗口----属性”、Ctrl+F3可以显示/隐藏

6、“属性”面板。一、页面的创建与保存1.创建网页：“文件----新建”、Ctrl+N等方法均可以新建文档。根据需要内容选择建立文档的类型。2.保存网页：“文件-----保存”、Ctrl+S，选择保存类型、保存位置等，单击“保存”按钮。一、Dreamweaver参数设置执行“编辑----首选参数”命令、按Ctrl+U快捷键，打开“首选参数”对话框。二、网页基本编辑----编辑文本一、编辑文本1.在设计视图窗口中，直接在文档窗口中输入文本字符。u如果需要分段换行，直接按“Enter”键。uShift+Enter强制换行，行与行之间不会出现换行，它与前面内容属于一个段落u由于Dreamw

7、eaver中不允许输入多个连续空格，需要在“首选参数”中选择“允许多个连续空格”复选框就可解决；或者将输入法设为“全角/半角”中的“全角”状态，才能输入连续空格。2.利用Word、Wps、写字板等文档编辑软件，将其中的文本复制后，粘贴到Dreamweaver设计视图中。二、调整文本1.单击“页面属性”，单击“页面字体”的下拉列表箭头，选择“编辑字体列表”，选择字体、设置大小、文本颜色、背景颜色等。三、插入日期1.执行“插入----日期”命令1.或单击“常用----快捷插入”面板中