1、1第 1课时 网页制作概述网页：由文字、图片，动画（GIF、Flash） 、声音、视频多种媒体组成。网页文件本身只是纯文本文件（HTML:超文本标记语言）HyperText Markup Language，静态网页的文件扩展名：htm、html。其他图片等媒体都是以外部个体文件的形式保存。网页：就是一个页面。 。网站：若干通过超级链接联系在一起的网页集合。浏览网站（静态网页）的过程：打开浏览器，在地址栏输入 IP 地址或者域名，一个 IP 地址可以绑定多个域名，但一个域名只能是指向一个 IP 地址。http:/(网页)向服务器发送请求，服务器接收后，就将主(首)页（index.html/htm
2、、default.htm）发送给客户端。客户端接收之后，进行解释，并且发送文件请求。网页开发的工具（记事本，Frontpage,Dreamweaver）:1、可以使用记事本纯手工制作网页。2、Dreamweaver 是网页制作的一种可视化的开发工具。Dreamweaver MX 2004 简介：1、Macromedia 公司的网页三剑客软件套装(Dreamweaver、Flash、Fireworks)之一，专业的网页合成编辑软件。2、软件界面：初始化面板，标题栏、菜单栏，常用面板组（插入、文件、属性、应用程序、代码、行为等） ，工作区（代码，设计，拆分） 、状态栏。3、软件常用快捷键插入表格
3、Ctrl+Alt+T 插入或环绕标记 Ctrl+T 在浏览器中浏览网页 F12 文件面板组：F8 设计面板组：Shift+F11 属性面板组：Ctrl+F3 插入面板组：Ctrl+F2页面属性对话框：Ctrl+J 插入图片: Ctrl+Alt+I作业：1、记忆和熟悉常用快捷键。2、用 Dreamweaver 制作一张文字网页(200 字以上)。第 2课时 网站站点管理及文件夹组织方式2站点与网站：网站：若干通过超级链接联系在一起的网页集合。站点：它是网站制作中的一个概念。网站文件的存储区域。(一个文件夹)在网页中插入图像、声音、动画、视频或超级链接等，必须提供文件的位置。新建一个站点新建一个网
4、页保存网页为 index.html绝对路径：指从磁盘根目录开始指向该文件的地址。E:hanstest1index.html绝对路径不适用于网页。因为网站开发的计算机（工作用电脑）环境和网站正式运行使用的环境（服务器）并不一定一致。相对路径：是指定文件相对于本文件的位置。相对于本身的网页文件。指定的文件的绝对路径本文件的绝对路径=指定文件的相对路径f:dirver1.gif - f:dirver=1.giff:driverimg1.gif - f:dirver=img1.gif同一级目录：直接写文件名下一级子目录：子目录名/文件名上一级目录： /文件名在网页中插入其他文件，创建相对路径前必须保存
5、文件。制作网站的第一步：新建一个站点。*在用 Dreamweaver 新建站点前，必须首先准备好作为站点的文件夹。、文件夹和文件名命名时，不要使用中文和空格，只能使用英文字母加数字的方式。、站点文件夹结构的组织方式：+小型网站按照文件类型进行文件夹的划分；大型网站则按照目录结构来划分文件夹。1、展开文件面板管理站点 站点管理对话框新建2、站点定义对话框站点名称 站点根文件夹默认图像文件夹建立主页。3、完成超级链接的制作文字超链接-选择文字- 链接栏输入文件路径在站点制作完成后，站点面板中就会出现该站点下的所有文件及文件夹。如果我们要进行文件名或文件夹名的修改，或者要移动或删除文件或文件夹，一定
6、要在站点面板里进行。作业：做一个最少五个页面的网站。主页名(index.htm)第 3课时 表格式布局页面的制作（一）网页布局（主页）：物理：文字、图片，声音，动画，音频，视频，交互链接。功能：页眉，页脚，主干。页眉：第一页的最上端，在网页中，最为重要，通常这个区域，一般放网站 logo 和导航条。主干：网站的主要内容。页脚：网页的最下端，一般放置与公司相关或网站本身相关的信息。 （网站或公司简介的链接，公司3的招聘，网站的版权信息，备案号）布局技术：1、表格布局：不要将一个网页整个的用一个表格包含。而是将网页分为多个部分放在多个表格中进行布局。表格大小：根据你所做的网页的用户来分析：800*
7、600、1024*768、1280*960780-760 任取中间的值。1024-20=1004-6=998800*600-1024*768800-20=780-2=778调整表格单元格组成：文档边距：文档属性（上，下，左，右）ctrl+J合并：将若干个单元格合成为一个单元格。Ctrl+Alt+M背景图片：在图片宽或高度不足以布满区域时，它会自动进行平铺。对齐方式：默认水平对齐是左对齐，默认垂直对齐是居中对齐。表格对齐：相对于页面而言。不支持背景图片属性，如果设置了行背景图片，在 Dreamweaver 看起来是正常的，但是在浏览时背景图片是不可见的，一定要将行背景图片设置为单元格背景图片属性
8、。作业：、 完成范例网站创通科技的页眉区制作。第 4课时 表格式布局页面的制作（二）CSS（层叠样式表）的用法(一)1、在制作大型网站，因为网站要求有一个统一的风格。颜色要统一，字体及大小要统一。制作网站时，我们要便于维护及修改。使用 html 属性去设定格式是不可取的。而应该使用 CSS 设置格式。2、CSS 来控制格式。CSS（叠层样式表）：格式的集合。新建 CSS 的方法，在 CSS 面板中，点击新建 CSS 规则，选择器类型（类） ，定义在（定义 CSS 的应用范围，一般我们在外部 CSS 文件中存放 CSS） ，名称规则（类的：以“.”开头,以英文字母后面连接数字或英文字母）类定义后
9、必须应用到具体的标记上去。样式表可以控制网页中所有对象的外观或格式。类型：控制文字外观格式。我们网页中的文字字体要尽量简单通用，要使用特殊字体，必须将这些文字制作成图片。一般网页中字体大小:正文： 12px,标题：16px背景：背景颜色及背景图片。区块：对齐方式（垂直，水平） 。边框：边框的线型、线宽和颜色等。4可以在表格中的单元格内插入表格。 （表格嵌套不要大于 4 层）作业：完成整个创通科技主页制作。第 5课时 HTML 语言（超文本标记语言）一网页由超文本标记组成。HTML 标记的一般格式：A、 标记区域 ：成对标记。*绝大多数标记成对出现，一对标记标识一个区域。B、：单标记。分行符:：
10、Shift+Enter水平线HTML 标记名和属性名大小写没有影响。网页基本标记：静态网页内容。:：里面的内容不是为了直接显示在网页内，而是对网页进行幕后的影响。：元标记。:网页标题。：主体，里面的内容是直接显示在网页页面上的。要在网页中插入文字，只需要直接写在内。表格布局：表格。:行。:单元格。三行二列的表格：5相应属性：width(宽度)height（高度）,bgcolor（背景颜色）,background(背景图片),border(边框宽度)，bordercolor(边框颜色),cellspacing(单元格之间的间距 ),cellpadding(单元格内容与单元格边线之间的距离),al
11、ign(水平对齐方式 centerrightleft),valign(垂直对齐方式 topbottommiddle),colspan(横向跨度) ，rowspan （纵向跨度）*做表格布局时，border,cellspacing,cellpadding 一般都要设为 0。如果标记被包含在其他标记里面的话，多个标记都设置了同一条属性，最终属性由离该标记最近的属性值来决定。设置颜色值：颜色名称：red,blue,yellow,green,white,black,purple,brown十六进制代码：# ff ff ff 66 00 00红 绿 蓝 红+绿=黄 红+ 蓝= 紫 绿+蓝= 青R G B
12、 255 255 255 00 00 00 #ff 99 66所有颜色加一样多，就会合成灰色。颜色值越大，越接近白色，颜色值越小，则反之。图片：属性（src 源文件 URL） 、width 、height 、border：跑马灯scrollamount：移动速度（像素/秒）scrolldelay ：移动延迟（毫秒） onMouseOut：当鼠标移出(start()direction：移动方向 width、height ：移动范围 loop ：循环次数 onMouseMove ：当鼠标移入(stop()behavior:方式。作业：1、记住今天所学的标记名和标记属性。2、用纯手工书写一张网页。第
13、 6课时 HTML 语言（超文本标记语言）二Dreamweaver 中的代码提示功能 ：在 Dreamweaver 中的代码视图中输入 “” ，程序自动添加结束标记（成对标记） 。*如果在代码视图中使用五笔输入法输入了汉字，代码提示功能将失效，必须将所有文档关闭，再重新打开。文本格式控制：:文本格式常见属性：color 颜色face 字体size 大小在网页中设置字体不要太求花哨，最好都用常用字体（宋体、楷书、黑体） ，如果需要特殊字体，最好将文字做成图片。字体集：给文字设置字体集，以字体集第一个字体为准，如果没有第一个字体则以第二个字体为准，以此类推。X2 O2|：加粗6|：斜体：下划线:分
14、段,间隔较大。在 Dreamweaver 中按回车。:换行，间隔较小。按 shift+回车。要输入多个空格时，必须使用中文的全角输入空格或 输入“”ctrl+shift+ 空格 （不换行空格） 。:确定项目符号范围 ：确定项目编号范围：确定项目type:类型 start：开始编号号码:水平线（width/宽，size/粗，color 颜色，align 对齐）:超级链接属性：href =“ 超级链接对象 URL”超级链接的类型：1、文件链接：A、如果指向的是网页浏览器能够识别的 文件，就会用网页浏览器打开显示。B、如果指向的是网页浏览器不能识别的文件，浏览器就会提示你下载该文件。2、空链链接：h
15、ref=”#”3、锚点链接：（书签）首先必须定义书签（）然后用来定义锚点链接。4、email 链接: 以“mailto:”开头，输入邮件地址。控制以何种方式打开链接来控制，_blank:新建窗口打开 _self:在本身窗口中打开Dreamweaver 中的标签选择器（ ctrl+E）：可以选择插入所有的 Dreamweaver 所支持的标记对。状态栏上的快速选择器：可以快速选择标签范围。作业：1、 记住今天所学的 HTML 标记及属性。2、 找一篇较复杂的文档，用 Dreamweaver 排版出 winword 排版的效果。 （要求通过输入代码来实现）第 7课时 表格式布局页面的制作（三）1、
16、表单：网页中用来收集用户信息和要求的元素。就像我们常见的输入框，按钮，单选框，多选框，下拉框。如果表单元素需要产生作用，必须将他们放在表单中。表单及表单元素 HTML 标记：表单。输入框：按钮：一般按钮提交按钮重置按钮单选框：name 就是单选按钮组的组名。多选框： name 也是多选按钮组的组名。7下拉选框：选项值常用属性：name、value(值)2、同样表单元素也可以通过 CSS 来控制外观。3、表单的特点：表单下边距比较大。所以一般我们要设置 CSS 来控制这个下边距。4、改变图片大小时，可以用鼠标拖曳，如果想保持高度比不变，要在拖曳时按住 shift 键。CSS（层叠样式表）的用法(
17、二) ：CSS 的重定义标签：设定标签的默认属性。命名：不是由我们自己决定，定义为 HTML 标记名。作为范围：网页中所有没有设定过属性的该标记对象。做网页首先要重定义 body、table 标记。定义文字的字体，大小，颜色，网页背景颜色，上下左右边距。在我们修改表格行或单元格高度时，需要修改为很小的尺寸，必须要在代码视图中删除掉该单元格中的(不换行空格)CSS-方框-边界：应用该 CSS 的对象距离边界（它所被包含的标签的边线）的值。第 8课时 CSS 语言详解CSS：层叠样式表。专门用于修饰网页元素的显示效果。CSS 能够完成以下工作：1、弥补 HTML 对网页格式化功能的不足，比如段落间
18、距，行距等。2、严格控制网页的显示属性，不会受到浏览器相关设置的影响。3、页面格式的动态更新。4、排版定位。5、批量的、快速的定义和修改页面的显示属性。CSS 有以下特点：1、 可以将格式和内容分离。2、 可以以前所未有的能力控制页面布局。3、 可以制作体积更小，下载更快的网页。4、 可以将许多网页同时更新，比以前更快更容易。5、 浏览器将成为更友好的界面。CSS 语言基本语法：选择器名属性名 1：属性值 1；属性名 2：属性值 2；定义和使用 CSS 的方式：81 定义于外部 CSS 文件中，通过链接进入网页文档。2 通过标记的 style 属性来使用。CSS 光标控制：可以改变鼠标光标移入
19、 CSS 控制区域时的外形。Hand-手形，crosshair十字形，wait沙漏形，help问号。CSS 滤镜属性：可以将可视化的滤镜和转换效果添加到一个标准的 HTML 元素上。Alpha 透明滤镜 blur 动态模糊滤镜 dropshadow 投影效果 shadow 阴影效果Alpha 要求的参数：Opacity：起始位置的透明度 FinishOpacity：结束位置的透明度 Style：渐变类型Blur 要求的参数：Add：模糊的长度 Direction：动态模糊的角度 Strength：模糊的阴影的强度Dropshadow 要求的参数：Color：阴影的颜色 OffX：阴影的水平偏移
20、量 OffY：阴影的垂直偏移量 Positive：反色Shadow 要求的参数：Color：投影的颜色 Direction：投影的角度第 9课时 表格式布局页面的制作（五） 精典案例解析1、自适应分辨率全屏网站：通过一个 3 列、宽为 100%的表格来占满 800*600 或 1024*768 的整个屏幕。其中一个内容列的宽度为固定，另一列为自动伸缩。热区：将一张图片从逻辑上分出多个图片，不同的热区域可以链接不同的对象。不同的热区域还可以有不同的注释。注释：图片的说明，在图片未能打开时，可以在图片位置显示相应的说明性的文字。光标移至图片上时，停留很短时间，在光标后部会出现注释说明框，可以被搜索
21、引擎找到。最好给网页中的功能性图片加上注释，以在图片不能正常预览的情况下正常使用网站。热区常用于做图片导航。作业：第 10课时 图层式布局页面的制作图层是浮在网页上面的一种元素。图层的应用：1、浮动广告。2、对联式悬挂广告。93、 动态菜单。4、 如果要在某一个位置加入内容，可以借助图层。1、层的制作：a、 插入工具栏（布局）：绘制层按钮。b、 插入菜单：布局对象层。2、层的位置：绝对位置：层的左上角的绝对坐标。绝对定位层的 style-position 属性值为 absolute。层的左上角相对于整个网页左上角的位置。相对位置：首先将层放入一个对象内，再将该层的 style-position
22、 属性改为 relative。层的左上角相对于包含他的对象的左上角的位置。多个层之间的上下关系是由 style:z-index,属性值越大，层就在上面。如 z-index 为 1 的层，一定会在这个网页中 z-index 为 0 的层的上方。* 如果 z-index 为负数,该层就会在网页元素的下方,可以利用这种属性功能制作 Flash 动画背景。常用特殊效果：、 在页面范围内随机弹动。 （layer id=img1 style-position:absolute）= (height - Hoffset) yon = 0; yPos = (height - Hoffset); if (xon)
23、 xPos = xPos + step; else 10xPos = xPos - step; if (xPos = (width - Woffset) xon = 0; xPos = (width - Woffset); function start() img1.visibility = “visible“; interval = setInterval(changePos(), delay); function pause_resume() if(pause) clearInterval(interval); pause = false; else interval = setInter
24、val(changePos(),delay); pause = true; start(); / End 、 随下拉滚动条移动的层。function MM_reloadPage(init) if (init=true) with (navigator) if (appName=“Netscape“) document.MM_pgH=innerHeight; onresize=MM_reloadPage; else if (innerWidth!=document.MM_pgW | innerHeight!=document.MM_pgH) location.reload();MM_reload
25、Page(true);self.onError=null;currentX = currentY = 0; whichIt = null; lastScrollX = 0; lastScrollY = 0;NS = (document.layers) ? 1 : 0;IE = (document.all) ? 1: 0;function heartBeat() if(IE) diffY = document.body.scrollTop; diffX = document.body.scrollLeft; if(NS) diffY = self.pageYOffset; diffX = sel
26、f.pageXOffset; if(diffY != lastScrollY) percent = .1 * (diffY - lastScrollY);if(percent 0) percent = Math.ceil(percent);else percent = Math.floor(percent);if(IE) document.all.floater2.style.pixelTop += percent;if(NS) document.floater2.top += percent; lastScrollY = lastScrollY + percent;if(diffX != l
27、astScrollX) percent = .1 * (diffX - lastScrollX);if(percent 0) percent = Math.ceil(percent);11else percent = Math.floor(percent);if(IE) document.all.floater2.style.pixelLeft += percent;if(NS) document.floater2.left += percent;lastScrollX = lastScrollX + percent;function checkFocus(x,y) stalkerx = do
28、cument.floater2.pageX;stalkery = document.floater2.pageY;stalkerwidth = document.floater2.clip.width;stalkerheight = document.floater2.clip.height;if( (x stalkerx if(whichIt.style.pixelTop document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop =
29、document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;event.returnValue = false; else whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);if(whichIt.left = (window.innerWidth+self.pageXOffset-17) whichIt.left = (window.innerWidth+self.pageXOffset)-whichIt.c
30、lip.width)-17;if( (whichIt.top + whichIt.clip.height) = (window.innerHeight+self.pageYOffset-17) whichIt.top = (window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;return false;return false;function dropIt() whichIt = null;if(NS) window.releaseEvents (Event.MOUSEMOVE);return true;if(NS) win
31、dow.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);window.onmousedown = grabIt;window.onmousemove = moveIt;window.onmouseup = dropIt;if(IE) document.onmousedown = grabIt;document.onmousemove = moveIt;document.onmouseup = dropIt;if(NS | IE) action = window.setInterval(“heartBeat()“,1);第 11课时 超级链接与滚动条设置
32、定义范围用的容器标记： 、作用范围：:根据标记内部的内容的范围来定。:范围为一行。CSS 第三种功能：超级链接样式超级链接四种状态：1、一般状态：a:link2、点击过：a:visited3、鼠标移入：a:hover4、点击时：a:active注意：在本地浏览制作的网页超级链接时，默认所有的超级链接都是被访问过的，必须在 IE 浏览器中清除历史记录才能看到正常（link）状态下的超级链接。自定义类超级链接就可以在一个网页中做出多种超级链接样式来：.p1.p1:link.p1:visited.p1:hover1、定义顺序要注意，按 1-2-3-4 或者 2-1-3-4。132、在文字上加超级链接
33、并应用样式，必须先加超级链接，后应用样式。顺序如果不对，效果也不对。#main 是专用于 html 中 id 设置为 main 的标记。滚动条样式：CSS（应用该样式必须删除 Dreamweaver 自动产生的网页源文件最上部的一段代码）scrollbar-face-color:滚动条面板颜色 scrollbar-highlight-color:滚动条高光（边框）颜色scrollbar-shadow-color:滚动条阴影颜色 scrollbar-3dlight-color:滚动条立体光颜色scrollbar-arrow-color:滚动条箭头颜色 scrollbar-track-color:
34、滚动条底部颜色scrollbar-darkshadow-color:滚动条阴影外边线颜色*要设置滚动条样式,必须将网页代码的声明项删除掉。去除网页滚动条：overflow: hidden;作业：完成可欣广告首页的制作。第 12课时 框架式布局网页的制作框架的作用：、网站风格的统一；、使网页的部分固定,其他部分可变；、加快网站浏览速度；、套用其他页面。、始终延续的背景音乐，必须借助框架。框架的组成：有且只有一个框架集设置文件，若干个框架内容页。框架集定义了在一个窗口中显示的框架数、框架的尺寸、载入到框架的网页等。而框架则是在网页上定义的一个显示区域。框架面板：shift+F2制作框架网站的步骤：
35、、完成所有的子框架页面；、制作框架集；(插入面板的布局 框架)、将框架集中框架设置相应的子框架网页。框架相应属性：框架名、尺寸是否固定、框架边框是否显示、边框宽度、是否显示滚动条。相应链接的设置：_parent（在显示链接的框架的父框集中打开链接的文档，并同时替换整个框架集） ，_top（在当前浏览器窗口中打开链接的文档，同时替换所有框架） ，指定框架名（在指定框架中打开） 。第 13课时 浮动框架网站的制作浮动框架是一种特殊的框架技术，利用浮动框架可以比框架更加简易的控制网站的导航。而且浮动框架不需要将页面进行框架的拆分，这样就方便了用户使用表格排版整个网页，省去了框架样式设置的麻烦。而且浮
36、动框架可以位于网页中任意一个位置。浮动框架标记：14常用属性：width、height、name 、scrolling 、frameborder、src。Scrolling：滚动条是否出现。其属性值：yes：自动判断，当网页内容大于浮动框架的高度而宽度小于浮动框架的宽度时，则只显示垂直滚动条。auto：自动判断，当网页内容大于浮动框架的宽度而高度小于浮动框架的高度时，则只显示水平滚动条。no：任何情况下都不显示滚动条。范例： about apple在页面中部有大量文字信息或者信息变化较快的情况下，将这些信息以独立页面内联浮动框架的形式展现在页面中，这样既节省了空间，又保证了页面的美观。层如果内
37、容大于其大小时,可以设置其出现滚动条。(溢出属性：auto、scroll)作业:完成范例的制作。第 14课时 网站模板的制作模板的特点：Dreamweaver 模板是一种特殊类型的文档，用于设计“锁定的”页面布局。模板创作者设计页面布局，并在模板中创建可在基于模板的文档中进行编辑的区域。在模板中，设计者控制哪些页面元素可以由模板用户进行编辑。模板最强大的用途之一在于一次更新多个页面。从模板创建的文档与该模板保持连接状态（除非用户以后分离该文档） 。可以修改模板并立即更新所有基于该模板的文档中的设计。可在模板中划分锁定区域和可编辑区域，模板用户只能在可编辑区域中进行更改，而无法修改锁定区域。制作
38、模板网站的步骤：1、首先创建文件，文件-另存为模板，生成一个扩展名为.dwt 的模板文件，该站点下的网页都可以使用该模板。2、在文件中划分锁定区域和可编辑区域(ctrl+alt+V)。3、新建文件时选择从模板新建，则可基于一个模板生成文件。对模板网站的修改：如果需要修改模板网站的风格和框架时，直接修改模板文件，然后保存模板时，会提示更新其他由模板生成的页面，选择更新即可修改所有页面。(限于锁定区域,可编辑区域不能通过模板更新)制作模板文件时，划分可编辑区域与锁定区域的标准是：网站中各网页页面不同的部分就应该划分为可编辑区域，而相同的部分就应该定为锁定区域。如果一个页面需要使锁定区域的内容或框架
39、与模板不同，则必须从模板中分离该文件。作业：fdkg/macintosh.htm、sound.htm。(http:/ 15课时 使用行为制作特效Dreamweaver 中的行为（Behavior）是事件(Event)和动作(Action)的组合，浏览器响应用户的动作，并以事件处理程序进行响应。动作：用户在网页中进行的任意操作。事件：浏览器在用户执行了动作之后，自动执行的程序。“行为”面板：Shift+F4“行为”是“事件”和“动作”的组合。事件是在特定的时间或是用户在某时所发出的指令后紧接着发生的。例如：网页下载完毕、网页错误、用户按键或是单击鼠标等，而动作是在事件发生后所要做出的反应，例如：
40、打开新的浏览器窗口、弹出菜单、播放音乐、变换图像、图像还原和转到另一个网页等。加入行为必须进行事件处理程序和动作两部分的设置。常用行为：1、改变状态栏文本。 （设置文本设置状态栏文本）2、添加弹出信息。 （弹出信息）3、打开浏览器窗口。 （打开浏览器窗口）4、交换图像。 （一种类似于按钮的特效，当访问者的鼠标指向图像时，图像会变成预先设置好的另一幅图像；当鼠标挪开时，图片会恢复原来的效果）5、弹出菜单学习行为的设置必须掌握下列知识点：不同的对象有哪一些动作，常用动作如下：onClick onDblClick onMouseOver onMouseMove onMouseOut onLoad O
41、nUnLoad鼠标单击 双击 鼠标移入 鼠标移动 鼠标移出 载入 退出不同的对象可以有哪些事件。作业：自己手动试验各种事件和动作，必须要做的是将上节课做的网页的状态栏和交换图像。第 16课 时 网 站 后 期 -申 请 域 名 空 间 及 发 布 网 站在网站制作过程完成之后，接下来就是本地测试。测试完成后，没有问题就可以将网站投入使用阶段了。根据网站的要求及公司情况，选择不同的网站运行方式与环境：自组服务器，租用服务器，购买空间，申请免费空间等。开始时，要申请与网站特点及个性相符的域名。如 。.com-最常用，商业网站后缀。 .net-网络服务网站后缀。-商业网站后缀（特指中国） .cn-网
42、站后缀（特指中国） 。.edu教育性质 .org公益性质 .gov政府网站域名要简单、易记，最好有特殊含义。一个好的域名的商业价值远远大于其本身的价值。16购买空间到 Internet 上的空间服务提供商 (ISP)去联系并购买。空间的选购：空间的质量是非常重要的。、 连接速度。、 大小。、 支持技术。、 安全性。、 稳定性。国内比较有名气的 ISP 有数据中国、海量等。在空间购买手续完成后，你会得到一个空间管理的帐号及密码。用这个帐号密码可以在 ISP 的网站上对你自己的空间进行管理。比如域名指向、修改密码等。最后，就是上传网站文件了。一般上传可以分为两种方式：web 式上传和 FTP 上传
43、。Web 上传就是指在网站上用网页功能将文件上传至服务器。这种方式一般速度较慢、有时一次只能传输一个文件，所以很少在付费性的空间文件上传时使用。FTP 上传是指用工具连接提供网站空间的服务器，并使用该服务器提供的文件传输（FTP ）功能将文件传至服务器。常用的 FTP 上传工具有 CuteFTP、FlashFXP 等。FTP 上传工具使用方法：在软件操作菜单中选择会话 快速连接 ，在弹出的对话框中填入相应资料（这些资料在你购买空间时ISP 就会提供给你） 。点击连接即可。如果网络情况正常，就会在远端窗口中显示出服务器上你的空间文件结构。将本地文件从本地文件窗口拖入至远端服务器窗口即开始上传。直到整体网站文件全部上传完毕。上传速度一般较下载速度要慢得多，这是因为我们连接 Internet 的上行速度和下行速度有较大差距。作业：去了解 Internet 上最知名的 WEB 服务器空间服务提供商（ISP） 。了解空间类型等。
