静态网站制作（静态网站制作过程和总结）

本文目录一览：

• 1、静态网页设计
• 2、静态网页制作步骤
• 3、制作一个静态版的网页，不需要自己编程？
• 4、怎么建立一个静态的免费网站
• 5、静态网页制作

静态网页设计

我把网上最主流的网页/网站制作工具都列出来了

其中第1、2是主要制作工具，后面的多是辅助工具

3、6是比较容易上手的

另外最简单的静态页面其实可以用word制作，保存成html就可以

你可以试试

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很快就可以就搞定。 FlaX有四个窗口面板：预览窗口、影片属性面板、文字属性面板、特效属性面板。

11、Web Animator

Web Animator(网页动画设计)是HomePage Builder附带的创建动画GIF的程序。所谓动画GIF是GIF格式图像文件的一种，组合几个图像象漫画一样连续运动。动画GIF与普通的GIF图像一样可以粘贴到页面。使用Web Animator可以完成如下工作：组合现有的图像，创建类似于漫画的动画；给一个图像添加动画效果，创建具有效果的动画；给指定的字符串添加动画效果，创建字符动画。

12.golive

Adobe收购mm之后推出的网页制作工具,将代替Dreamweaver成为主流.

满意请采纳。

静态网页制作步骤

以下流程适合于为静态网页初学者 1，软件介绍，建立管理站点 网页网站介绍，网站取名，设计风格，色彩运用，定位方向（理论） 素材收集，软件启用，功能性菜单工具介绍，页面属性设定，预览网页 2，创建新文件，设定文本图片动画格式 文本属性，涉及到HTML样式，图片属性，图文超连接，图文混排。 段落和行，有序无序列表，水平线，日期，特殊字符 图片轮显，导航菜单，插入Flash（.swf） 字体样式的学习 3，创建超级连接 a，文本连接：到网络，到站内；b，图片连接：整图，热点区域； c，邮件地址连接； d，下载打开对话框连接解释； e，书签锚点连接：到同页到不同页。 要求对绝对路径和相对路径的熟练掌握。 /Article/wysj/jzll/200510/404.htm 4，建立表格 表格的建立，格式化表格（颜色采用规则） 表格数据，排序表格 行和列的选取，行和列的填加删除 矩形多单元格块的相关操作 标准视图和布局视图，自动伸展表格 表格在网页中的应用~！ 其他花样表格介绍。 5，帧-框架页面 框架的建立，保存，连接--个人站点的起步 以及iframe的运用。 6，层以及时间线的运用 鼠标移到图片时显示隐含图层 拖动图层的应用 点击按钮出现隐含图层 下拉菜单的实现 如何赋予文字图层特效 Timeline 的基本应用 一个比较复杂的Timeline例子 7，FORM表单相关 8，CSS样式表 9，Head头部属性 以下所有代码全是在...之间，具体内容有： a，标题元素，帮助用户更好识别文件，有且只有一个。 当作为首页或收藏时做文件名。 b， …显示本文档和其它文档之间的关系 c， 可以在文档中包含风格页。 文档本身的内部样式。 d， …为相对路径定义绝对路径url，读者下载你的文档后，也可知道从哪下的 e， 用于包含脚本（一系列脚本语言写的命令）可以是 JavaScript 或 VBScript。 f， 10，动态HTML应用，行为样式 11，模板和库 12，发布设置上传

求采纳

制作一个静态版的网页，不需要自己编程？

你好。首先下载Dreamweaver.exe并打开，选择你使用的编辑语言，本案例用html

打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。

打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。打开表格属性编辑表格属性。插入1行和5列，表格宽度为1130,（即为网页的宽度），边距，间距分别为0，此表格只是为了定位，因此不设边框。

设置好表格后，可在表格里面插入你的内容，首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整，鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示

接下来我们来做搜索框，点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图，文本框上班还要添加内容，因此，可选择单元格右击选择表格—拆分单元格，此处是需要添加一行的内容，因此拆分为两行，如图所示。

用同样的办法拆分上面的行，因为要添加10个选择项，因此拆分为10列（右击选中的行—拆分单元格—10列—确定）。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。

接下来我们做搜索按钮，同样根据设计图要把表格拆分为两行。点击插入插入按钮的图片。

接下来给按钮添加链接，本次经验分享的是静态网页，因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接，或者其他网站链接。

剩下的内容都可根据方法步奏逐渐添加，调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面，把所有做好的网页用超级链接链接起来即可做成一个简单的网站

另外我们还可以采用front page。也可以很容易的实现。

望采纳。

怎么建立一个静态的免费网站

有点难度 但也可以解决

建站步骤：

1. 准备 所需软件 ：Frontpage， 或者 Dreamweaver 这两个软件是写代码的软件

然后 一个 Photoshop 或者 Fireworks

以上软件是 基本静态网页所需软件 任选其二 即可制作

2. 有了这些软件后 你要学会软件 基本操作，另外学习HTML代码，这个比较简单的，入门级的，花不了多少时间 你就能学以致用。。。

3.经过一段时间的学习 想必你已经尝试了一些制作

那么你可以找一个参照 的站来模仿做 或者直接存别个的页面 改连接还有样式 也可以用

4.想必经过你的努力 你的网站做的差不多了，恭喜 那么你可以考虑域名空间了

5. 天下没有免费的午餐 你看网上大把到的免费空间 有几个真可以免费用 呵呵

我可以免费，但不是真的免费，我送你空间用，你帮我做等价的事情，那么空间费用就相抵了

————————————————————————网虎科技 小鲁

静态网页制作

方法/步骤

1、新建一个txt文本文档，先不要急着修改文件后缀名，有基础的朋友手动输入HTML代码，不会也没有关系，百度搜索“网页HTML代码”。

代码：

!Doctype html

html

head

title静态网页制作教程/title

meta charset="gbk" /

link href="css.css" rel="stylesheet" type="text/css" media="all" /

/head

body

/body

/html

2、基础的静态网页代码写出来了，下面在body/body中间添加网页需要的数据内容（文字、图片、表格、视频等），然后将txt文本文档的后缀名.txt修改为.html。现在点击打开看看效果！小编在body中间加入的文字：静态网页制作教程。

3、这样的文字太单调了，需要用CSS样式定义，小编在桌面上新建一个文件夹“web”，把index.html文件放进去，然后在web文件件里面新建一个txt文本文档，修改为“css.css”。

4、使用鼠标右键“打开方式”，选择txt文本文档编辑css.css文件。用CSS定义网页字体大小12像素，网页背景色为红色，字体颜色为白色。

代码：

body{font-size:12px;background:red;color:white}

保存，然后打开web文件夹中的index.html文件，查看效果。

5、下面在web文件下面新建一个images文件夹，然后打开软件Fireworks，设计自己需要的图片（没有就去百度搜索自己需要的图片，使用QQ截图功能，截取自己需要的图片），把设计好的图片存入web文件夹下面的images文件夹里面。现在我们在body中放入图片，让图片在网页里面居中。

代码：

div align="center"

img src="images/pic.png" alt="logo" title="静态网页制作教程" /

/div

把上面的代码放入index.html的body中，保存后打开看看效果！

小编在这里省略了表格和视频的制作，小伙伴不知道的话，可以百度搜索一下。

整个简单的静态网页制作完毕。

静态网站制作的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于静态网站制作过程和总结、静态网站制作的信息别忘了在云尚网络www.ysfad.net进行查找喔。