IDreamweaver网页设计基础知识.docVIP

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