制作网页主要有以下一些工具

?制作网页主要有以下一些工具

Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。

Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。

另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。

此外还有一些网络编程工具，javascript、java编辑器等。

网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash 等。

大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。

总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！

祝你成功。

★你可以结合 Dreamwaver 和 Photoshop 来制作网页

?添加评论(0)

?| 2008-10-27 19:03:53

?我觉得建站可以按照以下步骤进行：

1、先在本地设一个文件夹，作为网站存储的地方。名字最好取“My Sites”。

2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、

文件等），并且按照网页内容，再建立几个文件夹。（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些）

3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存

为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”

（查找）、“map”（站点地图）、“index02”（网站简介等）。

4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把

内容输入网页）

5、已经做到了这么多，我们该准备内容了吧。在硬盘上面再建立一个文

件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。

（可以加入一些动态网页）

6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧）

7、把网站充实了，就差不多了。这时应该申请一个域名（免费空间、附

费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。

8、把网站上传至空间里面，删了准备文件，就OK了！

不过也可以这样使用FP建站：

1、在FP里面选择新建站点。

2、然后在【导航】里面设置网页名称以及标题。

3、准备好文档、图片、程式、文件和网页特效等，把它们都充实进网站

里面。

4、申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜

索引擎，而且在各种留言版上面宣传。

5、把网站上传至空间里面，删了准备文件。完毕。

?| 2009-06-20 09:33:22

?确定主题，就是你这个网站主要宣传哪方面的信息

确定栏目，规划重点栏目

数据库设计

界面设计

写代码

上传

备案

?添加评论

手把手教你如何制作一个完整的网站

手把手教你如何制作一个完整的网站 制作网站是一件耗时间的事情，不过我们也要带着责任心去做，想要制作好一个网站，必须要先了解它的具体操作流程，详细的了解各个步骤后，才能找到有效的制作方法。 第一、了解需求 制作网站的第一步就是要了解好客户对网站的制作需求，首先让客户把他们想要的效果、风格、开设的栏目等说明清楚，然后再根据他们提供县官的资料，比如单位的简介，联系方式，网站框架的设计要求，对产品和项目的描述等。 第二、制定网站的制作方案 工作人员与客户双方要协商好关于网站的制作的内容、细节和风格等问题，最终达

成共识后才能开始制作，如果制作之前没有商量好，那么制作的结果会使得客户不满意，矛盾就会产成了，所以工作人员要负责，在制作之前客户也不能抱着随便的心理。协商好了之后就可以直接支付相应的费用，并签合同了，合约是关系到双方的利益问题，也要引起重视，谨慎签订。客户在签完一系列的合同之后，要注册好域名和空间，因为网站开展运营的前提条件就是选择适合的域名和空间。 第三、网站的定位很关键 网站的制作应该明显的体现出相关单位的一个核心理念，因为我们要做的就是在最短的时间内、最有限的空间里将自己的核心思想通过相应的介质传播给用户，我们可以选择通过图片、文字、音频等途经进行传播，网站的建立就应该明确的宣传自己能为客户提供哪些帮助，而不是仅仅是为了“门面”的设计而忽略了网站的实用性。 第四、验收 就是网站制作完成后应该多次进行审核、修改和通过客户的验收，这样一个网站才能算是建好了。如果网站涉及到图片和文字等数据的安全问题，应该立即采取更新、修改或者找回密码等措施，我们有权利制作网站，那就要旅行好维护网站安全的义务。 通过以上的详细介绍，相信大家对网站的制作流程都已经很熟悉了，想要制作网站的朋友赶紧尝试一下吧。

网页设计库和模板的应用

52门户网站实训指导（一） 实训目标： 1 掌握门户网站的设计技巧。 2 掌握库项目和模板的制作及使用方法。 实训步骤： 一创建站点。 在Dreamweaver CS3中定义一个本地站点，命名为“52menhu”，存储位置为：D：\sample\52menhu\，并将本项目素材文件夹下的图像文件夹image复制到网站的根文件夹下。然后，选择“窗口”→“资源”命令或者按F11键，打开“资源”面板。如图1。 图1 资源面板图2 新建库项目 二创建库文件。 单击“资源”面板右下角的按钮，新建一个库，然后在列表框中输入库的名称banner并加以确认。使用同样的方法创建名称为foot

的库文件。 二、制作主页的Banner 基本步骤: 1.在“资源”面板中双击打开，找到库文件banner.lbi。 2.插入一个3行1列，宽为760像素的表格。 3.设置表格属性(具体步骤参照书讲解)。 4.插入图片，输入文本。 最终效果如图3所示: 图3 banner效果图 制作页脚 基本步骤： （1）在资源面板中打开库文件foot.lbi； （2）插入一个3行1列,宽为760像素的表格； （3）设置表格属性，参数如图4； 图4 表格属性 （4）输入文本，并保存文件。效果如图5所示。

