现代教育技术部.pptVIP

现代教育技术部 张建威 培训说明 培训目的： 使参加培训人员掌握基本的网页制作维护技能，自主运用相关软件进行网页维护。 学习建议： 学习前提：熟练进行基本的文件操作，熟练使用Office和简单常用的工具软件 参阅：网上有相关教程、任何一本Dreamweaver学习书籍 学习内容 静态网站维护初步：运用Dreamweaver，对已经存在的静态网站进行内容更新；学习文字录入编辑，段落编排，表格运用，图片插入编辑，超级链接；简单了解Html 图形处理初步：学会运用Photoshop对图片做简单的处理 学习使用相关工具软件：CuteFtp, Acdsee, et al 动态网站维护高级技巧 相关背景知识 大医域名：学校内主页服务器有:www, home, inner 主页发布原理服务器安装了默认的主页发布程序，网站用户事先将制作完成的网站上传到服务器指定目录下。服务器正常工作时，网络用户访问该服务器进行浏览请求，即可进行网页浏览 普通静态网页的特点和工作原理 主机IP地址： IP地址是Internet上主机的数字式标识符。它具有唯一性。联网客户机有IP地址，服务器也有IP地址 连接服务器有两种方式：域名方式，IP方式 VS 0 网站编辑的大概步骤 网站构划 收集素材 勾画草案 网页制作 调试修改 发布 维护更新 连接过程：打开建立好的标签，填写用户密码，连接本地和服务器；成功后，选中本地窗口的文件，用文件上传按钮传送至服务器；选中服务器上的文件，用文件下载按钮传送至本地。 在服务器端可做的操作和设定：新建文件夹，文件（文件夹）更名、删除、权限的设定等 Dreamweaver界面介绍 简单系统环境设定 “编辑”菜单的“首选参数”选项的设定： “常规” 编辑选项：使用CSS而不是Html代码不选中（因为会整体运用CSS设定） 隐藏表格宽度显示方便操作 站点建立 新建站点 利用文件面板的管理站点窗口建立一个站点可采用基本模式，利用向导完成设定；也可以用高级模式。具体：需要设定站点名称、本地根文件夹。其他项可暂时采用默认设定。 编辑站点 删除编辑站点列表 基础操作——新建文件 新建文件 第一种方法：通过 文件 新建命令，然后再保存，这种方法可新建出各种类型文件常用：基本页(html),框架,模版,CSS文件,动态页(ASP,PHP,JSP) 第二种方法：通过文件面板新建.htm文件 静态网页维护时的编辑方式，即静态主页更新维护增加新页面的方式：对已有文件进行复制、粘贴，然后对新文件更名，再修改其内容。特点：保留原有文件的图片，整体框架格局等，只改变文字和链接 文件的命名原则和层次管理 主页文件（夹）名称约定 不能用中文和不合文件名规范的名称； 首页必须为index.htm或者default.htm等默认首页文件名 文件层次管理 文件命名经验：对不同内容的文件名称的起名方法: 多利用下划线，原则是便于记忆维护。 book_admin.htm, update_030612.htm 文件层次管理：不同栏目设立不同文件夹；利用文件名区分；图片和文件一般要分开，单独设立图片目录images 打开文件及特殊文本处理 通过文件 打开命令在文件面板站点文件夹中里找到相应文件，双击打开 复制word文件的内容到网页：要注意祛除word本身所带的各种控制符项，一般情况下，可直接复制、粘帖。特殊情况下，可通过二次粘贴——先经过记事本，再粘贴至网页文件或者通过DW的选择性粘帖功能进行 页面属性的设定 网页标题除了frame页面，不要使任何一个页面标题为: untitled documents 背景图片（介绍图片的平铺方式） 页边空白距离设定 其他 e.g. 编码方式等 在CSS里进行设定而一般不在页面属性设定的要素包括 链接颜色 网页文字颜色 文档编辑 基本字块操作：文字的复制、粘贴、剪切，查找、替换、删除； 字的属性设定： 字号 颜色 字形 对齐方式 字体 问题：能否随意设定主页文字的字体，象在word里那样？能否随意设定文字的颜色？？ Attention! 字体设定重要原则：兼顾受众安全中文字体：宋体、仿宋体、黑体、楷体特殊字体的处理方法：图片一些特殊符号输入的处理方法：小图片繁体字、生僻字应用全拼等输入法，采用GBK字库，如喆(！上标下标有专门的html标记: sub, sup) 颜色知识：介绍网页安全色216色（兼顾pc和Macintosh）特殊颜色需要承担风险！ 其他编辑操作 特殊字符插入 特殊格式：项目编号 水平线 文字对齐方式及段落格式的设定 回车和空格问题 段内换行，段落换行 nbsp; 全角空格 插入图片和Flash 采用压缩格式: JPEG, GIF, PNG jpeg保留图