Dreamweaver网页制作整理ppt.ppt

网页入门及小技术 楼斌 BBS ID：lou 生命科学学院 2004.03.26 DREAMWEVAER初步认识 编辑窗口 对象面板（Objects） 快速启动栏 从最简单的网页开始 文字属性面板 DREAMWEVAER的小技巧 2、在图形上显示文字 3、如何调整表格高度 4、轻松打造弹出窗口 【 4.1最基本的弹出窗口代码】 【4.2 经过设置后的弹出窗口】 【4.3 下面是一个完整的代码，用函数控制弹出窗口】 【4.4 弹出的窗口之定时关闭控制】 【4.5 同时弹出2个窗口】 【4.6 终极应用--弹出的窗口之Cookie控制】 5.调查信息以Email形式发送 6、这个E-mail地址可是与一般的不同哟!别人用软件也抓不到这个地址了!!! 7、给你的主页加上彩色边框 8、滚动条样式 9、水纹特效 PhotoImpact简介 Firework简介 架设自己的FTP服务 网页上传 用IE下载别人的程序 将程序从Temporay Internet Files拷出，修改为自己所需的。 其他 学习网站 水纹特效 1 2 注意此处要打钩 1、从0/pub/server/ftp-server/ftp-serv-u/ 处下载serv-u 5.0进行安装。 2、注册（注册码：HsVRCjxHMe/HwDOrrUxqeMuChKO0DdlzUy2tCGgcdMVQDs/7P9EdwjKrowsPF//h4YObIvknAH/FHA95cfEyb3wzQp2v7UfOzCFEFq722 3、设置 用IE上传网页 在IE的地址栏中输入 FTP：//用户名：密码@服务器地址 如ftp://lou@7 这样就登陆上了服务器了。 一、什么是FTP？ FTP是英文File Transfer Protocol(文件传输协议)的缩写。 二、常用FTP软件  在很久很久以前的UNIX的系统上的FTP程序是基于命令行的，有点象DOS的模样。现在的Window 95/98/NT仍然有基于命令行的字符界面的FTP程序，命令行的FTP使用起来自然不方便。 类似于Windows的图形界面流行开之后，自然就有了图形界面的FTP程序。WS_FTP是其中资格比较老的一个，CuteFtp相对年轻一些，而后来的Bullet Proof、Leaf FTP、Crystal就属于比较前卫的了。 另外，大部分浏览器，如IE、Netscape也支持FTP协议。如果你手头还没有FTP软件，那就只好使用浏览器来下载安装程序了。这是最简单的上传主页的办法,整个操作就象在本地计算机操作文件一样,通过复制、粘贴或多窗口拖放就能实现文件的上传和下载,非常直观。 缺点：速度慢！ 单击查看文件 样式文件 下拉菜单程序 如：从中下载菜单下拉程序： hierArrays-frame.js hierMenus.js MENU.JS 用记事本打开hierArrays-frame.js arMenu1 = new Array(200,,0, #224388,#224388, #ccdaf4,#b6cbea, #96abca,#96abca, 院部,xueyuan.htm,0, 生物系--微藻工程研究所,jg/weizao.htm,0, 生物系--生态学研究所,jg/shengtai.htm,0, 生物系--生化与分子生物学研究所,jg/shenghua.htm,0,) arMenu2 = new Array(200,,0, #224388,#224388, #ccdaf4,#b6cbea, #96abca,#96abca, 博士硕士点、科学介绍、出版教材及专著情况、招生信息,jx.htm,0) * * 网页设计的工具 1、FrontPage 最易学，与word基本相似 2、所见即所得的网页制作利器Dreamweaver 网页按钮制作工具 Ulead photoimpact 8.0 (横幅、项目符号、按钮、按钮栏、图标、导航条、分隔符） 图片工作 Photoshop 、flash、firework ???????????????????????????????????????????????????? 选 创建 代码区 所见即所得 Body区，网页主体 Head区，主要设置字体编码，网页标题等 　① 主菜单：编辑窗口的绝大部分功能； ② 工具栏 　③ 对象面板 ④ 属性面板 ⑤ 面板组（又称可停靠浮动面板） ⑥ 快速启动栏（又称启动面板） ⑦ 编辑区域：以所见即所得的方式显示被编辑网页内容 在网页编辑的过程中，通过单击对象面板的按钮