图5 页脚效果图 ●四、库项目的应用 ●1.插入库文件 新建页面myindex.html，依据前面做的banner.lib和foot.lib 文件充实首页面myindex.html。打开“资源”面板，点击左下角的“插入”按钮，分别将两个库项目分别插入到页面对应位置。 2.编辑库项目 在资源面板中单击“编辑”按钮，可打开库项目进行编辑。编辑的方法同编辑普通页面一样。 任务2 制作女性频道子页 1、使用模板建立子页 操作步骤： （1）将素材中的首页复制到站点中。选择“文件”→“另存为模板”命令，将已有页面另存为模板，命名为moban1。 2、定义可编辑区域 操作步骤： （1）选择“插入”→“常用”命令，单击“可编辑区域”按钮或者选择“插入”→“模板对象”→“可编辑区域”命令，打开“新建可编辑区域”对话框。

网页制作经验-编写高效率的HTML网页代码

许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误，甚至常看到有人在抱怨其网站排名不理想，到其网站简单看一下便可发现HTML代码中充斥各种各样的错误，在那样的代码基础上无论付出多少努力去优化网站结果都可能是付诸流水的啊！事实上，IE是一款对HTML代码容错能力甚高的的浏览器，——说句题外话，尽管我们可以有各式各样的理由可以攻击微软，但微软对其产品操作的易手性及可用性方面所做的努力是不容抹杀的。——Web页面能够在IE下正常显示绝不意味着页面的HTML 代码没有问题，甚至可以推而广之，Web页面在多种浏览器下均可正常显示也不意味着HTML代码完全合法有效，毕竟哪个浏览器都要保证基本的容错的功能，不然，就会发生即使仅仅因为网络传输中的一点导致导致HTML页面显示不正常了，而这在网络带宽仍然紧张的今天仍是频繁发生的。 什么是合法有效的HTML代码 简单说来，我们的Web页面是由HTML(Hypertext Markup Language :超文本链接标示语言)元素构成的，即使对于ASP、PHP 之类的动态页面，其也是由SERVER将ASP或PHP语句渲染成相应的HTML元素并下传到客户机上；对于JavaScript之类则由客户端将其转换为HTML。

同其他语言一样，HTML也有自己的语法规则，无论是浏览器还是搜索引擎的Spider都在根据这些规则来分析网页代码中的内容。但很多时候，即使对熟练人员来说，在HTML页面构建时仍然难免出些HTML代码上的错误，更别提大部分所见即所得编辑器造成的HTML冗余臃肿问题了。 如果页面中不存在违背HTML标准语法规范的成分，即可被称为合法有效的HTML代码 合法有效的HTML代码对SEO的重要性 要使搜索引擎收录我们的网页，——在此基础上才能谈网站优化网站推广——其前提是要让搜索引擎的Spider能读懂我们的Web文件。搜索引擎Spider阅读网页的根据便是HTML规范，通过对HTML 代码的分析，Spider才能判断网页内容，在此基础上才能判断针对相应关键词的相关性。 需要明确的是，搜索引擎Spider不同于浏览器的一点便是其容错能力相对于浏览器要差不少，如果页面代码中存在其无法解释的HTML代码时，其便可能停止阅读该页面甚至可能停止在我们的网站内爬行，更严重的错误甚至会导致其同时也丢弃已经收集到的网站内其他页面的内容信息。

网页制作教案

课堂任务快速建站技术—模板的应用 课程名称：利用模板快速建站 课时数：4 教学目标： 知识与技能：了解模板的定义，模板的可编辑区域的定义。 过程与方法：掌握在网页中创建模板的三种方法； 掌握模板的可编辑区域的定义、建立和取消； 掌握模板的应用和取消； 掌握如何将模板从网页中分离出来； 掌握使用模板快速建站； 情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。 教学重点： 在DreamWeaver8中创建模板和应用模板。 教学难点： 学会模板的可编辑区域的定义、建立和取消。 教法： 任务驱动法 学法： 记录关键步骤，积极动手练习。 课前准备： 第三章第三节素材和实例，视频教程：快速建站技术－模板的应用.WMV，快速建站技术－模板的应用(快速更新).WMV。 教学过程设计： （一）导入设计： 我们制作一个网站时，会发现许多网页的版面和元素都是相同的，在设计一个新页面时，我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同，这时修改或更新网页的共同元素如网站标志时，会发现工作量实在太大！而使用Dreamweaver 软件中的模板功能来创建新网页，可以大大提高更新和修改的工作效率，网站的维护工作会轻松很多。本节主要内容如下。（二）新课讲解设计： （1）请学生带着以下问题阅读P110～115知识预读，问题如下： A、模板的定义？ B、模板创建的三种方式？了解资源面板的使用方式。 C、学会模板的可编辑区域的定义、建立和取消； D、学会模板的应用和取消； E、学会如何将模板从网页中分离出来； （2）教师提问，请学生一一回答以上问题。期间对回答问题的同学要多多表扬，如“你真棒”。增强学生对教师的亲和力。 （3）教师在学生回答问题的同时，总结评价并补充相关要点。 （4）教师展示完成后的模板网站作品，与学生共同讨论分析该网站制作过程。 （5）教师演示建立模板,创建可编辑区域,应用模板等部分操作（详见教材任务一）。

