02 网络出版与网站设计 网络出版 网站设计与制作.

Slides:



Advertisements
Similar presentations
第六 章数据库访问页 6.1 数据访问页视图 6.2 创建数据访问页 6.3 编辑数据访问页 6.4 查看数据访问页 退出.
Advertisements

项目2 字符格式和段落编排 2017年3月7日6时54分.
插入超链接 高邮市第一实验小学 范太国 任务一:设置文本超链接 任务一:设置文字超链接 步骤:1、选定文字并右击,在快捷菜单 中选择“超链接”命令。 2、在弹出的对话框中选择左侧“链接到:”中的“本文档中的位置(A)”项,在“请选择文档中的位置(C):”中选择需要链接的幻灯片,单击“确定”按钮。
UI(用户界面)集训班 Illustrator 高级班.
PRESENTED BY OfficePLUS
基于解释性语言的手机跨平台架构 Sloan Yi. Qt MTK.
第6章 制作网站链接 本章内容 练习思考 实验操作.
在PHP和MYSQL中实现完美的中文显示
江西信息应用职业技术学院 电子商务与管理系
使用链接.
单击此处添加标题.
SVN的基本概念 柳峰
第二讲 搭建Java Web开发环境 主讲人:孙娜
第八章 菜单设计 §8.1 Visual FoxPro 系统菜单 §8.2 为自己的程序添加菜单 §8.3 创建快捷菜单.
大学计算机基础 典型案例之一 构建FPT服务器.
SVN服务器的搭建(Windows) 柳峰
网络常用常用命令 课件制作人:谢希仁.
第11章:一些著名开源软件介绍 第12章:服务安装和配置 本章教学目标: 了解当前一些应用最广泛的开源软件项目 搭建一个网站服务器
Windows网络操作系统管理 ——Windows Server 2008 R2.
第17章 网站发布.
2019/1/12 GDP设计协同 超级管理员操作手册 GDP项目组.
点击此处添加标题 ADD YOUR TITLE ADD YOUR TITLE 点击此处添加文本信息
网页设计与制作 网页基本标签(三) 北京农业职业学院刘丽霞.
供应商登录CJLR SRM系统入口 CJLR供应商仅可以在互联网上访问SRM系统,无法在CJLR内网登录SRM系统.
Windows 7 的系统设置.
YMSM D-PACK 安装手册 作成者:D-PACK维护组(YMSLx) 作成日:
POWERPOINT TEMPLATE HI.
网页制作基础 CNIC 王桦.
PRESENTED BY OfficePLUS
任务1-3 使用Dreamweaver创建ASP网页
SOA – Experiment 2: Query Classification Web Service
编程作业3:网页正文抽取 (10分).
新PQDT论文全文库提交平台.
WWW服务 WWW服务概述 IIS6.0的 WWW 服务 IIS6.0下安装PHP
電子郵件簡介.
产品推广 PRODUCT PROMOTION PRESENTED BY OfficePLUS.
标准配色方案 背景 文本和线条 阴影 强调色 主色一 主色二 主色三 主色四 推荐应用顺序. 标准配色方案 背景 文本和线条 阴影 强调色 主色一 主色二 主色三 主色四 推荐应用顺序.
PRESENTED BY OfficePLUS
第1章 c++概述 1.1 C++语言的简史及特点 1.2 简单的C++程序 1.3 C++语言的基本组成
电子商务网站开发 第六讲:超级链接 上海财经大学信息管理与工程学院.
PRESENTED BY OfficePLUS
姚金宇 MIT SCHEME 使用说明 姚金宇
计算机网络与网页制作 Chapter 07:Dreamweaver CS5入门
项目二:HTML语言基础.
复 这里可以输入公司 名 古 Powerpoint is a complete presentation graphic package it gives you everyt.
Word中活用“艺▪图▪框” 信息技术必修(一).
JSP实用教程 清华大学出版社 第2章 JSP运行环境和开发环境 教学目标 教学重点 教学过程 2019年5月7日.
1 月 日 一 二 三 四 五 六 元旦 11/20 11/21 11/22 11/23 11/ /25 11/26 11/27 11/28 11/29 11/30 12/ /2.
iSIGHT 基本培训 使用 Excel的栅栏问题
第六章 素材的加工与处理 第13讲 用GoldWave进行音频的截取、合并、淡入淡出操作
Logo 思维 力量 商务展示·企业内训.
Visual Basic程序设计 第13章 访问数据库
VRP教程 2011.
SCI收录号查询方法介绍 上海大学情报研究所
第9章 多媒体技术 掌握 Windows 画图工具的基本操作; 掌握 Windows 音频工具进行音频播放;
Python 环境搭建 基于Anaconda和VSCode.
_08文件操作 本节课讲师——void* 视频提供:昆山爱达人信息技术有限公司 官网地址:
点击此处添加标题 ADD YOUR TEXT ADD YOUR TEXT ADD YOUR TEXT ADD YOUR TEXT
武汉纺织大学传媒学院 cm.wtu.edu.cn
YOUR SUBTITLE GOES HERE
项目:交互式网页 义乌工商学院机电信息分院省级精品课程.
第8章 创建与使用图块 将一个或多个单一的实体对象整合为一个对象,这个对象就是图块。图块中的各实体可以具有各自的图层、线性、颜色等特征。在应用时,图块作为一个独立的、完整的对象进行操作,可以根据需要按一定比例和角度将图块插入到需要的位置。 2019/6/30.
第四章 UNIX文件系统.
创建、启动和关闭Activity 本讲大纲: 1、创建Activity 2、配置Activity 3、启动和关闭Activity
点击此处添加标题 PPT背景图片: PPT图表下载:
使用Fragment 本讲大纲: 1、创建Fragment 2、在Activity中添加Fragment
RefWorks使用指南 归档、管理个人参考文献.
LOGO HERE 单击此处添加 您的标题标题标题 PRESENTED BY JANE DOE
201X 手绘论文答辩模板 CONSECTETUR ADIPISICING ELIT.
培训课件 AB 变频器的接线、操作及参数的备份 设备动力科.
Presentation transcript:

