怎么建立网站

11小时前 (16:37:55)阅读2回复0
lrj
lrj
  • 管理员
  • 注册排名2
  • 经验值35940
  • 级别管理员
  • 主题7188
  • 回复0
楼主

   如今更流行的就是上彀了,看到一个个精巧的小我网站,是不是也有种激动想本身来做网站?做网站可得做得好啊!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脚本中的的大小写更好前后连结一致。

呵呵,满意不。我还有呢!。

弄个域名空间

做好页面

传上去

0
回帖

怎么建立网站 期待您的回复!

取消