如今最时髦的就是上彀了,看到一个个精巧的小我网站,是不是也有种激动想本身来做网站?做网站可得做得好啊!Dreamweaver MX中文版的呈现,使造造一个功用强大的网站,变得很随便,能够随便的做出以前被认为很复杂的ASP,PHP网站。很重要的一点,它是中文版的,各人以后不会为看不懂英文头痛了J我晓得各人的心绪,很想快速学好造造网页,特殊是一些想处置那个行业的人,进修网页造造时拜托了很高的期看,任何一个不大白的处所,都有可能被卡住。
在接下来的教程中,将会给各人讲的尽量通俗易懂,一看就会。因为是中文版,有些简单的部门只会稍做介绍,随便出错和价值很高的部门,将做为重点。通过几个建站实例,一步一步的带各人掌握网页造造手艺。我觉得做网站造造中,起首要领会的就是造造流程了。
整个网站的造造流程:在Photoshop或者Fireworks中做出效果图→切图→在Dreamweaver中添加文字,定义款式。
利用Dreamweaver也能够造造出整个网站,只是Dreamweaver自己不合适处置图片,需要Photoshop或者Fireworks的共同。下面是利用Dreamweaver造造静态站点的流程,动态站点流程将在以后介绍。
新建站点→站点文件定名→定义页面属性→插进表格→定义页面大小→转换到规划视图→添加内容→插进导航条→转换到原则视图工做→添加链接→利用代码片段→定义及利用CSS→添加动态交互→链接站点各个页面。
还有一些很重要的功用,是进阶必需掌握的手艺。我认为下面的一些手艺,是很重要的。
1 阐发一个站点的办法
2 利用模板
3 利用框架
4 表格的利用身手
5 利用插件
6 利用多页
7 在代码视图设想
8 适用的代码片段
9 层
10 时间轴
11 利用颜色
12 查找与替代功用
13 库
以上是一个静态网站建立流程和需要掌握的手艺。
在后面的几篇文章中,将通过成立一个网站实例,详细介绍那些内容。
当然往网页中插进布景音乐会使页面声色很多。但是在利用音乐布景的时候要重视,布景音乐不克不及太大,不然文件传输会成问题,从而使网页的吸引力下降。
在 HTML 中有 embed 标签能够实现布景音乐的插进功用,其语律例则如下:
下表给出有关上面的语法的一些详细的值和含义:
src 音乐文件的途径及文件名;
autostart true 为音乐文件上传完后主动起头播放,默认为 false (否)
loop true 为无限次重播, false 为不重播,某一详细值(整数)为重播几次
volume 取值范畴为 "0-100" ,设置音量,默认为系统自己的音量
starttime " 分:秒 " ,设置歌曲起头播放的时间,如, starttime="00:10" ,从第 10 起头播放
endtime " 分:秒 " ,设置歌曲完毕播放的时间
width 掌握面板的宽
height 掌握面板的高
controls 掌握面板的外看 controls="console/smallconsole/playbutton/ pausebutton/stopbutton/
volumelever" ·console 一般大小的面板
·smallconsole 较小的面板
·playbutton 展现播放按钮
·pausebutton 展现暂停按钮
·stopbutton 展现停行按钮
·volumelever 展现音量调剂按钮
hidden 为 true 时能够隐躲面板
我们本身网页上传以后,经常会不竭更新和添加新的内容,而如何才气让阅读网页的网友晓得本身的辛勤更新呢?凡是我们会在网页的一角,列出此网页更新的最初日期,但是那个工做假设手工来做的话,既费事又随便遗忘。
怎么样处理那个问题呢?
看了那个小身手,你定会说,本来那么简单。好了,下面我们来做一下吧。
源码粘贴框:
我们只要把“源码粘贴框”中的JavaScript代码复造到你想要展现最初更新时间的处所就行了。
假设我们把代码复造到如下的表格中,则每次那个页面的html文件更改时,表格中便主动展现出更新时间,如下所示:
本页最初更新日期: 07/10/2000 14:26:37
代码中document。
write()的意思是在页面上写出括号内设定的内容,如今我们摘用“ stModified”得到文件最初更新时间,并把它展现出来。乖巧运用“document。write()”语句,我们还能在页面上输出其它内容,好比说当前的时间、日期、用户信息等,各人能够往试一试。
经常上彀的伴侣可能会到过如许一些网站,一进进首页立即会弹出一个窗口,或者按一个毗连或按钮弹出,凡是在那个窗口里会展现一些重视事项、版权信息、警告、欢送帮衬之类的话或者做者想要特殊提醒的信息。其实造造如许的页面效果十分的随便,只要往该页面的HTML里加进几段Javascript代码即可实现。
下面俺就带您分析它的奥秘。
【1、最根本的弹出窗口代码】
其实代码十分简单:
因为着是一段javascripts代码,所以它们应该放在标签和之间。是对一些版本低的阅读器起感化,在那些老阅读器中不会将标签中的代码做为文本展现出来。
要养成那个好习惯啊。
window。open (' ml') 用于掌握弹出新的窗口 ml,假设 ml不与主窗口在统一途径下,前面应写明途径,绝对途径(http://)和相对途径(。。/)均可。用单引号和双引号都能够,只是不要混用。
那一段代码能够加进HTML的肆意位置,和之间能够,间也能够,越前越早施行,出格是页面代码长,又想使页面早点弹出就尽量往前放。
【2、颠末设置后的弹出窗口】
下面再说一说弹出窗口的设置。只要再往上面的代码中加一点工具就能够了。
我们来定造那个弹出的窗口的外看,尺寸大小,弹出的位置以适应该页面的详细情状。
参数阐明:
js脚本起头;
window。
open 弹出新窗口的号令;
' ml' 弹出窗口的文件名;
'newwindow' 弹出窗口的名字(不是文件名),非必需,可用空''取代;
height=100 窗口高度;
width=400 窗口宽度;
top=0 窗口间隔屏幕上方的象素值;
left=0 窗口间隔屏幕左侧的象素值;
toolbar=no 能否展现东西栏,yes为展现;
menubar,scrollbars 表达菜单栏和滚动栏。
resizable=no 能否容许改动窗口大小,yes为容许;
location=no 能否展现地址栏,yes为容许;
status=no 能否展现形态栏内的信息(凡是是文件已经翻开),yes为容许;
js脚本完毕
【3、用函数掌握弹出窗口】
下面是一个完全的代码。
。。。肆意的页面内容。。。
那里定义了一个函数openwin(),函数内容就是翻开一个窗口。在挪用它之前
没有任何用处。
怎么挪用呢?
办法一: 阅读器读页面时弹出窗口;
办法二: 阅读器分开页面时弹出窗口;
办法三:用一个毗连挪用:
翻开一个窗口
重视:利用的“#”是虚毗连。
办法四:用一个按钮挪用:
【4、同时弹出2个窗口】
对源代码略微改动一下:
为制止弹出的2个窗口笼盖,用top和left掌握一下弹出的位置不要彼此笼盖即可。最初用上面说过的四种办法挪用即可。
重视:2个窗口的name(newwindows和newwindow2)不要不异,或者痛快全数为空。OK?
【5、主窗口翻开文件 m,同时弹出小窗口 ml】
如下代码加进主窗口区:
加进区:
open即可。
【6、弹出的窗口之按时封闭掌握】
下面我们再对弹出的窗口停止一些掌握,效果就更好了。假设我们再将一小段代码加进弹出的页面(重视是加进到 ml的HTML中,可不是主页面中,不然。。。),让它10秒后主动封闭是不是更酷了?
起首,将如下代码加进 ml文件的区:
function closeit()
{setTimeout(" ose()",10000) //毫秒}
然后,再用 那一句话取代 ml中原有的那一句就能够了。
(那一句话万万不要忘记写啊!那一句的感化是挪用封闭窗口的代码,10秒钟后就自行封闭该窗口。)
【7、在弹出窗口中加上一个封闭按钮】
呵呵,如今愈加完美了!
【8、内包罗的弹出窗口-一个页面两个窗口】
上面的例子都包罗两个窗口,一个是主窗口,另一个是弹出的小窗口。
通过下面的例子,你能够在一个页面内完成上面的效果。
function openwin()
{OpenWindow=window。open("", "newwin", "height=250, width=250,
toolbar=no,scrollbars=
"+scroll+",menubar=no");
//写成一行
cument。
write("例子")
cument。write("")
cument。write("Hello!")
cument。write("New window opened!")
cument。write("")
cument。
write("")
ose()}
翻开一个窗口
看看 cument。write()里面的代码不就是原则的HTML吗?只要根据格局写更多的行即可。万万重视多一个标签或少一个标签就会呈现错误。
记得用 ose()完毕啊。
【9、末极利用--弹出的窗口之Cookie掌握】
回想一下,上面的弹出窗口固然酷,但是有一点小弊端(沉浸在喜悦之中,必然没有发现吧?)好比你将上面的脚本放在一个需要频繁颠末的页面里(例如首页),那么每次刷新那个页面,窗口城市弹出一次,是不长短常烦人?:-(有处理的办法吗?Yes! ;-) Follow me。
我们利用cookie来掌握一下就能够了。
起首,将如下代码加进主页面HTML的区:
function openwin()
{window。open(" ml","","width=200,height=200")}
function get_cookie(Name)
{var search = Name + "="
var returnvalue = "";
if ( okie。
length 0) {
offset = dexOf(search)
if (offset != -1) {
offset += search。length
end = dexOf(";", offset);
if (end == -1)
end = okie。
length;
returnvalue=unescape( bstring(offset,end))
return returnvalue;
function loadpopup(){
if (get_cookie('popped')==''){
openwin()
okie="popped=yes"
然后,用(重视不是openwin而是loadpop啊!)替代主页面中原有的那一句即可。
你能够试着刷新一下那个页面或从头进进该页面,窗口再也不会弹出了。实正的Pop-Only-Once!
写到那里弹出窗口的造造和利用身手根本上算是完成了,俺也累坏了,一口气说了那么多,期看对正在造造网页的伴侣有所搀扶帮助俺就十分欣慰了。
需要重视的是,JS脚本中的的大小写更好前后连结一致。
呵呵,称心不。我还有呢!。
弄个域名空间
做好页面
传上往