02 网络出版与网站设计 网络出版 网站设计与制作

网络出版的背景 •1972年,电子邮件(Electronic Mail,email )和文件传送(File Transfer Protocol,FTP)服务投入了阿帕网(ARPNet)的应用; •1980年7月,美国第一份电子报纸由美国的信息服务公司CompuServe向其3600名订户发送; •1982年,一项具有群众基础的在线服务通过个人计算机接入电话网络进入市场——“电子公告板”(Bullet Board System,BBS) 。在BBS上提供的第一份电子报纸是美国的“沃斯堡明星电讯报”(Fort Worth Star-Telegram )。 1989年,Brad Templeton 在美国加利福尼亚的圣何塞建立了世界上第一家互联网公司:克莱瑞网络通信公司(ClariNet Communications, www.clarinet.net ),并创办了世界上第一份基于因特网的电子报纸《克莱瑞新闻》(ClariNews) 。其新闻稿源来自路透社、美联社、纽约时报、联合特稿社(United Media Syndicate) 、通用特稿社(Universal Press Syndicate) 等。当时该电子报纸应用的是新闻组技术,后来也同时提供Web版电子报纸。每天收录2500个以上的新闻报道,并归类到550个主题上,1996年以后收费订户曾经超过100万。到2003年,还为大型门户网站和企业网站提供综合性、未经过滤的和实时的新闻及其图片。