怎样制作自己的网页

和怎样制作自己的网页 时间:2009-09-22 19:35来源:未知作者:大宝库点击:9865次 阅读工具：字体：大中小 一 首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。 建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。 第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。 第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。 第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。 怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。 二 一、工具 1、空间 网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。 2、软件 推荐使用Dreamweaver6.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。 二、教程

教你制作静态网页的方法

教您制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点----管理站点----新建----站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开与保存网页文件 创建:文件----新建----创建 打开:文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存:文件---保存或另存为 b、设置网页的页面属性 修改---页面属性---然后设置(标题、背景、背景图像、文本等) c、设置网页对象的颜色 网页对象,如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d、网页文本的输入与属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项目符号,对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e、网页图片的插入与属性设置 插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。

网页制作经验编写高效率的HTML网页代码

网页制作经验编写高效 率的H T M L网页代码 Document serial number【UU89WT-UU98YT-UU8CB-UUUT-UUT108】

许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误，甚至常看到有人在抱怨其网站排名不理想，到其网站简单看一下便可发现 HTML代码中充斥各种各样的错误，在那样的代码基础上无论付出多少努力去优化网站结果都可能是付诸流水的啊！事实上，IE是一款对HTML代码容错能力甚高的的浏览器，——说句题外话，尽管我们可以有各式各样的理由可以攻击微软，但微软对其产品操作的易手性及可用性方面所做的努力是不容抹杀的。——Web页面能够在IE下正常显示绝不意味着页面的HTML代码没有问题，甚至可以推而广之，Web页面在多种浏览器下均可正常显示也不意味着HTML代码完全合法有效，毕竟哪个浏览器都要保证基本的容错的功能，不然，就会发生即使仅仅因为网络传输中的一点导致导致 HTML页面显示不正常了，而这在网络带宽仍然紧张的今天仍是频繁发生的。什么是合法有效的HTML代码 简单说来，我们的Web页面是由HTML(Hypertext Markup Language :超文本链接标示语言)元素构成的，即使对于ASP、PHP之类的动态页面，其也是由SERVER将ASP或PHP语句渲染成相应的HTML元素并下传到客户机上；对于JavaScript之类则由客户端将其转换为HTML。 同其他语言一样，HTML也有自己的语法规则，无论是浏览器还是搜索引擎的Spider都在根据这些规则来分析网页代码中的内容。但很多时候，即使对熟练人员来说，在HTML页面构建时仍然难免出些HTML代码上的错误，更别提大部分所见即所得编辑器造成的HTML冗余臃肿问题了。

教你制作静态网页的方法

教你制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点：站点----管理站点----新建----站点（前三步也可直接从“新建站点”进入下面的设置向导对话框）----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开和保存网页文件 创建：文件----新建----创建 打开：文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存：文件---保存或另存为 b. 设置网页的页面属性 修改---页面属性---然后设置（标题、背景、背景图像、文本等） c. 设置网页对象的颜色 网页对象，如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d. 网页文本的输入和属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法：1、汉字输入法设置为全角方式，按空格键即可输入。2、属性面版格式中：预先格式化的 换行：ENTER、SHIFT+ENTER 实例练习： 1、输入以下文字 书签夹在诗集里， 落叶夹在深秋里。 喜悦夹在生活里， 追求夹在人生里。 2、第一次设置格式为“无”，字体为“华文行楷”，字体颜色为“红色”，字号为“5号”，添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”，字体为“楷体”，字体颜色为“蓝色”，字号为“5号”，添加项

目符号，对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e. 网页图片的插入和属性设置 插入图片，在对话框中选择图片。（最好在建立站点时将欲用的图片素材复制到本地站点目录中） 插入图像占位符，在图片准备好后再加入图片。加入方法：1、双击图像占位符；2、点“属性面版”中的“指向文件”，拖到右边文件中要插入的文件处。 在图像属性面版中设置 f. 插入层 方法: 1、点击插入面版中的“描绘层”；2、在网页编辑器窗口中按住鼠标左键拖画出定位用的层； 3、可以随意移动层的位置； 4、可在层中插入图像、文字等。 g. *插入表格,用表格定位 方法： 1、先用鼠标点至欲插入表格的位置； 2、点插入面版中的“表格”—“插入表格”； 3、确定行数、列数后确定即将表格插入到选定位置了； 4、可在表格中任何单元格里插入图像、文字等。 h. 建立超链接 方法: 1、选中要建立超链接的文字或图像； 2、点右键“创建链接”打开的窗口或在属性的链接栏里，填入链接的目标。（如：本网站另一个网页，或外部网页如https://www.wendangku.net/doc/702884886.html,，或电子邮件如：mailto:zdhwangji@https://www.wendangku.net/doc/702884886.html,） 3、在页面属性里修改链接的属性：修改--页面属性（链接、活动链接、访问过链接） 二、制作实例1

