新手如何建立网站(如何建设公司的网站)

   现在最流行的就是上网了，看到一个个精美的个人网站，是不是也有种冲动想自己来做网站？做网站可得做得好啊！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脚本中的的大小写最好前后保持一致。

  

呵呵，满意不。我还有呢！。

弄个域名空间

做好页面

传上去