网络出版的经典案例——亚马逊 1994年,杰夫·贝佐斯(Jeff Bezos)从电脑屏幕上读到“2300 %”这样一个数据,这是当年美国网民人数的年增长速度,从而激发了他创业的冲动。从美国的东部到了西部的西雅图市在他的车库开始了亚马逊网上书店(Amazon.com) 的创业。 1999年贝佐斯被美国《时代》杂志评为年度风云人物,被誉为“电子商务之父”,到2000年超过了2000万的客户。该书店尽管年度销售额节节攀升,但还是经历了漫长的巨额亏损,直到2001年第四财务季度才实现首次盈利。 2000年3月,亚马逊网上书店与西蒙-舒斯特(Simon & Schuster) 出版公司试验电子图书的发行;6月,亚马逊公司与Audible 公司合作销售数字化音频内容,其中包括语音书籍等,11月成立电子图书书店。尽管电子图书的网上零售还只占其销售额的很小一部分,亚马逊网上书店已经启动了网络出版的电子商务运营。

2.1 网 络 出 版 1. 获取原始素材 2. 制作数字内容 3. 传播数字内容 1. 时效性强,信息更新快,跨时空传播 2. 信息量大,图文声像并茂 3. 互动性强,检索快捷 4. 复制与发行同时进行 5. 成本低,节约资源 6. 安全性成为突出问题 网络出版,又称互联网出版,网络出版是指具有合法出版资格的出版机构,以互联网为载体和流通渠道,出版并销售数字出版物的行为。 网络 出版 特点 流程 概念

1.网络出版的概念 目前没有统一概念(英译也有多个版本,比如,Online Publishing , Web Publishing , Network Publishing )。 一般说有广义和狭义两种概念。其中最为狭义的定义认为网络出版就是具有合法出版资格的出版机构将数字化技术和网络技术应用于传统出版流程中的编印发环节的商业性活动。广义概念则将网络出版定义为通过互联网传播数字内容的过程。 出版界的定义: 网络出版是指利用因特网发布(传播)文字、声音、图像等信息供大众使用的行为。既包括传统出版单位把传统出版物上网,也包括ICP(因特网内容服务商)和个人在网上发布信息和作品。 学术界的定义:   网络出版物以计算机通信网络为基础,以电子介质为存储媒介,进行信息传递、交流和利用,从而达到其社会文化传播、保存的目的。网络出版物亦是电子出版物的一种类型,与之对应的是非网络(封装型)的电子出版物。目前一般所说的网络出版物是指基于因特网的网络出版物。 泛网络出版定义: 在第三代互联网条件下,即在信息技术产品和基础网络的发展实现了可以让任何人在任何时间、任何地点、任何设备上获得生动的、个性化的信息的条件下,出版内容的创造可以在跨媒体、跨设备、跨标准中进行,新旧出版业中的所有业务可以融为一体,包括个人在内的所有出版者都可以在更为综合的内容和更加个性化的形式之间自由取舍。 模板来自 http://docer.mysoeasy.com/

2.网络出版的特点 l、主体合法性: 在我国,从事出版活动,必须取得政府主管部门的许可。目前,在我国对网络出版尚无规范的情况下,凡是具有合法出版权的机构,均可从事网络出版业务。 2、产品数字化: 网络出版在产品形态上表现为网络出版物。产品数字化,是网络出版的一般属性。这一属性与纸介出版物具有本质的区别,但与CD-ROM、CD、VCD、DVD等电子和音像出版物是一样的。 3、流通网络化: 网络出版物,在流通形态上,表现为通过互联网以数字形式进行传送(下载),直接面对终极用户,以下载形式完成流通过程。流通网络化(下载),是区别于纸介出版物和以CD—ROM、CD、VCD、DVD为表现形式的电子和音像出版物的本质特征。 4、交易电子化: 网络出版,从产品形态、流通方式到支付方式整个交易过程均实现了电子化;尤其是支付手段,用户只能通过信用卡,通过网上银行实时付款,才能进行下载,完成交易过程。交易电子化,使网络出版物的销售,实现了百分之百的电子商务,这是网络出版的显著特征。 模板来自 http://docer.mysoeasy.com/

3.网络出版的流程 完整的互联网出版流程包括六个阶段: 选题策划; 网上组稿; 网上审核; 网络编辑加工; 制作数字内容; 网络发行。 传统出版流程 完整的互联网出版流程包括六个阶段: 选题策划; 网上组稿; 网上审核; 网络编辑加工; 制作数字内容; 网络发行。 简单网络出版流程 模板来自 http://docer.mysoeasy.com/