初学者如何做一个最简单的网页.

怎么样做网页一、制作网站前的准备可以使用一种汉字输入方法，快慢不拘。会用IE点击上网并浏览网页知道一些最最基本的术语，例如说超级链接你知道点一下就能到别的网页去，这个相信你也会吧。你会使用office 软件——没听说过？WORD知道吧？就是你打字的东东。你肯定打过什么文稿之类的东东吧，那就得用到WORD，要不WPS也行，反正一定得会使用这样的软件，不然你就没办法实现制作网页的那些功能。 OK，假设你上面这些东东你全都会的话，那就可以制作网页啦。二、制作网页前必须了解的东东为了使我们这个教材真正实现谁都学得会，谁都看得懂，我决定不在这个教材里说任何专业的东东，我们是想做网页而不是想当网络管理员，更不需要为考什么等级而努力。所以我将这教材定位在最最简单明了的基础上，有些地方写得恐怕你看了也会说一声“弱智”，不过请相信，网上一定还有比你还弱智的朋友等着这些提示呢。呵呵，那么，开始制作啦！首先，我们需要有必要的软件来制作网页。我推荐你使用 Frontpage2003（没听说过吗？那我给你解释一下，你去街角的卖盗版盘的老板那问问，有FRONTPAGE2000全版的没有？老扳就会热心的给你一套OFFCE2003，说这就是了，然后要你买下），这个软件同 WORD，EXCEL之类软件一样，是OFFICE系列的一员，安装OFFICE的时候将它也装上，你就能做网页啦，别担心你不会用，我会手把手教你做的。如果你不会装OFFICE，那就请你哪位哥哥帮你个小忙，请他为你装上，其实一点也不难装。好，假设你安装好了FRONTPAGE2003（FRONTPAGE2000也可，不过使用起来没有FRONTPAGE2003顺手），我就是用的FRONTPAGE2003，所以教材上也以此为准。喂，你先别得意，有了这个FRONTPAGE2003是可以做网页，不过还得有其它一大堆软件你才能做得和我的馨香小憩站一样呢，你要学的东东多着呢，千万别得意哦。三、正式开始啦好，打开FRONTPAGE2003，第一次进入左边会有个烦人的什么视图窗，这东东用不着，关掉它！怎么关？记好了，方法如下：点击上面那菜单条——选查看——在菜单上那个标有“视图栏”的小勾上点一下，呵呵！会了吧，为了简明起见，这个操作我将写为菜单——查看——视图栏记住了吗？这样你看着省心我打着省事，皆大欢喜 :- 现在出现在我们面前的是一个空白的页面。 1、给这个网面起个名字，怎么起？请看方法：菜单——文件——另存为……——（选择你想保存的文件名、

教你怎么制作个人网页.

教你怎么制作个人网页 从这儿开始 如果你对于个人网页很陌生,不知道该从哪里开始着手去做,那么就请按照下面所说的去做,你不需要具备网站建设知识,甚至不需要了解或使用任何编码,就能够创建属于你自己的个人网页。 把你的站点发布到网上 简易的站点主机——网上有一些免费的网络主机服务,它们能为你提供一种简单的方式,使你利用在线的简单的设计编辑器或使用模板来制作一个个人网站。你所要做的全部内容就是撰写你的网页内容,而不需要编码。 博客主机——如果你想要创建一个博客,那么有一些站点是你应该考虑的。它们很容易学会,也不需要任何技术性的知识。除了网页和博客以外 档案站点——像 MySpace 这样的网站, 可以让你创建一个在线的个人空间, 你可以在这个空间内和互联网上的其它人进行交流。你可以添加几张照片,告诉别人关于你自己的事情。 在线相簿——把你的数码相片放到网上,创建你自己的个人在线相簿。 Wiki ——另一种形式的网站。 Wiki 是一个既允许你,也允许你的访客更新你的站点的网站。你来选择主题,他们帮你写内容。 制作在线网页 网站制作程序——当你想要制作你的网站的时候,你可以使用一个与你的网络主机服务一起供给的在线编辑器,或者你可以买一个你自己的程序来在你的电脑上设计网页。如果你想要创建属于自己的网页,那么互联网上有许多这样的程序可供选择。

