null网页入门及小技术网页入门及小技术楼斌
BBS ID:lou
生命科学学院
2004.03.26null网页设计的工具
1、FrontPage 最易学,与word基本相似
2、所见即所得的网页制作利器Dreamweaver
网页按钮制作工具
Ulead photoimpact 8.0 (横幅、项目符号、按钮、按钮栏、图标、导航条、分隔符)
图片工作
Photoshop 、flash、fireworkDREAMWEVAER初步认识DREAMWEVAER初步认识nullnull选 创建null代码区所见即所得Body区,网页主体Head区,主要设置字体编码,网页标题等编辑窗口编辑窗口 ① 主菜单:编辑窗口的绝大部分功能;
② 工具栏
③ 对象面板
④ 属性面板
⑤ 面板组(又称可停靠浮动面板)
⑥ 快速启动栏(又称启动面板)
⑦ 编辑区域:以"所见即所得"的方式显示被编辑网页内容对象面板(Objects)对象面板(Objects)在网页编辑的过程中,通过单击对象面板的按钮来为网页添加相应的元素,如图片、表格、层、Flash。我们称这些元素为为对象。单击对象面板上的向下箭头,能插入其他类型的对象,如特殊字符(Characters)、表单(Froms)等。快速启动栏快速启动栏是切换到站点管理器,是切换到行为面板,是查看网页源代码。查看历史记录Properties属性面板:Crtl+F3 CSS Styles样式面板:Shift+F11 Behaviors行为面板:Shift+F3 Objects对象面板:Crtl+F2 从最简单的网页开始从最简单的网页开始文字属性面板文字属性面板选择链接对象粗体、斜体、文字方式设置文字颜色DREAMWEVAER的小技巧DREAMWEVAER的小技巧1、有些主页,若把鼠标指向某个链接,在状态栏会出现该链接的说明,是不是会感觉很方便?其实这不难做到,只要在链接语句中加入以下的内容,就可以实现了! 试试看! 〈HTML〉 〈HEAD〉 〈TITLE〉链接说明〈/TITLE〉 〈/HEAD〉 〈BODY〉
厦门大学 〈/BODY〉 〈/HTML〉2、在图形上显示文字
2、在图形上显示文字
要在图形上显示文字,您可能立刻就会想到使用Java来实现这一功能。但这里,我要介绍给您的是直接用HTML的方法。"用层技术?","非也!",方法非常简单:使用表格,在表中键入文字,然后用您希望的图形作为这个表格的背景文件。图形的大小需与表格相同。这样您就已经轻易地在图形上显示文字了。
3、如何调整表格高度3、如何调整表格高度 有时当我们拖动表格的边框,无论怎样拖动,等到放下鼠标,表格却又恢复到原来的样子。试着拖动表格的边框看看。
出现这种情况的原因在于我们已经为表格提供了一个固定的高度,其直观表象就是无论你怎样拖动表格的边框,表格的高度都不变化。
我们首先需要选定表格。比较简单的方法是,将光标移动到表格内,然后按“ctrl+a”,看看,不是就选中了与包含光标所在位置的最小的表格了吗。
选定了表格以后,在properties框(属性框)中点击一下“clear row heights”图标(下图中带红框的按钮),表格的高度设定值就被取消了。这时表格的高度会按照表格的内容自动的匹配高度。
不只有上面的一种方法,我们也可
以选中表格,在表格的属性框中直接删
除掉表格的height值就可以了。
同样的,该方法也适用于改变表格
的宽度的情况,只不过,选定了表格以
后,删除的不是行的高度,而是列的宽度。 若表格只需很小的一行高,如1象素,则可以从程序中
| 改为
| 4、轻松打造弹出窗口4、轻松打造弹出窗口1. 首先,从菜单栏中Window- >Behaviors (窗口- >行为)或直接按快捷键Shift+F3调出行为面板。 null2. 如图所示,按行为面板左上角的“+”号添加行为,在弹出的菜单中选择“Open Browser Window(打开浏览器窗口)”行为,或选择“弹出信息”。通 知
28日春游…….【 4.1最基本的弹出窗口代码】【 4.1最基本的弹出窗口代码】以代码方式实现:将代码放在HTML的任意位置,和之间可以,间也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。
window.open ('page.html') 用于控制弹出新的窗口page.html
如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://和相对路径(../)均可。 【4.2 经过设置后的弹出窗口】【4.2 经过设置后的弹出窗口】 下面再说一说弹出窗口的设置。我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。 参数解释: top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素值; toolbar=no 是否显示工具栏,yes为显示; menubar,scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小,yes为允许; location=no 是否显示地址栏,yes为允许; status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;js脚本开始;弹出新窗口的命令弹出窗口的文件名窗口高、宽度弹出窗口的名字(不是文件名),非必须,可用空''代替;【4.3 下面是一个完整的代码,用函数控制弹出窗口】【4.3 下面是一个完整的代码,用函数控制弹出窗口】 ……….
这里定义了一个函数openwin(),函数内容就是打开一个窗口。怎么调用呢?
方法一: 浏览器读页面时弹出窗口; 方法二: 浏览器离开页面时弹出窗口; 方法三:用一个连接调用:
打开一个窗口 注意:使用的“#”是虚连接。
方法四:用一个按钮调用:
【4.4 弹出的窗口之定时关闭控制】【4.4 弹出的窗口之定时关闭控制】 如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则...),让它10秒后自动关闭是不是更酷了?
首先,将如下代码加入page.html文件的区:
然后,再用 这一句话代替page.html中原有的这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。)【在弹出窗口中加上一个关闭按钮】
呵呵,现在更加完美了!【4.5 同时弹出2个窗口】【4.5 同时弹出2个窗口】 为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。
注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全
部为空。【4.6 终极应用--弹出的窗口之Cookie控制】【4.6 终极应用--弹出的窗口之Cookie控制】首先,将如下代码加入主页面HTML的区: 然后,用(注意不是openwin而是loadpop!) 替换主页面中原有的这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。5.调查信息以Email形式发送 5.调查信息以Email形式发送 在一些页面上我们经常能看到调查信息,它是反馈浏览者信息的重要方式,这个例子是一个简单的调查,填写的信息将以电子邮件方式直接发送到指定信箱。
null
6、这个E-mail地址可是与一般的不同哟!别人用软件也抓不到这个地址了!!!
6、这个E-mail地址可是与一般的不同哟!别人用软件也抓不到这个地址了!!!
脚本说明:
把如下代码加入区域中
7、给你的主页加上彩色边框 7、给你的主页加上彩色边框
以上是加框框的代码,直接修改加入您的主页代码〈body〉〈/body〉中即可。
8、滚动条样式 8、滚动条样式
9、水纹特效 9、水纹特效 将以下代码加入下
此处根据自己的图片的位置来写nullnull水纹特效PhotoImpact简介PhotoImpact简介nullnullFirework简介Firework简介nullnullnull12注意此处要打钩架设自己的FTP服务架设自己的FTP服务1、从ftp://210.34.14.10/pub/server/ftp-server/ftp-serv-u/ 处下载serv-u 5.0进行安装。
2、注册(注册码:HsVRCjxHMe/HwDOrrUxqeMuChKO0DdlzUy2tCGgcdMVQDs/7P9EdwjKrowsPF//h4YObIvknAH/FHA95cfEyb3wzQp2v7UfOzCFEFq722
3、设置网页上传网页上传用IE上传网页
在IE的地址栏中输入
FTP://用户名:密码@服务器地址
如ftp://lou@210.34.20.17 这样就登陆上了服务器了。 一、什么是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软件,那就只好使用浏览器来下载安装程序了。这是最简单的上传主页的
办法
鲁班奖评选办法下载鲁班奖评选办法下载鲁班奖评选办法下载企业年金办法下载企业年金办法下载
,整个操作就象在本地计算机操作文件一样,通过复制、粘贴或多窗口拖放就能实现文件的上传和下载,非常直观。 缺点:速度慢!用IE下载别人的程序用IE下载别人的程序null单击查看文件null样式文件下拉菜单程序将程序从Temporay Internet Files拷出,修改为自己所需的。将程序从Temporay Internet Files拷出,修改为自己所需的。如:从life.xmu.edu.cn中下载菜单下拉程序:
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)
null代码如下:
在此处加入代码其他其他powerpoint课件转为网页
格式
pdf格式笔记格式下载页码格式下载公文格式下载简报格式下载
将课件的
ppt
关于艾滋病ppt课件精益管理ppt下载地图下载ppt可编辑假如ppt教学课件下载triz基础知识ppt
格式另存为htm格式,链接时取*.files文件夹中的fullscreen.htm。可防止将整个课件下载。
如http://life.xmu.edu.cn/kejian/biology2002/01/fullscreen.htmword制作网页
在word里制作网页,适合一般的通知类网页,文件保存时存为htm格式即可。
另类用途:可将work文档中的图保持原有质量地还原出来。
如何改变“我的文档”的默认位置。 选中“我的文档”点鼠标右键,选属性,将“目标文件夹”中的位置改为自己所选的位置就OK了。将原来的C:改为D:或其它学习网站学习网站http://www.hongen.com/pc/homepage/dreamweaver/dw0101.htm搜索引擎网站http://www.baidu.com
http://www.google.com (校内无法连上)null谢谢大家!