网络出版的范例 Online Publishing 模板来自于 http://meihua.docer.com/

1

中国网络出版在线 http://www.cnpo.com.cn 出 版 流 程

2

中国工具书网络出版总库 http://gongjushu.cnki.net/refbook/default.aspx 中国工具书网络出版总库 http://gongjushu.cnki.net/refbook/default.aspx 典故检索: 二桃杀三?

Website Design and Construction 2.2 网站设计与制作 Website Design and Construction 模板来自于 http://meihua.docer.com/

2.2 网 站 设 计 与 制 作 相关 技术 网站 设计 制作 开发

网站的相关概念 1 互联网协议地址(英语:Internet Protocol Address,又译为网际协议地址),是IP协议提供的一种统一的地址格式,它为互联网上的每一个网络和每一台主机分配一个逻辑地址,以此来屏蔽物理地址的差异。 IP地址 2 域名(Domain Name),是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置,地理上的域名,指代有行政自主权的一个地方区域)。域名是一个IP地址上有“面具” 。一个域名的目的是便于记忆和沟通的一组服务器的地址(网站,电子邮件,FTP等)。 域名 3 URL 统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。 模板来自于 http://docer.wps.cn 4 链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。 超链接

5 6 7 8 网站的相关概念 首页 HTML语言 服务器与客户端 静态网页与动态网页 也称主页,是网站的代表,通常输入域名浏览器打开的就是网站的首页。一般首页会放置网站的主要栏目、LOGO、网站导航、重要信息、版权信息和常用链接等。 首页 6 超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。 HTML语言 7 服务器与客户端 服务器端(Sever)就是存放网页供使用者浏览的网站,包括内容服务、数据库服务、邮件服务等。客户端(Client)是对应的信息接收者 模板来自于 http://docer.wps.cn 8 纯HYML格式网页通常被称作静态网页,并非是网页内容不发生变化,而是任何人看到的浏览结果都一样,通常以.html、.htm、.shtml、.xml等为后缀。动态网页通常以.asp、.jsp、.php为后缀,显著特点之一是与数据库的交互,如注册、在线留言、信息搜索等。动态网页通常随着不同人、不同行为、不同时间实施对输入的信息做出不同的相应。 静态网页与动态网页

网 站 设 计 与 制 作 网站的设计特点 网站的制作流程 网站的设计原则 网站页面的处理

网站设计特点 网 站 设 计 原 则 网站页面处理 多媒体 交互性 非线性组织信息 强大的导航功能 页面内容的处理 页面布局设计 主题 鲜明突出 形式与内容 和谐统一 整体结构 布局合理 网站设计特点 多媒体 交互性 非线性组织信息 强大的导航功能 网 站 设 计 原 则 网站页面处理 页面内容的处理 页面布局设计 页面颜色设计

网站制作流程 网站开发工具选择 (1)文本编辑器 (2)集成开发环境的开发工具 网站的发布 与维护 (3)通用网页开发工具 网站的测试 和HTML文件一样,ASP、ASP.NET、PHP、JSP等技术生成的文件也是纯文本文件,可直接使用Windows的记事本制作,也可使用UltraEdit、EditPlus等文本编辑器制作。阅读源代码清晰,但是对开发者要求高,调试不便。 (2)集成开发环境的开发工具 专门针对某种技术的开发工具,VI(Visual InterDev)是ASP的集成开发环境;Jbuilder是JSP的集成开发环境。功能强大但安装复杂,对计算机要求高,对开发者要求高。 (3)通用网页开发工具 Dreamweaver可以便捷制作跨平台和跨浏览器的网页,开发效率高,简单易学,但无法做到所见即所得。 网站的发布 与维护 网站的测试 网站的制作 网站细节设计 网站总体策划 模板来自于 http://docer.wps.cn 素材收集与编辑 确定主题

