知识管理的IT实现IBM知识管理解决方案.ppt

DREAMWEVAERMX2004入门 楼斌BBSID lou生命科学学院2005 01 11 建议学习方式 先从最简单的HTML网页入手 选择Dreamweaver作为你的网页制作工具 选择Photoshop作为你的网页制作工具 粗略地阅读本站的Dreamweaver及Photoshop教程 了解这两个软件到底能做些什么 初级阶段 此时的你 已经掌握了Dreamweaver和Photoshop的基本操作 策划和制作你的第一个网站 不断为你的网站增加内容与功能 例如尝试将一些JavaScript小程序添加到你的网页中 粗略阅读本站HTML及CSS的语法书 并尝试运用到你做的网页中 进阶阶段 此时的你 已经具有一定的网页制作经验 并逐步形成了自己一套的对于网页制作的理解 制作一般的网页已经不在话下 根据个人喜好及实际需要 网页制作的方向 你可以向美术设计的方向发展 学习一些美术方面的知识 也可以向网络编程的方向发展 学习ASP等编程语言 也可以向信息制作的方向发展 锻炼自己在网站策划及信息采辑的技能 常识制作其他不同类型的网站 从模仿别人开始 都逐渐形成自己的设计风格 熟练操作Dreamweaver及Photoshop两个软件 并至少能读懂HTML及JavaScript 高手阶段 此时的你 至少在美术设计 程序编写 或信息制作方面有一定的造诣 建议学习方式 网站制作流程 新建站点 站点文件命名 定义页面属性 插入表格 定义页面大小 添加内容 插入导航条 添加链接 使用代码片断 定义及应用CSS 添加动态交互 链接站点各个页面 建立一个网站 首先要在本地机器上做好网站 再传到网上的虚拟空间上 在D盘新建一个文件夹 输入你想要的站点名称 这里输入test 其实可以任意输入名称的 要注意的是 尽量不要用中文命名 以免出现意想不到的麻烦 在Dreamweaver中定义站点 建立站点 1 2 接下来需要给站点起一个名字 可以起任意一个名字 这里起名为abc 按下一步 选择是否使用服务器技术 因为实例建立的是一个静态站点 就选择 否 我不想使用服务器技术 一个站点就定义好了 站点定义好之后 就要开始新建网页文件和文件夹了 在站点中点击右键 选择新建文件 选创建 窗口和面板 代码区 所见即所得 Body区 网页主体 Head区 主要设置字体编码 网页标题等 设置页面属性 表格详解 简明步骤 打开一个页面 插入表格 设置表格宽度现在有好几种尺寸的显示器 14 15 17 19 英寸 网页要在每个显示器上显示正常 就要设置恰当的参数 常用的是在页面中插入表格放内容 采用象素和百分比两种 使用百分比 可以在各种显示器上有相同的效果 宽度设置为100 时 在各种显示器上全屏显示 素大小的表格设置 选择像素为单位 值为768 可以在15英寸显示器上全屏幕显示 在17英寸显示器上也有好的显示效果 相对使用百分比制作网页 采用像素比较简单 大多是把表格设置为居中对齐 选中表格 在属性面板选择对齐方式为居中对齐 完全下载一个表格的内容 才能在IE中显示出来 如果页面文件小 可以只有一个表格放内容 如果页面文件很大 可以在页面中 从上到下放几个宽度相同的表格 分别放不同的内容 这样就会一个一个显示表格里面的内容 不用等整个网页的内容下载完 图像描边 增加图片的美观设置图文混排给图片增加提示 在IE中 当指向这个图片时 就会出现文字提示创建图像地图 当点击一个图像的不同部分 可以链接到一个新的网页 也可以在当前窗口打开 简明步骤 选中目标图片 选择属性面板中的热点工具 用热工具在图片中画出热点区域 在属性面板中输入链接地址 选择目标窗口打开方式 设置图像边距 设置图像边距 可以使图像和表格边框产生一个边距 也会和相邻的文字或者其它图片产生一个边距 有时候设置边距为一个非0的数值可以起到美观的作用 但是有的时候输入数值为0的边距可以使用页面紧凑 图像详解 超级链接 超级链接 指向文档 图象 多媒体文件或可下载软件的超文本链接选中一个文件 会出现一个文件相对于 文档 站点根目录的选择 文档相对路径是最适合用于本地链接的路径类型 适合绝大多数Web站点 推荐使用 根相对路径 如果在一个使用多台服务器的大型Web站点或一台服务器上有多个站点的情况下工作 可能需要使用这种类型的路径 很少用到这种路径 如果没有服务器的控制权限 不要使用这种方式 超级链接 绝对路径 完整的URL 称作绝对路径 例如在链接域输入 使用锚创建电子邮件链接 在属性面板中的链接栏输入mailto 邮件地址 mailto aaaa 超级链接 创建跳转菜单 例如制作一个友情链接 超级链接 blank在新的未命名的浏览器窗口中加载链接文档 parent在父框架页或包含该链接的框架窗口中加载链接文档 如果包含链接的框架不是嵌套的 则链接文档将加载到整个浏览器窗口中 self将链接文档加载到与链接相同的框架或窗口中 该目标是默认值 所以通常您不需要指定它 top将在整个浏览器窗口中加载链接文件 同时移除所有框架 top表示整页窗口 parent表示父窗口 实际使用中 它们没有任何区别 超级链接 目标窗口 blank self和 top parent的区别 HTML简要介绍 HTML 超文本标志语言HyperTextMarkupLanguage 为什么叫它 超 文本 也就是说它是文本但又超过一般文本的功能 我们阅读普通的文本 例如电子小说 时 只能从头到尾一页一页的 翻阅 而当你浏览网页时却可以点击链接从一页跳到另一页而不必把整个页面都看完 这就是 超 文本的真正含义 HTML是由标志和属性构成的 它们一起被用来告诉浏览器应该如何显示一页文档 标志用来引用一段文字或是一幅图片等文档部件 属性是标志的选项 在标志中修饰 如颜色 对齐方式 高度和宽度等 很多标志都成对出现 例如有就有前一个表示开始 后一个表示结束 内容放在两者之间 HTML四个重要的标签 表示该文件为HTML文件 包含文件的标题 使用的脚本 样式定义等HELLOWORLD 包含文件的标题 标题出现在浏览器标题栏中 的结束标志 放置浏览器中显示信息的所有标志和属性 其中内容在浏览器中显示这是我的第一个网页 的结束标志 的结束标志 其它主要标志 以下所有标志用在中 链接标志 为链接的文件地址 显示图片标志 为图片的地址 换行标志 分段标志 采用黑体字 采用斜体字 水平画线 定义表格 HTML中重要的标志 定义表格的行 用在中 表格单元 用在中 字体样式标志 常用属性 对齐属性ALIGN LEFT左对齐 缺省值 ALIGN CENTER居中ALIGN RIGHT右对齐范围属性WIDTH 象素值或百分比对象宽度HEIGHT 象素值或百分比对象高度色彩属性COLOR RRGGBB前景色BGCOLOR RRGGBB背景色 HTML入门 制作网页的基本要素 1 要有一定的美术功底 审美观念 要多学会观察 多欣赏一些中外优秀的作品 多欣赏广告作品 这对你的