上传网页——如果你决定在你的电脑上制作而不是在线制作你的网页的话,那么,在完成制作后你需要使用某种方法把你的网页上传到你的网络主机服务器上去。许多主机服务提供给你了这样的程序,来帮你实现这一点,但是有的却没有。如果你的主机服务提供商没有给你提供这种程序的话,你会需要一个这样的程序。 图形 所有关于添加图形的事情——这里有你所需要知道的如何开始向网页中添加图形的全部内容。了解如何链接到你的图形,如何把它们从网络上下载下来,如何从你的网站上把它们上传上去以及其它。 免费在线剪辑艺术——你可以在你的个人网站上免费使用的图形。下载这些图形,把它们添加到你的网页上,来营造一个更加个性化的网站外观。 模板和娱乐 复制 /粘贴模板——如果你想让你的网页看上去是某一样子的你可以利用模板来设计它。拷贝下代码,把它粘贴到你的 HTML 编辑器中。然后在空白处填上你自己的个人网页上想要的内容。 添加在线挂件 /附件——如果你想要在你的网站上添加些有趣的东西,试试这些。天气预报,游戏,占星,地图等许多东西你都可以尝试下。

网页设计与制作模板

存档资料成绩： 课程设计报告书 课程名称网页设计与制作 题目设计个人网站主页 分院电信分院 专业班级电子商务 学号 学生姓名 指导教师 2011 年 6月 20日

课程设计评阅意见 评阅人__________职称________ 年月日

目录 第1章课程设计任务书 .................................. 错误!未定义书签。 一、课程设计题目设计个人网站主页............... 错误!未定义书签。 二、课程设计工作：................................... 错误!未定义书签。 三、课程设计的内容要求：............................. 错误!未定义书签。 1、课程设计要求.................................. 错误!未定义书签。 2、课程设计内容.................................. 错误!未定义书签。 第2章课程设计目的 .................................... 错误!未定义书签。 第3章课程设计内容................................... 错误!未定义书签。 设计一选题的基本原则................................. 错误!未定义书签。 （1）选题应反映本专业的培养目标，符合专业综合训练的要求。错误!未定义书签。 （2）选题要有利于深化所学的专业知识和拓展所学的知识面。错误!未定义书签。 （3）选题的难易程度和工作量要适当，保证在规定的时间内，在教师的指导下，经过努力能够完成。 设计二选题范围..................................... 错误!未定义书签。 设计三选材......................................... 错误!未定义书签。 设计四正确运用DW和Ps ............................. 错误!未定义书签。 设计五课程设计心得................................. 错误!未定义书签。 第4章课程设计步骤 .................................... 错误!未定义书签。 设计一查找相关资料................................. 错误!未定义书签。 设计二利用Ps进行切片.............................. 错误!未定义书签。 设计三利用DW编辑.................................. 错误!未定义书签。

教你如何快速制作网页

1. 建立文件夹。 首先创建一个文件夹，选择HMTL在站点右击鼠标点击新建文件夹。 然后进去输代码 用户名： 密码： 确认密码： 邮箱地址：

性别： 男 女 学历： 专科 本科 研究生 爱好： 体育 音乐 读书 个人简历：

教你如何制作网站

教你如何制作网站？ 如果你是一个新手，如果你对制作网站不太了解，想建一个自己的网站，但却无从下手怎么办？看完这篇文章希望对大家有所帮助。本文总结了网站建设的各个环节。 一、网站制作前期策划 你想建一个什么样的网站？你的网站定位是什么？在建站之前，这是首先要考虑的问题。我们应该先考虑好建设一个什么主题的网站，例如一个以计算机技术为主题或美食为主题的网站等等。再就是你建设这个网站的目的是什么？是纯粹为了个人爱好而建？还是用来宣传企业而建？还是为了盈利而建？如果是后者，则还要考虑一下盈利模式,目前最基础的、最常见的盈利模式是广告盈利。当然，你也可以考虑其他运作方式。例如阅读付费、会员付费、下载付费、电子商务等等。 二、选网站域名 确定了网站类型及定位之后，我们需要选择一个心仪的域名。除了域名的主要部分之外，我们还要选择一个合适的域名后缀，不同的域名后缀代表不同的网站类型。当然，现在已经没那么严谨了，自己喜欢什么后缀，就选择什么后缀。常见的域名后缀有.com(常用于商业公司)、.net(常用于网络服务)、.org(非盈利组织)、.cn(国内域名)等等。其中.com后缀是最普遍的。其次是.cn的，但目前.cn已不开放给个人用户注册了。有些特殊域名我们是无权力注册的，像.gov 只开放给政府机构，.edu只开放给教育机构。域名最好与网站主题相关，简单易记为宜。与网站主题紧密相连，域名后缀用的是非盈利组织的org域名。确定域名之后，就可以到域名注册机构注册了。域名注册机构有很多，像18互联、新网、万网等等。注册时，先查询一下是否已被别人注册，如果没被注册，可以提交申请。如果已被注册，则需要重新考虑其他域名或向域名持有者购买这个域名。域名注册后，每年要向域名服务机构交纳服务费。如果要求不高的话，你也可以找一些免费的二级域名。 三、选虚拟主机 确定域名之后，我们就需要找一个存放网站的空间（称虚拟主机）。首先需要估算好网站大约需要占用多大容量，根据你需要的容量去找。如果占容量大的话，可租用整台服务器或自己购买服务器托管。其次，你想要什么类型的空间？是全能型的，还是PHP专用型的，还是ASP或https://www.wendangku.net/doc/702884886.html,型的？数据库是MSSQL 还是 MYSQL？选择什么类型的空间取决于网站程序。再就选择线路，你是想要电信的还是网通或铁通的？或者直接选择双线或三线的都可以。除了以上选择，还需要选择带宽，你想要多快的速度？如果有条件的话，可以购买自己的服务器、建设自己的机房。如果你不想投入成本，你也可以找到免费的空间。一般情况下，不建议建设视频类、图片类以及资源下载类网站，因为运营这样的网站需要投入大量的资金购买服务器与带宽。