动态网站编程技术概念汇总 ASP技术:Active Server Page的缩写,意为“活动服务器网页”。常用于各 种动态网站中。 ASP.NET技术:一种使嵌入网页中的脚本可由因特网服务器执行的服务器端 脚本技术。 指 ASP ,运行于 IIS(Internet Information Server 服务,是 Windows开发的Web服务器)之中的程序 。 PHP技术:原始为Personal Home Page的缩写,已经正式更名为 “PHP: Hypertext Preprocessor”。中文名:“超文本预处理器”)是一种通用开源脚 本语言。可以更快速地执行动态网页。 JSP技术: Java Server Pages,中文名为java服务器页面,是一个简化的 Servlet设计,是在传统的网页HTML文件中插入Java程序段(Scriptlet)和JSP标 记(tag),从而形成JSP文件,后缀名为(*.jsp)。 用JSP开发的Web应用是跨平 台的,既能在Linux下运行,也能在其他操作系统上运行

网站的制作 我们的目标: 1. 了解搭建一个网站的流程 2. 了解网页设计的方法 3. 具有判断网页设计优劣的能力

Dreamweaver 应用技术 讲述内容: 对不同载体设置超链接 通过CSS样式改变超链接样式 添加导航条

一、创建超级链接 在网页中使用超级链接,能够使每个独立的网页之间产生一定的相互联系,从而使单独的网页形成一个有机的整体。 超级链接的概念、作用及分类 超级链接是一种标记,它记录了网络中的某个文件或者其他URL,通过这个标记,可以“打开”相应的资源。从工作机理的角度看,超级链接是一个指向其他网络资源的一个指针,通过它浏览器可以根据一定的要求载入相应的资源。 超级链接实际上是一个记录网上其他网络资源的“指针”,它指向网络中的其他资源,被标记的对象称为热点,是连接这些资源的入口。浏览中鼠标单击热点时,浏览器就根据这个指针对超级链接做出解释,并根据链接对象的类型做相应处理。

创建超级链接 在网页中超级链接根据链接目标的不同可分为5类。 内部链接:即在同一个站点内的不同页面之间相互联系的超级链接。 锚点链接:可以链接到网页中某个特定位置的链接。 外部链接:把网页与Internet中的目标相联系的链接。 到电子邮箱的超级链接:用于链接到电子邮箱,可直接点击发送邮件。 到执行文件的超级链接:用于链接站点空间里的可执行程序,可用于下载和在线运行。

