数字出版原理与技术演示幻灯片.ppt

数字出版原理与技术;一、相关的术语和概念;1、B/S结构;2、 Javascript;主要目的是为了解决服务器端交互产生的网速问题。（例如，在网站上查询买房的贷款，8年或10年贷款20万需要每月月供多少，可以将利用HTML语言中嵌入一个小的计算Javascript程序，为客户提供更流畅的浏览效果。） 这里要强调的是，倘若要调用后台数据库中的数据，还是要用到后面将要讲授的JSP等技术。;脚本语言;3、JSP（Java Server Pages) ;所有程序操作都在服务器端执行，网络上传送给客户端的仅是得到的结果，即在服务器端执行的程序操作。通常返回给客户端的就是一个HTML页面。 注意的是 Java与Javascript不同， Java的功能要比Javascript强大很多，可以构建大型软件， Javascript只是能嵌在HTML语言中做点小事的脚本语言。;4、数据库和SQL语言;5、静态网页;6、动态网页;二、Dreamweaver功能和界面;A：代码视图：提供一个用于编写和编辑 HTML、JavaScript、 服务器语言代码(如 PHP 或 JSP)以及任何其它类型代码的手工编码环境。 。 B：代码和设计视图：将“文档”窗口拆分为“代码”视图和“设 计”视图。 C：设计视图：是一个用于可视化编辑和快速应用程序开发的设计环境。在该视图中，显示的可视化表示形式的文档是完全可编辑的，类似于在浏览器中查看页面时看到的内容，但同时可以进行编辑 。;D：实时视图：“实时”视图 与“设计”视图类似，“实时”视图更逼真地显示文档在浏览器中的表示形式，并使您能够像在浏览器中那样与文档交互。但“实时”视图不可编辑。不过，您可以在“代码”视图中进行编辑，然后刷新“实时”视图来查看所做的更改。 F：实时代码视图：在代码视图中显示实时视图的源代码。点击“实时代码”按钮时，也会同时点击“实时视图”按钮。 ;4、【属性】面板：默认情况下，属性检查器位于工作区的底部边缘，但是可以将其取消停靠并使其成为工作区中的浮动面板。可以用来检查和编辑当前页面选定元素的最常用属性，如文本和插入的对象。属性检查器的内容根据选定的元素的不同会有所不同。例如，如果选择了页面上的图像，则属性检查器就会改为显示该图像的属性，如图像的文件路径、图像的宽度和高度、图像周围的边框(如果有，则会显示)等等。;三、创建和管理站点;启动Dreamweaver CS5程序，在菜单栏中，选择【站点】→【管理站点】菜单项。 弹出【管理站点】对话框，在对话框中，单击【新建】按钮。 弹出【站点设置对象效果】对话框，在对话框中，选择【站点】选项卡，在【站点名称】文本框中，输入准备使用的名称，单击【本地站点文件夹】右侧的【浏览文件夹】按钮 ，选择准备使用的站点文件夹，单击【选择】按钮。 在【管理站点】对话框中，显示刚刚新建的站点，单击【完成】按钮。 此时，在窗口右下方的【文件】面板中，即可看到创建的站点文件，通过以上步骤即可完成使用【管理站点】向导搭建站点的操作。;在制作网页时，我们会在站点中创建一些文件夹来存放网页中的图片，flash等文件，所以首先要新建一系列的文件夹，具体操作是： 打开站点，右击右下角“站点”文件夹在右击菜单中点击“新建文件夹”选项在站点文件夹下创建一个新的文件夹了。 建立了文件夹之后，可以在右击菜单中点击“新建文件”选项 ，这样就可以新建一个文件。 当然同样可以用右击文件或文件夹的方式复制或删除文件或文件夹。;3、打开网页文件;四、文本的创建;在设计界面下可以直接输入文字； 可以在下方的属性栏中找到“项目符号”和“项目编号”选项，插入项目符号和项目编号 ； 在“页面属性”窗口中，我们可以对字体进行颜色、大小、字体等修改，如果你在字体下拉菜单中找不到你想要的字体样式，可以点击“编辑字体列表”，选择某些字体，并将它们移到字体列表中 ，此时该字体就可以出现在字体下拉菜单中。 段落对齐可以在【格式】菜单中 ，选择对齐子菜单下的各种对齐方式。 段落缩进可以利用属性栏中的“文本突出”和“文本缩进”按钮进行操作。;插入特殊字符;五、图片的插入和插入后的操作;插入图片后可以对其进行修改 ;7、图片对齐：图片对齐可以利用菜单中“格式”菜单下 “对齐”选项 进行操作。 8、图像占位符：设计网页的时候，倘若图片位中的图片还没有设计好，希望预先保留位置，可以利用“图像占位符”功能。选择“插入”菜单下的“图像对象”/“图像占位符”选项--在弹出窗口中输入需要插入图片的长和宽 。选中占位符后，还可以在软件下方出现占位符的属性面板中对占位符的颜色、大小、链接等进行设置。 9、鼠标滑过图片后更换另一张图像：在“插入”菜单的“图像对象”下选择“鼠标经过图像”，在弹出框中选择好“原始图像”和“