使用模板和库项目

第八讲使用模板和库项目 在Dreamweaver中，利用模板和库项目能够创建具有统一风格的网页，利用这一功能还有助于简化对网站的维护，你可以在短时间内重新设计自己的网站并对数以百计的网页做出修改。 一、模板的应用 1．模板概述 模板实际上是一种特殊网页，可以通过模板页面产生许多形式相似的页面，和CSS样式表相区别的是，CSS样式表主要是对文字、超级链接等网页元素进行规范统一设置，而模板是对整个页面来说的，包括图片、表格、文字等等。由模板产生的页面和模板有着附属关系，模板的改变会导致由模板产生的页面发生变化。 模板的使用是有一定的条件的，只有在制作过程中包含有大量的网页、而且页面布局比较相近的情况下，才考虑使用模板。因为如果一页一页地制作，不仅浪费时间，还容易出错；在多人分工的情况下，如果不使用模板，每人制作的页面会有很大差别，而调用同样的模板，能够制作出一致效果的页面。 所谓模板，就是指一个文档，可以将该文档用作其它要创建的文档的基础。在创建模板的时候，可以指定哪些元素保持不变(也就是不可编辑)，哪些元素可以进行修改。举例说，如果准备发布在线杂志，报头应该是不会再发生什么变化了，但是每一期的标题和特写故事的内容肯定是要有变化的。为了指定特写故事的风格和位置，可以使用占位符文本，并将其定义为可编辑区域。当要添加新的特写时，只要选取占位符文本，并输入文

章取而代之即可。 即使模板已经被用来创建文档了，也是可以修改的。这样，在更新应用模板的文档时，文档中不可编辑的区域就会进行更新，继续同模板保持一致。 2．创建模板 可以利用现有的HTML文档进行必要的修改制作出符合需要的模板，当然也可以从空白文档开始创建模板。 创建的模板会自动存放在位于本地机器上的站点的根目录中的模板文件夹Templates中，扩展名为.dwt。如果该文件夹还不存在，Dreamweaver 会在保存新模板的时候自动创建。不要任意更改移动该文件夹，也不要更改模板文件的扩展名。 ⑴将现有的文档保存为模板 当网站中存在布局和样式的设计都比较满意的网页时，可以将这样的网页保存为模板，使其他页面的设计和修改都与此页保持同样的风格。 ①选择【文件】→【打开】，打开选定的文档。 ②选择【文件】→【另存为模板】。 ③在随后出现的对话框中，选取站点，并在另存为对话框中输入模板的名字。 ④点击保存。 ⑵创建新模板 ①选择【窗口】→【资源】→【模板】。 ②在模板面板上，执行操作：

怎样制作网页

怎样制作网页 1、 FrontPage FrontPage是一款优秀的网页制作与开发工具之一，它本身也是Office2000中的一个重要组件，采用了与Office2000其他组件一致的界面和操作方式，只要您使用过Office软件，就可以轻松掌握FrontPage的用法。 2、网页制作三剑客 Flash、Dreamweaver、Fireworks合在一起被称为网页制作三剑客。这三个软件相辅相承，是制作网页的首选工具，其中Dreamweaver主要用来制作网页文件，制作出来的网页兼容性好、制作效率也很高，Flash用来制作精美的网页动画，Fireworks用来处理网页中的图形。 3、Photoshop Photoshop是Adobe公司的王牌产品，无论是在平面广告设计、室内装潢，还是处理个人数码照片方面，Photoshop都已经成为不可或缺的工具。在网页制作方面，它多姿多彩的滤镜和功能强大的选择工具可以做出各种各样的文字效果来。4、Swishmax Swish是一款非常方便的Flash文字特效制作工具，你只要点几下鼠标，就可以创造出形状、文字、按钮动画，你也可以选择内建的超过230种诸如爆炸、漩涡、3D旋转以及波浪等预设的 动画效果。 5、PhotoImpact PhotoImpact提供了多媒体时代专业影像设计者最直觉的创意空间、最方便的制作工具、及最宽广的表达形式，整合了新时代的3D物件及文字特效与粒子效果、压力笔支援、不同的自然笔触、各式直觉操作的特效图库、以及网页影像与办

