2011-05培训-1.doc

工作基本模式：收稿、编辑、上传稿件来源：1. 网站邮箱2. 信息员上传3. 约稿或征集4. 网站收集5. 自己采访、编辑或手打收稿要求：1. 在自己的机器上建立一个专用文件夹，里边再以日期建立子文件夹，用来保存稿件。2. 邮箱文件下载后保存在自己的文件夹里，并对邮件进行回复或做好标记，如：您的稿件已经收到，感谢您对我们工作的支持。这样其他编辑就知道这篇文章已经有人负责了，从而减少重复劳动。3. 每位编辑收到、编辑、上传的稿件都要做好记录，记录的格式如下：编号日期栏目名称来源联系方式使用情况尤其强调的是要做好联系方式的记录，以保证我们能联系到我们的信息员，年末要统计来稿数量，以便给信息员发奖，同时做好记录也方便我们自己统计工作量。编辑稿件：将电子稿复制到Dreamware（以下简称DW）中，手打的可以直接在DW中进行，制作一份符合网页要求的代码。所谓代码，就是HTML语言，HTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。html 不是程式语言，它只是标示语言。它通过各种标记（tag）使文件达到预期的显示效果。基本上你只要明白了各种标记的用法便算学懂了 html，html 的格式非常简单，只是由文字及标记组合而成，于编辑方面，任何文字编辑器都可以，只要能将文件另存成 ascii 纯文字格式即可，当然 以专业的网页编辑软件为佳。目前，网页制作软件层出不穷，而Dreaveware则是其中的佼佼者。可视化的特性可以让你在使用DW时，无须编写一句代码就可以快速创建出自己的网页，同时也提供了纯粹的代码编辑环境。在DW代码视图中，中（包括在内）的内容都叫代码。【HTML语言的基本结构】标题 正文部分这个例子包含了html中最基本的元素，首先是这一组标记符，然后在它里面是标记符的元素体。html元素的元素体由两大部分组成，头元素,体元素另外还有一些注释。这样就可以形成一个个我们看到的美伦美奂的网页。1、“文件头”标记符(head) 文件头标记符也就是通常见到的标记符，标记符在网页中是看不到的，因为它包含在HTML语言的“”标记符之间，而通常我们所见到的网页内容只有在“”之间的才可以在文档中显示出来.2、“文件标题”（Title）Title元素是文件头里唯一一个必须出现的元素，它也只能出现在文件头里.它的格式如下：标题标题表示该HTML文件的名称，是对文件的概述。标题对于一个文件来说是非常重要的，我们可以从一个好的标题中判断出该文件大概的内容。不过文件的标题一般不会显示在文本窗口中，而以窗口的名称显示出来。3.“文件体”标记符（body）文件体标记符由开始.结束，它的中间是网页文档的正文部分。我们在网页中进行的背景颜色的设定，或是图片的设定或是连结字体的颜色,都要放在这个标记符里。4.“标题”标记符（hn）标题标记符用于显示HTML文件的各级标题，格式如下：标题内容其中n为16的数字，数字越大，字越小。也就是说（h1）最大，（h6）最小，希望大家记住这一点。标题内容用黑体字显示，各行之间自动换行。在我们制作网页时，一般作文本正文，而h6字体由于太小，一般用得很少。5、字体和段落标记符（1）网页中字体大小设定标识符下面我们来看一看它的有关设置方法。它的语法是：文字内容。它的大小一共有七种，也就是（最小）到（最大），另外，还有一种写法：文字内容，其意思就是说：比预设字大一级。当然也可以 font size=+2（比预设字大二级），或是 font size=-1（比预设字小一级），以一般而言，预设字体多为3。（2）文字的字型设定标记符我们在这里说的字型设定主要是指文字的字型，比如说宋体，楷体等。它们在网上用得也十分广泛。唯一的一个限制是：对方也要有该字型！否则看到的仍然还是宋体。另外要说明的是，这个标记符无法保证在每个浏览器上都能正常的显现，不过这并没有关系，看不到特殊的字型时，浏览器仍会以宋体来显示，所以不用怕会一团乱！ （3）分段标记符由于在HTML里它的浏览器是基于窗口的，因此用户可以随时改变显示区的大小。不过由于HTML语言是不认识我们所谓的Enter键或空白键，所以不管按了多少次的空白或Enter，浏览器都会当作没看见。因此我们在HTML里的分段依赖于强制断行标记符和强制分段标记符。6、图像标记符在HTML里，一般用来表示我们插入的图像。在这里，img表示图像的标记符，而属性src后面的引号中表示图像路径及文件名，width后面填写的是图像的宽度,height后面填写的是图像的高度,align为图像的对齐方式.一般我们使用的图像格式有2种，gif和jpeg.二者的加载方法一样。在使用图像标记符时有两件事值得我们注意一下，一是文件名，二是路径。如果文件名和路径不正确的话在网页中的图像是无法显示的。 7、表格标记符在HTML里，一个表格由开始，由结束，在表格里的属性由表示表格的行，表示表格的列数和相应栏目的名称，表示单元格组成。此外我们还可以设置表格的表宽“width=#”和表高“height=#”，#表示是以象素为单位的整数。边框宽度“border”，#为宽度值，单位是象素。表格间距即划分表格的线的粗细用“cellspacing=#”来表示.以及表格颜色用“bgcolor=#”来表示,#是十六进制的6位数，格式为rrggbb,表示红，绿，蓝三色的分量。表格的合并在中使用rowspan或colspan。8、框架标记符使用框架可以将浏览器分成多个区域，每个区域都是相对独立的，可以显示HTML文件9、层标记符所谓层,也就是网页内容的容器.只有在Dreamweaver里才有层。层分为两种类型：CSS和Netscape层。前者在HTML文件中的层标记符使用Div和Span，被浏览器Internet explore4.0和Netscape4.0支持。后者使用Layer和Ilayer，被Netscape4.0支持。Dreamweaver 8对以上4种层都支持。层的基本语句如下：在这里，id表示层的编号，style表示层的方式，left表示层左边界距离浏览器窗口左边界的距离，top表示层上边界距离浏览器窗口上边界的距离，width表示层的宽度，height表示层的高度，z-index表示在垂直平面的方向上层的顺序号。编辑要求：1. 将软回车换成硬回车，其目的是增大段落之间的间隔，便于读者阅读方法：文字少的（少于一页）可用手工的方法去删除，文字多的用查找与替换的方法。也可以在每个段落后面，再增加一个硬回车，显示效果是一样的，只是看起来不那么专业而已。2. 设置字型、字号、颜色及其它样式3. 插入图片、更改链接地址常用技巧：1. 利用查找与替换可以加快工作进度并减轻工作强度。2. 熟练使用快捷键可以让你的工作看起来更专业。3. 尽量用英文或者数字作为文件名称4. 插入图片时直接拖动到网页中适量位置5. 用Word制作艺术字或数学公式，然后截图保存，再插入到DW中6. 使用全角输入空格，DW中对空格输入的限制是针对“半角”文字状态而言的，因此通过将输入法调整到全角模式就可以避免了，方法是：打开中文输入法（以人工智能ABC为例），按Shift+Space切换到全角状态，现在应该没问题了。7. 为图片添加指定颜色的边框：对于没有边框的图片而言，直接插入到网页中，在显示效果上是相当差的。“Border”属性，可以让你直接设置边框的宽度。宽度设好了，你一定会问，颜色呢？面板上并没有提供颜色的选择呀！呵呵，其实这里有一个技巧问题，用鼠标选择图片对象，注意不是点击选中，而是拖动选择。象设定文字颜色一样进行就可以了。8. 把自己的文件供别人下载：在不少初级网页制作者看来,好象通过鼠标单击完成下载是件很神秘的事,实际上远非如此.在DW中凡是不被浏览器识别的格式文件(HTM,HTML,ASP,PHP.PERL,SHTML等以外的)作为链接目标时,默认的操作都是下载.这时你只需要,把要浏览者下载的文件名写好,然后制作一个到目标文件的链接.注意目录一定不要搞错.9. 为访问者设置正确的软件下载链接：与其它链接一样，都使用标签。但对于软件下载链接，你需要这样设置：Download tiantao.zip (188kb)10. 去除掉链接文字下面的下划线：在我们完成链接制作后，链接文字内容往往被自动在下面添加一条下划线，用来标示该内容包含超级链接。当一个网页中链接比较多时，就显得有些杂乱的感觉了，其实我们可以很方便的把它去掉。同样进入“Edit style sheet”窗口，单击“New”确立新样式，这里的Type（类型）中，需要选择的是“Redefine HTML Tag”，同时在具体的标记Tag中选中代表超级链接的“a”，单击OK。 编辑该样式，左边列表中选“Type”，勾取“Decoration”（修饰）中的“None”复选框，这时所有网页中的链接文字下划线都被清除掉了。11. 使文字和图片内容共处：我们都知道，在DW中，图片对象往往是独占一行的，那么文字内容只能在与其平行的一行的位置上，怎么样才可以让文字围绕着图片显示呢？选中图片，在属性面板的右上方你能看到一个“Align”的属性选单，选择“Left”，这时你会发现文字已经均匀的排列在图片的右边了。12. 网 页 中 加 入E-mail 链 接 并 显 示 预 定 的 主 题：A HREF=mailto:?subject=test13. 链接本网页的对象：-有时链接发生在一个网页里,比如页面上半部分列出了目录,下部分就列出了内容,而单击目录任何一个项目都可以跳到指定部分,可以在要被链接的内容部分设置如下方式:< A NAME= t1 >< /A >而 要 链 接 到 以 上 设 置 的 部 分, 可 以 如 下 编 制:< A HREF=index.htm t1 >t1< /A >14. 学会合理的运用色彩，可以增强网页所要表达的主题，展示你的个性。每一种颜色，都有独自的内涵，看看下表，你就明白了：黑色：严肃、文雅、庄重、悲哀 茶色：老练、深沉、冷静白色：纯洁、神圣、和平、高雅 黄色：轻快、活泼、兴奋绿色：青春、宁静、活力、娴静 橙色：光明、闷满、活力紫色：高贵、威严、忧郁、虚荣 蓝色：智慧、安静、寒冷红色：活泼、醒目、喜庆、热情 灰色：安静、柔和、神秘15. 让浏览器正确显示word文件格式：为了正确处理word等格式，你需要在HTML文件中设置好该文件类型，比如：还有其它经常设置的文件类型：Application/msword Microsoft Word Document application/pdf PDF Documentapplication/wordperfect6.0 WordPerfect 6.0 Documentapplication/zip ZIP archiveaudio/x-wav WAV audio formataudio/midi MIDI audio formataudio/x-pn-realaudio RealAudioimage/gif GIF image formatimage/jpeg JPEG image formatimage/png PNG image formattext/html HTML documenttext/plain Plain textvideo/mpeg MPEG video formatvideo/quicktime QuickTime video formatvideo/x-msvideo AVI video format16. 正确使用字体：设置文本字体是网页制作中很重要的的环节，但因为并不是每一位访问者都有你设置的字体，所以尽量使用操作系统默认的字体宋体，黑体，楷体。对于其它类型字体可以用图形方式实现。17. 利用水平线(HR)制作垂直线：插入HR很简单：。如何让它垂直呢，更简单：。图片处理软件：画图（Windows自带）、ACDSee、光影魔术手、Photoshop（功能强大、操作复杂）个人推荐使用ACDSee，可以用它进行图片大小的批量修改和重命名，还可以进行简单的裁剪和处理，速度快，基本能满足我们编辑的日常应用。截图软件：最原始的方法（按PrintScr键截屏再在画图中