| ||
| 本站主要向大家介绍一些网页制作技巧。 |
| ||
| We updated the blogs.forumer.com You can now see new features when you login. Thank you for choosing Forumer, Have you created a community yet? If not, give it a try http://www.forumer.com | ||
| 0 Comments | Post Comment | Permanent Link |
| ||
不锈钢反应锅 低温试验箱 减震器 不锈钢反应锅 发酵罐 螺旋板换热器
打包机 液压机 干燥设备 发电机 化工机械 环保设备 除尘器 高温试验箱
| ||
| 0 Comments | Post Comment | Permanent Link |
| ||
随着Internet的普及,很多人已经不满足于仅仅上网冲浪,而希望深入地参与其中。现在,拥有自己的Web网站已经成为一种潮流。虽然制作一个简单的网页并不困难,但是制作出超凡脱俗的网站就不那么容易了,因此我们特意为大家准备了最新网站设计软件Dreamweaver MX 2004的系列教程,希望对大家有所帮助。 通常在一个网站中会有几十甚至几百个风格基本相似的页面,如果每次都重新设定网页结构以及相同栏目下的导航条、各类图标就显得非常麻烦,不过我们可以借助Dreamweaver MX 2004的模板功能来简化操作。其实模板的功能就是把网页布局和内容分离,在布局设计好之后将其存储为模板,这样相同布局的页面可以通过模板创建,因此能够极大提高工作效率。 一、制作模板 制作模板和制作一个普通的页面完全相同,只是不需要把页面的所有部分都制作完成,仅仅需要制作出导航条、标题栏等各个页面的公有部分,而把中间区域用页面的具体内容来填充。 第一步:先在Dreamweaver MX 2004中运行“File→New”命令,接着从所示的窗口中依次选定“Template page→HTML template”选项,点击“Create”按钮之后即可创建一个模板文件。 第二步:在页面设计视图下插入网页框架、导航条、Flash标题等所有页面公有的元素,然后运行“File→Save”命令将这个模板保存下来。 小提示:可以先下载一个中意的网页,然后在Dreamweaver MX 2004中打开它,仅仅保留框架等元素之后通过“File→Save as Template”命令将其保存为模板,这样能够省去很多制作模板的时间。 为了避免编辑时候误操作而导致模板中的元素变化,模板中的内容默认为不可编辑,只有把某个区域或者某段文本设置为可编辑状态之后,在由该模板创建的文档中才可以改变这个区域。先用鼠标选取某个区域(也就是每个页面不同内容的区域),接着运行“Modify→Templates→New Editable Region”命令,并且在弹出的对话框中为这个区域设定一个名称,这样就完成了编辑区域的设置。 小提示:设定好编辑区域之后需要运行“File→Save”命令保存所做的修改。 二、使用模板 有了模板之后,接下来就要在编辑网页时候使用它们了。只要在Dreamweaver MX 2004主窗口中运行“File→New”命令即可看见图1所示的新建窗口,接着进入“Templates”标签即可查看到已经保存的模板,从中选取一种还可以在右部的预览区进行预览,最后挑选一款中意的模板并点击下部“Create”按钮打开这个模板。 在打开的模板中,无法编辑的区域将呈高亮状态显示,但是有些位置是锁定区域,却不是高亮显示,这主要是因为图片正好盖住了背景的颜色。对于这种情况,可以运行“Edit→Preferences”命令,在弹出窗口的“Category”列表中选取“Highlighting”一项,接着在右部区域中选取“Locked regions”旁边的“Show”选项,并且设定高亮显示色为蓝色,这样就可以很清楚地分辨出模板中的锁定区域了。 小提示:如果仍然看不见高亮显示效果,还可以依次选中“View→Visual Aids→Invisible Elements”命令。 最后,我们只要在可编辑区域添加网页的内容就可以了,比如添加一些文字说明或者是插入相应的图片,最后通过“File→Save”命令保存页面即可。 三、修改和更换模板 在通过模板创建了若干个页面之后,如果需要更改页面或者增加栏目,再对所有的页面手工修改则非常麻烦,因此我们可以通过Dreamweaver MX 2004的模板修改功能来解决这个问题。比如我们对模板进行了修改之后,运行“File→Save”命令来保存模板,这时候会弹出提示框询问是否更新所有使用了该模板的页面,确认之后就会显示出更新的页面总数以及更新的时间等信息。 另外,Dreamweaver MX 2004还提供了一个为网页更换模板的功能,这样更换模板有点像给人换衣服,只要把各种模板制作好,然后想穿哪件就穿哪件。不过模板也不是随便可以更换的,可以更换模板的条件是被更换的页面必须是通过模板创建的,而且页面中的可编辑区域个数和名称必须与要更换模板的可编辑区域个数和名称相一致。比如一个网页中有3个可编辑区域,名称分别为t1、t2、t3。另外还有一个模板,无论这个模板什么结构,只要它也有3个可编辑区域,并且名称也是t1、t2和t3,那么就可以用它来为原先的网页更换新模板,而页面中3个可编辑区域的内容则相应保持不变。具体的更换模板方法也很简单,只要运行“Windows→Templates”命令打开模板面板,此时可以从上部区域挑选合适的模板,然后点击“Apply To Page”按钮,这样就可以很快完成模板更换操作了。 小提示:利用这个功能可以为网站首页分别制作夏天和冬天两个版本,这样可以非常方便地更换模板。 其实模板的相关内容还很多,不过限于篇幅只能选取部分介绍,希望大家能够举一反三,彻底领会到模板的精妙所在。
| ||
| 0 Comments | Post Comment | Permanent Link |
| ||
在Dreamweaver 4.0中,我们就已接触了模板与库的概念,知道它们是批量生成风格类似的网页的好工具。如今在Dreamweaver MX(以下简称DW MX)中,模板与库的功能得到了进一步细化与加强,尤其是实现关联网页自动更新的特点,使得模板与库成为DW MX的一大亮色。 1、首先我们来看看模板的应用,与Dreamweaver 4.0不同的是,DW MX把模板的操作拓展到了“Modify”与“Insert”两个菜单下,同时,在 “File”选项的“Assert”子选项中也可以直接创建模板。 2、找到“Assert”子选项,在左边的工具栏中单击“Templates”按钮,此时的模板为空,我们可以在右下角单击“New Template”按钮,一个空白的模板就会出现在面板中,点击模板名称,是模板进入可编辑状态,注意,此时的模板还没有任何添加任何元素,我们可以像编辑普通网页一样在模板上添加表格、图像、文字等。添加完后,保存模板,可以在默认站点文件夹的“Templates”子文件夹下找到刚才做好的模板,扩展名为.dwt。 如果嫌这样麻烦,DW MX还提供了一种更直接的方法,编辑好要保存为模板的网页后,在“File”菜单中点击“Save as Templates”,即可生成模板。 3、模板生成之后,还要建立可编辑区域,为将来填入不同的网页内容做准备,打开模板,单击菜单“Insert/Template Object/Editable Region”,出现可编辑区域对话框,指定区域名称后,可以看到模板中出现了蓝色的方框。 保存后就建立了可编辑区的模板。 4、如何批量生成网页呢?单击菜单“File/New”,选择“Templates”选项,马上就可以看到建立生成的模板,单击“Create”按钮,模板就开始自动套用在网页上。这个时候我们可以看到,原来的模板区域是黄色,其中的元素已经固定,不能编辑,而我们刚刚指定的可编辑区域是蓝色,可以编辑。这样一来,不但大大简化了我们生成相似网页的工作量,而且有效地保证了网页风格的一致性。 5、最后,就是关联网页批量更新,这是大型网站更新网页时必不可少的一项技术,在DW MX中可以轻易实现。因为我们所有的网页都套用了相同的模板,而且这些网页都被保存在同一个站点目录下,当我们要对所有网页的公共元素进行改动时,只需修改模板中的元素即可。 打开“Templates”子选项,双击关联网页的模板,这时候模板进入了可编辑状态,黄色区域消失,改变的模板的内容后,保存时就会出现一个提示对话框:“下列网页使用了当前模板,是否进行更新?”单击“Update”,此时,网站中所有基于模板创建的关联网页都将得到更新。 与模板类似,DW MX的库就显得更加灵活,在“Assert”选项卡上单击“Library”,打开库,暂时库中没有任何元素,我们把网页中要生成库的元素,如表格、图像,直接拖到库面板中即可。 注意,库中的元素决不仅仅是图像或文字本身,而且还包含了网页中排列这些图像的代码。因此,我们也可以像模板中一样,在网页上添加相同的库元素,从而批量生产风格类似的网页。这时,我们只要在库面板中将元素拖回到新网页上即可,而相关的代码会自动复制到新网页上。 而且,库元素也可以实现网站的批量更新,我们在库面板中单击库元素,使库进入可编辑状态,当改变了库元素并进行保存时,凡是使用了库元素的网页,会自动进行同步更新。 最后,对于自动更新还有一点补充:如果一个网页是应用了模板生成,然而自动更新时又想将它保持原状,不随着站点其余的网页一起更新,只需单击“Modify/Templates/Detach from Templates”,此时,这个网页就不再受到模板的约束,需要手动才能更新网页。 | ||
| 0 Comments | Post Comment | Permanent Link |
| ||
电热膜 万用表 电热膜 压力表 导热油 螺旋板换热器 大型贮罐
离心机 滤油机 轴承加热器 压力表 烟气分析仪 校平机 弯管
真空耙式干燥器 振动台 电加热器 示波器 不锈钢反应锅 IC卡座
| ||
| 0 Comments | Post Comment | Permanent Link |
| ||
平时当我们用IE浏览浏览器来浏览,一些网页的时候,往往会发现有的汉字网页中出现乱码,好端端的一个页面却无法辨认。真是烦人那。干脆不看了。出现这种情况是网页制作者最为痛心的事情。如何防止出现这种情况呢?我们下面就来谈谈这个问题。 很多的网页制作者通过Netscape Navigator内置的网页编辑器来编辑中文网页,其中出现的所谓乱码实际上是一种流行于Internet上的汉字(HZ)内码。对于Netscape Navigator,所默认的网页内码为HZ码。比如“·&snp2 Ê&Ccedil,&Vacnte;&maer;”就是一堆HZ码。当一页html文件由Netscape Navigator编制完成时,如果不加上特殊的注解命令,那么该html文件内的所有汉字字符就会被Netscape Navigator转换成HZ码。
然而目前在用户端经常使用的浏览器有很多种,包括Internet Explorer,Netscape,Opera等。用户在使用非Netscape浏览器进行阅读时,这些HZ码便会照原样显示在屏幕上,形成“汉字乱码” 解决这一问题的方法其实很简单,我们只须在网页的源文件的栏内加入下面的命令: charset=gb2312”> 其中“charset”的参数是起关键作用的地方。对于用BIG5码制作的中文网页,则应改为“charset=big5”。
依照上面的作法进行设置后,我们再用Internet Explorer或Opera来浏览,发现汉字显示正常了。 | ||
| 0 Comments | Post Comment | Permanent Link |
| ||
在访问一个页面的时候,我们会发现,当鼠标移动到具有超级连接的文字上的时候,有的会产生相应的下划线。然而有些网页却没有。主页超链接的下划线是如何去掉的呢? 我们在 ...之间插入下面的代码。 更简单的方法是:
下面我们在看一看效果,试着将鼠标移动到下面的超级链接上去,是不是超级链接不会产生下划线了。 | ||
| 0 Comments | Post Comment | Permanent Link |
| ||
学会上网后,谁都想在网上安个家,既可以借此总结自己学习的体会,也可以给自己一个展示自我的机会,会很有成就感的哦。所以,学会制作简单的网页是广大网民共同的心愿。当然,不同人在制作网页上的初衷和在内容的选择上都会有极大不同。年轻人会选择比较花哨些的东东,借以展显自己的制作水平;而老年人,就比较侧重于网页的内容,把它当作内容的载体。因此,在页面的要求上会有不同。 | ||
| 0 Comments | Post Comment | Permanent Link |
| ||
1、网页制作的一般步骤
第一: 明确网页制作的目的。比如,公司通过主页进行广告宣传;工程师通过主页与合作者讨论项目;个人通过主页展示自己,和网友交朋友。
2、创建新的主页或站点
Web页面可用预定义模板来创建,也可不采用模板而在空白页上自己进行设计。创建新页面的步骤如下:
3、打开原有的网页
如果想要打开当前Web站点的一个页面,选“文件”菜单中的“打开”命令,或单击常用工具栏的“打开”按钮,则弹出“打开文件”对话框如下:
4、格式化文本
输入文本
5、插入图形和水平线
1.在网页中插入图形
6、在web页面中使用表格
插入表格
7、建立超级链接
超链接(HyperLink)的出现使网上浏览变得更加便捷,只须用鼠标轻轻点击,便能轻松地从一个页面跳转到另一个页面,从一个Web站点跳到另一个Web站点,从一个国家跳到另一个国家。超链接就是一些特殊的文本或图像,是其它页面的入口。
8、使用框架
增加新框架
9、FrontPage组件
使用横幅广告管理器
10、设置网页属性
Web页有自己的一组属性,通过选择“文件”菜单中的“属性”或通过鼠标右键单击页内任何位置,选择快捷菜单中的“网页属性”命令,可以打开“网页属性”对话框,在“常规”选项卡中,各项设置含义如下:
11、动态网页
使用DHTML的基本步骤
| ||
| 0 Comments | Post Comment | Permanent Link |
| ||
使用表单域:表单域是用来制作简单的交互式网页的,如:登记表、调查表和数据记录表等。
1.文本框
“单行文本框”很适合简短回答,如姓名、地址、邮编和电话号码等;如果需要读者填人更详细的信息或说明文字时,最好用“滚动文本框”。当浏览器中出现单行文本框时,用户可单击此框并输入所要求的信息。有默认值的情况下文本长度并不局限于框的长度,如果文本超出右边界,文本则从右向左移动。“滚动文本框”使用方法与上述基本相同,只是文本到了右边则自动回行,并且到了框底部时可以向上滚动。
2.复选框
功能:用于实现单项或多项选择。 3.单选按钮
功能:用户在一组选项中只能选一种。
4.下拉菜单
从多个菜单式选项中选择,可选一个或多个选项。 5.按钮 “提交”按钮:表示用户填完一个表单把数据送到服务器上保存。 6.创建表单页面 (1)新建一个普通页面(Normal Page),最快捷的操作是直接单击工具栏中的“新建网页”按钮。 然后,从“插入”菜单的“表单”子菜单中选择“表单”命令,以同时插入一个提交按钮和一个重置按钮。将光标定位于表单区域的开始,输入“姓名(收件人):”,从“插入”菜单的“表单”子菜单中选择“单行文本框”命令,以给“姓名:”插入一个单行文本框,双击该文本框,在弹出的对话框中的“名称”文本框输入Name;按Enter键,以将光标定位于下一行,输入“单位名称:”井为其插入一个单行文本框。然后分别在不同的行输入“地址:”、“邮政编码:”、“电话:”、“传真:”和“E一mail”,并分别为它们插入一个单行文本框,分别双击这些文本框,在弹出的属性对话框中分别将“名称”文本框设置为address,postcode,te1ephone,fax和E-mai1;在E-mail后的新行输入“备注:”,并为其插入一个滚动文本框,双击该文本框,在弹出的对话框的“名称”文本框中输人note。按以上步骤设计成的表单如下。 7.创建确认页面 (1)新建一个普通页面(Normal Page)。从“插入”菜单的“组件”子菜单中选择“确认域”命令,在“确认字段属性”对话框中输入“[name]”,它与刚才建立的页面中表单域的名字相对应,依次再插入单位名称[company],地址[address],邮政编码[postcode],电话[te1ephone],传真[fax],E-mail[e-mai1],备注[note]。 | ||
| 0 Comments | Post Comment | Permanent Link |
| ||
1、给图形增加缩略图
如果你在网页中插入了一幅大的图片,会严重影响下载速度,使用此功能可以避免这种现象。原理是:先显示此图的缩略图,当真正对此图感兴趣的人点击缩略图后,才下载真正的图片。方法是先插入该幅大图片,然后选中它,再按自动缩略图按钮,就会出现缩略图。当鼠标指针移动到其上时,会显示真实图片的文件大小。点击则显示实际图片。这一功能在制作图片素材类网站中特别有用。
2、怎样插入竖直线
我们都知道用< hr >可以插入一条水平线,但如何插入一条竖直线呢?
3、设置图片热点连接
有时你可能不希望一张图片都做上连接,只想为图片的某部分做上连接,这就叫做提片热点连接。如何做到呢?我们点击一下想要做热点连接的图片,你会看到Frontpage2000会自动在编辑区下面弹出一个工具栏。
4、设置背景音乐
除了设置背景图象或背景颜色,你还可以设置一种背景音乐或声音。但这个设置是在页面属性对话框的“常规”标签下。所以,点击“常规”标签,在显示的对话框中下部你可以看到有一项是“背景音乐”,在该项目下面的“位置”框中你可以键入你所要加入的声音文件所在的路径和文件名。你也可以点击右边的“浏览”键,在弹出的对话框中选择文件所在的路径和文件名。在“循环次数”选单中你可以设定背景声音文件循环播放的次数,如果你选中“循环次数”右边的“不限次数”选框,则你所设定的背景声音将一直循环播放,直到你转到别的网页或网站浏览时为止。
5、插入Flash动画
点击“插入”菜单,然后选“高级”中的“插件”,这时会出现“插件属性”对话框,在“数据源”中填入待插入的Flash动画所在的路径,然后在“大小”中填入该动画的尺寸,其他都用默认的就行了。 6、文字上下移动
首先输入一行文字,如“上下移动”,将文字全部选中,然后单击“插入”菜单,选择“Web组件”命令,这时会出现一个“插入Web组件”对话框,在左边的列表框中选择“动态效果”,在右边的列表框中双击“字幕”,打开“字幕属性”对话框,我们可以看到文本的默认方向是向“左”移动的,把它改为“右”,这时我们还要切换到“html”窗口,找到“< marquee direction="right" >上下移动< /marquee >”,把里面的“right”改为“up”(或down),再切换到“预览”里,就可以看到字体上下移动了。
7、任意放置图片
在网页制作过程中,你是否遇到过这种情况:把一幅图片固定好以后,过一会儿又想把这幅图挪到另一个地方去,这可不是简单的事情。不过你可以试试绝对定位法,首先选中该图片,然后单击“格式”菜单下的“定位”命令,在弹出的“定位”对话框中,选择“定位样式”下的“绝对”,这时你可以在“位置与大小”中设置你想要的图片的大小和位置,就可以把图片放到你想要的地方去了。还有更简单的,选中“绝对”后,按下“确定”按钮,回到编辑区,然后把鼠标指针放到图片上面,就可以随意拖动到任意位置了。
8、如何去掉超链接的下划线
我们可以用CSS语法来控制超链接的形式、颜色变化。
| ||
| 0 Comments | Post Comment | Permanent Link |