公室文件的相容性，将构思到表达的过程完整组合，是专业网页影像设计者不可或缺的利器。 6、Sound Forge Sound Forge软件是一款非常棒的音效编辑软件,它除了音效编辑软件的功能外,还可以让你处理大量的音效转换的工作,使你能够轻松的完成各种看似复杂的音效编辑工作。如果下载的是英文版，可以用金山快译永久汉化，但效果不是很尽人意。 7、硕思闪客精灵 硕思闪客精灵是一款用于浏览和解析Flash动画的工具。它可以将.swf文件导出成.fla文件，还能将flash动画中的图片、矢量图、声音、视频(*.flv)、文字、按钮、影片片段、帧等基本元素完全分解，以及对动作脚本(ActionScript)进行解析，清楚的显示其动作代码，让你对Flash动画的构造一目了然。建议你赶快去下载吧～, 8、Clipyard 你只要导入不同的Flash动画文件，将其放在不同的层上，经 调试效果，导出后就成了一个单独的flash了，操作简单，特别适合于将自己喜欢的Flash动画加入祝福、签名后赠送友人。 9、FlashFXP 是一款优秀的FTP工具，特别适合Web站点管理员使用。支持文件夹(带子文 件夹)的文件传送、删除;支持上传、下载及第三方文件续传;可以跳过指定的文件类型，只传送需要的文件;可以自定义不同文件类型的显示颜色;可以缓存远端文件夹列表，支持FTP代理;具有避免空闲功能，防止被站点踢出;可以显示或隐藏“隐藏”属性的文件、文件夹;支持每个站点使用被动模式等。 10、FlaX FlaX是一款制作Flash文字特效的小巧软件。在以前若要制作文字绕圆圈的动画，在Flash里一个一个字的慢慢调整位置，颇费时间，如果使用FlaX很快就可

手把手教你使用Dreamweaver制作一个网页

如何使用Dreamweaver制作一个网页? 2009-04-24 13:35 创建网页页面 1、在Dreamveaver“文件－新建－常规－基本页－HTML”，这样就建好了一个页面，英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。 注：网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页，上传后打开网页默认连接到此页。 2、在标题空格里输入网页名称，点击修改－页面属性，打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像，超级链接的颜色（一般默认即可），其他都保持默认即可。 3．此时光标位于左上角，可输入一句话，如“欢迎来到我的主页”。选取文字，用菜单“窗口/属性”打开属性面板，选取文字大小为6，再使文字居中，然后在文字前用几个回车使其位于页面中间等。 4．如要选取字体，则选择字体中的最后一项：编辑字体列表。然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体，点击中间的按钮就可以加入了。 注：在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用，

因为别人电脑上未装就看不到。如果需要用的话，要做成图片后再使用。注：在网页上打入空格的办法是：把输入法调为全角。 注：在网页上换行的办法是：shift+Enter。只按Enter则为换段。 下面拿一个现成的例子来给大家讲解一下： 现在，以下边的简单网页为例，叙述一下制作过程。简单网页如下图：在开始制作之前，我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。 □网页顶端的标题“我的主页”是一段文字。 □网页中间是一幅图片。 □最下端的欢迎词是一段文字。 □网页背景是一深紫红颜色。 构思好这个网页的结构，我们就可以开始制作了。 首先启动Dreamweaver，确保你已经用站点管理器建立好了一个网站（根目录）。 为了制作方便，请您事先打开资源管理器，把要使用的图片收集到网站目录images文件夹内。 进入页面编辑设计视图状态。在一般情况下，编辑器默认左对齐，光标

教你如何制作一个完整的网站

教你如何制作一个完整的网站 首先,可以告诉想学网站制作的朋友。学习制作网站和学习其它知识一样,是要有电脑基础的。在基础之上学习起来会比较轻松和快捷的。其次,要清楚学习它是用来做什么。 建议你要具备的条件:对电脑熟练操作,使用电脑最好在一年以上,会打字,懂基本电脑知识,反正不要太笨就可以了,呵呵。当然,这些不是一定必须的。 第一阶段:开始时最好是学些网页编辑软件和基础网页脚本语法,如Dreamweave r软件,HTML语法(百度一下:HTML入门),CSS语法(百度一下:CSS入门),这样可以使您更了解网页制作与运营的原理。最好是拿本教程来学学,结合教程边学习边制作,这最多花你一周时间,如果有时间再学点javascript脚本语法(百度一下:javascript入门)。 第二阶段:会用网页制作软件和基础语法后,已会可以制作一个较完整的网站了。当然为了让网站做得更漂亮,功能更强大,你就需要学一些动态编程语言,常用的有ASP,PHP和https://www.wendangku.net/doc/702884886.html,,推荐后两种,应为ASP再过一段时间会被淘汰,后两种程序区别自己上网搜索吧,本人更倾向于学习.NET,面向对象,功能太强了,微软的东西就是强悍。 如果你没有精力去学这些复杂动态编程语言,你完全可以利用现成的网站管 理系统(实际也叫建站软件,比如PageAdmin系统、shopex系统、discuz系统等都比较优秀),这也是目前比较流行的方法,省时、省力。 第三阶段:结合你自己已掌握地知识来开发网站,可以开发出别人给你定义的目标网站。到了这个时候,你就成为真正的网站开发者了。 怎样制作网页,不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要和一些捷径,希望能够给想要学习制作网页的朋友一个参考。 工具 1 、网页做好了肯定是要发表上网的,所以必须先申请一个空间;免费的空间不是很稳定,容量又小,也不好申请,建议到服务器公司先买一个个人空间,大概有