创建超级链接 根据超级链接链接对象的不同(即载体),可分为2类。 绝对路径和相对路径 文本链接:用文本作链接载体,简单实用。 图像链接:用图像作为链接载体能使网页美观、生动活泼,它既可以指向单个的链接,也可以根据图像不同的区域建立多个链接。 绝对路径和相对路径 在创建超级链接之前,有必要了解相对路径和绝对路径之间的差异,以及如何指定不同类型的路径。在一个网站中,有绝对路径和根目录相对的路径,以及和文档相对的路径3种类型的文档路径。 绝对路径:是包含服务器协议(对于网页来说通常是http://或ftp://)的完全路径,绝对路径包含的是精确地址而不用考虑源文件的位置。但是如果目标文件被移动,则链接无效。创建外部超级链接时必须使用绝对路径。 和根目录相对的路径:是从当前站点的根目录开始的路径。站点上所有可公开的文件都存放在站点的根目录下。和根目录相对的路径使用斜杠以告诉服务器从根目录开始。 和文档相对的路径:是指和当前文档所在的文件夹相对的路径。这种路径通常是最简单的路径,可以用来链接和当前文档处于同一文件夹下的文档。

创建超级链接 (1) 为文字添加超级链接 选择面页中需要添加超级链接的文字,在属性面板上的【链接】文本框中指定文字的链接目标。在【目标】下拉列表框中选择目标文件打开的方式(此项必须在【链接】文本框中加入了目标路径后,才变为可用状态)。当设置这两项后,在网页中被选择的文字颜色变为蓝色,且在文字底部出现一条下划线,即文字的超级链接设置完成。在键盘上按F12键,即可将网页在浏览器中打开。单击链接的文字,即可打开指定的目标文件。 可按以下3种方法指定文字的超级链接。 在文本框中直接输入目标的路径。 单击文件夹按钮,在弹出的对话框中选择链接的目标文件。 利用属性面板上的【指向文件】按钮,为文字加入超级链接。但必须要建立本地站点,且本地站点上还要有文件存在,才能使用此方法。

创建超级链接 (2) 为图片添加超级链接 为图片添加超级链接的操作步骤与为文字相似。 打开站点中存在的文件,选择其中的卡通图片。 拖动【属性】面板上的【指向按钮】,指向站点窗口中目标文件,为整张图片设置超级链接。 在【替代】文本框中输入“单击大图可查看原始图像”。 单击【属性】面板中的【多边形热点工具】按钮 ,围绕着对象单击,最后双击完成热点圈选。 选择圈选的热点,拖动【属性】面板上的【指向按钮】,指向站点窗口中目标文件,为圈选的对象设置超级链接。 在【替代】文本框中输入“单击此处可查看更多***”。 按下F12键,在浏览器中打开网页,单击大图即可看到网页的链接效果

创建超级链接 【提示】 在许多网站上,都有“友情链接”栏目。当单击“友情链接”中的某一网址时,浏览器将显示该网站的主页,这就是外部超级链接的应用。外部超级链接是指将本站点的某个对象与Internet上的目标建立一种相互的关系。Internet上的目标非常多,但使用最多的外部超级链接是链接到WWW网站的超级链接。 其创建链接的方法是在【链接】文本框中以http://开头,再填上需链接到的网址。例如链接到搜狐网站(http://www.sohu.com)的首页,则在【链接】文本框中应输入http://www.sohu.com。

创建超级链接 (3) 为其他对象添加超级链接 浏览中鼠标单击链接时,浏览器就根据这个指针对超级链接作出解释,并根据链接对象的类型做相应处理: 如果是文件扩展名为.html或.htm时,则直接显示; 如果是文件扩展名为exe及其他可执行格式时,提示选择在当前位置打开还是保存到本机; 如果是文件为图形等格式时,直接打开; 如果是压缩格式、视音频格式时,提示选择在当前位置打开还是保存到本机。

创建超级链接 (4) 添加锚点 在一些内容很多的网页中,设计者常常在该网页的开始部分以网页内容的小标题作为超级链接。当浏览者单击网页开始部分的小标题时,网页将跳到内容中的对应小标题上,免去浏览者翻阅网页寻找信息的麻烦。其实,这是在网页中的小标题添加了锚点,再通过对锚点的链接来实现的。 锚点也称为书签,用来标记文档中的特定位置,使用其可以跳转到当前文档或其他文档中的标记位置。在网页中加入锚点包括两大步骤,一是在网页中创建锚点,二是为锚点建立链接。

创建超级链接 提示:在链接锚点时,应注意以下事项: 步骤1 创建锚点 步骤1 创建锚点 (1)为创建锚点,将光标移到需要加入锚点的地方,一般是将光标放置在一行或是一段文字的开头部分。 (2)单击插入栏【常规】类上的【命名锚点】按钮 ,打开对话框。 (3)在【命名锚点】文本框自动显示锚点的名称。 (4)单击【确定】按钮则在光标处出现一个代表锚点的图标 。 步骤2 链接锚点 (1)选择锚点文字。 (2)按住Shift键拖动鼠标指向站点设计窗口中的锚点的图标。 提示:在链接锚点时,应注意以下事项: (1) 在#和锚点名之间不要留有空格,否则链接会失败。 (2) 在不同文件夹中为锚点创建链接时,其文件名后缀必定是“.htm”,而不能写成“.html”,否则链接也会失败。 (3) 符号 # 必须是半角符号,而不能为全角符号。

创建超级链接 链接锚点前必须要先分析锚点所在的位置。 提示:链接锚点时还可应用以下两种方法。 (1) 如果需要链接到相同文件夹下的其他文件中的某个锚点,在【链接】文本框中输入“Filename.htm#锚点名称”。例如在相同文件夹下有一个名为“ren1”的文档,在该文档下有一个名为“renliang”的锚点,则在Link文本框中输入“ren1.htm#renliang”即可(引号不必输入)。 (2) 如果需要链接到父目录中的文件的某个锚点,使用相对路径就可以实现,即在Link文本框中输入“../Filename.htm#锚点名称”。 (3) 如果需要链接到某根目录下的文件中的某个锚点,则需要使用绝对路径,即在Link文本框中输入“D:/Filemane.htm#锚点名称”(假设文件在D盘下)。 提示:链接锚点时还可应用以下两种方法。 1. 在属性面板上的【链接】文本框中输入符号“#+锚点名称“。例如定义了一个名称为“pio”的锚点,则可以在【链接】文本框中输入“#pio”。 2. 按住属性面板上的【指向文件】按钮,并拖动鼠标指向锚点,属性面板上的Link文本框中自动出现符号#和该锚点的名称后。

通过CSS改变超级链接样式 超级链接可以以许多方式显示。通常建立超级链接的文本会含有下划线,并以不同的颜色或字体来表示是否已经链接过。也可以设置链接时的效果,例如当浏览者将光标悬停在超级链接文本上时,文本的字体、字号及颜色发生改变。 Dreamweaver提供了通过CSS(层叠样式表)修改超级链接样式的功能,不仅摆脱常见的下划线、改变字体颜色,还可以在链接的不同状态设置字体的不同风格。 (1)选择【文本】|【CSS样式】|【新建】命令,打开【新建CSS样式】对话框。 (2)从【选择器类型】列表框中选择【高级(ID、上下文选择器等)】单选按钮。 (3)从【选择器】下拉列表框中选择【a:active】选项。 (4)选择【定义在】选项组中的【仅对该文档】单选按钮。 (5)设置完毕后,单击【确定】按钮,打开【a:active的CSS样式定义】对话框。 (6) 选择【分类】列表框中的【类型】选项组。 (7) 从【字体】下拉列表框中选择。 (8) 在【大小】下拉列表框中选择。 (9)从【装饰】选项组中选择。 (10) 单击【颜色】拾色器在弹出的调色板中选择。 (11) 设置完毕后,单击【确定】按钮。

导航条 导航条由图像或图像组组成,图像显示内容会随用户不同操作而变化。导航条主要是为在站点上的页面和文件之间移动提供一条简捷的途径。 导航条项目共包含有4种状态。 一般:指用户尚未单击或尚未与此项目交互时所显示的图像。例如,此种状态的项目看起来未被单击过。 滑过:指鼠标指针滑过“一般”图像时所显示的图像。项目的外观发生变化(例如变得更亮),以便让用户知道可与这个项目进行交互。 按下:指项目被单击后所显示的图像。例如,用户单击某项目后,载入一个新的页面,而导航条仍然显示,只是被单击的项目变暗,表示它曾被选择过。 按下时鼠标经过:指在项目被单击后,鼠标指针滑过“按下”图像时,所显示的图像。此状态可作为一个给用户的可视提示,告诉他们在站点的这一部分,此项目不能再被单击,例如,项目变淡或变灰。 下图所示的4个图片即为用户自定义导航条4种不同状态下图片效果。

导航条 1. 插入导航条 使用【插入导航条】命令之前,须先为各个导航项目的显示状态创建一组图像,并将该组图像拷贝到站点内。用户可将导航条项目视为按钮,因为单击它时,导航条项目将链接到其他网页。打开如下图所示的【插入导航条】对话框,设置完毕后单击【确定】按钮即可。 2. 编辑导航条 为文档创建导航条后,可使用【修改导航条】命令向导航条添加图像,或从导航条中删除图像。此命令可用于更改图像或图像组、更改单击项目时所打开的文件、选择在不同的窗口或框架中打开文件以及重新排序图像。 若要修改导航条,选择【修改】|【导航条】命令,打开【修改导航条】对话框,从【导航条元件】列表框中选择要编辑的项目,再根据实际需要进行设置,设置完毕后单击【确定】按钮即可。 【插入导航条】对话框中各选项功能。 添加项目 :向【导航条元件】列表框中添加项目。 删除项目 :删除【导航条元件】列表框中项目。 向上移动项目 :向上移动【导航条元件】列表框中的项目。 向下移动项目 :向下移动【导航条元件】列表框中的项目。 导航条元件:显示所有项目。 项目名称:为导航条项目命名,例如Home。 状态图像:单击【浏览】按钮可从打开的对话框中自由选择最初显示的图像。值得注意的是,此项为必添项,其他图像状态选项为可选项。 鼠标经过图像:单击Browse按钮可从打开的对话框中自由选择当用户鼠标指针滑过项目所显示的图像。 按下图像:单击Browse按钮可从打开的对话框中自由选择用户单击项目后显示的图像。 按下时鼠标经过图像:单击browse按钮可从打开的对话框中自由选择当用户将鼠标指针滑过按下图像时所显示的图像。 替换文本:输入项目的描述性名称。 按下时,前往的URL:单击Browse按钮,以选择要打开的链接文件。该选项后包含一个下拉列表框: 选择Main window(主窗口)选项可在同一窗口中打开文件。 如果导航条位于框架集中,则应选择要在其中打开文件的框架。 预先载入图像:可在载入页面时下载图像。如果未选择此选项,在用户鼠标指针滑过鼠标经过图像时可能会出现延迟。 页面载入时就显示“鼠标按下图像”:可在显示页面时,以按下状态显示所选项目。选择此选项时,在【导航条元件】列表框中该项目后面出现一个星号。 插入:可选择在文档中是设置导航条项目插入方式是垂直Vertically插入还是Horizontally水平插入。 使用表格:以表格的形式插入导航条项目。

导航条 打开【插入导航条】对话框的方法有两种。 选择【插入】|【图像对象】|【导航条】命令。 单击【插入】工具栏左侧的下拉三角按钮,从弹出的快捷菜单中选择【常规】选项,然后单击其右侧的【图像】按钮,从弹出的菜单中选择选择【导航条】选项。 例:新创建一个网页,向其中添加一个“首页”导航按钮,其4种状态使用的图片分别为PIC01.jpg、PIC02.jpg、PIC03.jpg、PIC04.jpg,替换文本为“链接至首页”,链接目标为default.html。 (1) 选择【文件】|【新建】命令,创建一个HTML基本页。 (2) 将光标置于文件的顶部,然后单击【常规】工具栏中的【导航条】按钮,打开【插入导航条】对话框。 (3) 单击【状态图像】文本框右侧的【浏览】按钮,选择PIC01.jpg。 (4) 单击【鼠标经过图像】文本框右侧的【浏览】按钮,选择PIC02.jpg。 (5) 单击【按下图像】文本框右侧的【浏览】按钮,选择PIC03.jpg。 (6) 单击【按下时鼠标经过图像】文本框右侧的【浏览】按钮,选择PIC04.jpg。 (7) 在【替换文本】文本框中输入项目的描述性名称“链接至首页”。 (8) 单击【按下时,前往的】右侧的【浏览】按钮,选择站点中的default.html文件。 (9) 设置完毕后单击【确定】按钮即可完成导航条的设置。

思考问题 1 网络出版与网络传播有什么区别? | 2 网络出版与建立网站有什么关系? | 3 在中国发展网络出版业会受到哪些因素的限制? |

项目实践 收集一些你有印象的从事网络出版的网站, 简要描述这些网站特点,并分析它的运营方式。 对你搜集这些网站进行简单的网页设计,形 成一系列简单的网页。

观 看 谢 谢 模板来自于 http://docer.wps.cn