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