项目6使用模板和库提高制作效率

项目使用模板和库提高制作效率 一、教案建议 模板与库是网站制作中最常用的工具，利用模板，用户可以批量制作风格一制、内容不同的网页，省去了期间繁琐的工作，而且利用模板，还可以达到使网页外观达到统一的目的；库功能即用户可以讲一些常用的资源保存在库中，待到要用时直接从库中调用该资源就可以 了。该项目通过两个任务，形象直观地介绍了模板、库在网页制作中的作用及使用方法。 该项目理论知识详尽，要求结合上机实践操作，巩固学生的理论知识，提高学生的学习兴趣，并以“项目总结”的形式通过“发现问题一一解决问题一一总结问题”的方式加深学生的印象，增强学习效果。 为了提高学生的应试能力，尤其是一些考级需要，建议教师在教案的过程中有意识地穿 插该项目后面“自我评测”的操作题与该教材配套光盘中配套的实例题，让学生在实际操作的过程中解决一些问题，达到理论实践一体化的效果，以便学生更好更牢固的掌握知识点，学以致用。 、教案简案

【组织教案】检查学生出勤情况，做好学生考勤记录。强调上课课堂纪律，活跃互动教案气氛。 【课题导入】 在项目中我们了解到，网站是由若干个网页组成。而隶属同一个网站中的许多网页的设计风格相似，只是内容不同。一个网页一个网页地制作，往往耗时且不方便控制。 像这样，在同一个网站中的网页通常都使用统一的风格，采用大致相同的网页布局结构、 版式、导航条、图片和等。为了避免不必要的重复操作，提高制作过程中的工作效率，可以使用提供的模板和库功能，将具有相同布局结构的页面制作成模板，将相同的元素制作为库项目，以便随时调用，实现批量化制作网页。面我们来学习如何在中创建和编辑模板与库。 【技能训练】（上机实训：课时） 一、项目任务 任务一：使用模板制作网页。 任务二：使用库制作相似网页。 二、任务实训 .学生根据该项目的任务要求进行上机操作，教师在机房巡回指导。 .完成一个任务后，教师引导学生进行总结，然后进行下一个任务。 .在完成该项目所有任务的基础上，教师结合项目后“技能巩固”的操作题及光盘中的实例题，布置课后上机题。 【布置作业】 .教材项目后面的“自我测评”

如何制作网页

如何制作网页？关于这个问题网上太多回答了，不过我还是以过来人的切身经验给新手们大致总结一下，希望能让新朋友们少走点弯路....（不好意思，有点飘..） 首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有电脑基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。 建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，会打字，懂基本电脑知识，反正不要太笨就可以了，呵呵。当然，这些不是一定必须的。 第一阶段：开始时最好是学些网页编辑软件和基础网页脚本语法，如：Dreamweaver软件，HTML语法(百度一下：HTML入门)，CSS语法(百度一下：CSS入门)，这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作，这最多花你一周时间，如果有时间再学点javascript脚本语法(百度一下：javascript入门)。 第二阶段：会用网页制作软件和基础语法后，已会可以制作一个较完整的网站了。当然为了让网站做得更漂亮，功能更强大，你就需要学一些动态编程语言，常用的有ASP,PHP和https://www.wendangku.net/doc/702884886.html,,推荐后两种，应为ASP再过一段时间会被淘汰，后两种程序区别自己上网搜索吧，本人更倾向于学习.NET，面向对象，功能太强了，微软的东西就是强悍。 如果你没有精力去学这些复杂动态编程语言，你完全可以利用现成的网站管理系统（实际也叫建站软件，比如PageAdmin系统、shopex系统、discuz系统等都比较优秀），这也是目前比较流行的方法，省时、省力。 第三阶段：结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。 怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要和一些捷径，希望能够给想要学习制作网页的朋友一个参考。 工具 1 、网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到服务器公司先买一个个人空间，大概有个20M 以上的就可以了，当然也可以在自己电脑上安装IIS来模拟服务器运行（这里不详细说了，有兴趣的朋友百度一下相关知识，这个是很容易的） 2 、图片处理软件推荐firework或photoshop，HTML编辑软件推荐Dreamweaver，当然如果你会HTML语法，那用计事本直接编辑会更高效。 教程 花点时间，找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成，不外是文字、表格、图、动画还有就是背景音乐等几个大的元素，搞清楚如何将这些元素摆放进去，你也就算懂得如何制作网页了。 制作 开始时建议去下载一个比较简单的网页，在制作软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。 其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了。