当前位置:首页 » 网站资讯 » 静态网站怎么制作
扩展阅读
从哪里弄网站 2025-01-18 14:37:08
网络共享为啥总是没有用 2025-01-18 14:36:09

静态网站怎么制作

发布时间: 2022-02-06 23:14:06

㈠ 静态网页制作的具体过程

流程适合于
静态网页初

1
软件介绍
建立管理站点
网页网站介绍
网站取名
设计风格
色彩运用
定位
向(理论)
素材收集
软件启用
功能性菜单工具介绍
页面属性设定
预览网页
2
创建新文件
设定文本图片
画格式
文本属性
涉及
HTML

图片属性
图文超连接
图文混排
段落


序列表
水平线

特殊字符
图片轮显
导航菜单
插入Flash(.swf)
字体


3
创建超级连接
a
文本连接:
网络
站内;b
图片连接:整图
热点区域;
c
邮件
址连接;
d
载打
框连接解释;
e
书签锚点连接:
同页
同页
要求

路径

路径
熟练掌握
/Article/wysj/jzll/200510/404.htm
4
建立表格
表格
建立
格式化表格(颜色采用规则)
表格数据
排序表格


选取


填加删除
矩形
单元格块
相关操作
标准视图
布局视图

伸展表格
表格
网页
应用~


表格介绍
5
帧-框架页面
框架
建立
保存
连接--
站点
起步
及iframe
运用
6


间线
运用
鼠标移
图片
显示隐含图层
&

图层
应用
http://www.pconline.com.cn/pce/sj/wz/Dreamweaver/10111/14968.html
点击按钮
现隐含图层
&
拉菜单
实现
http://www.pconline.com.cn/pce/sj/wz/dreamweaver/10111/14982.html
何赋予文字图层特效
&
Timeline
基本应用
http://www.pconline.com.cn/pce/sj/wz/dreamweaver/10111/14992.html
比较复杂
Timeline例
http://www.pconline.com.cn/pce/sj/wz/dreamweaver/10111/15019.html
7
FORM表单相关
8
CSS
式表
9
Head
部属性

代码全
...

具体内容

a
标题元素
帮助用户更
识别文件


首页或收藏
做文件名
b
…显示本文档

文档

关系
c
文档
包含风格页
文档本身
内部

d


路径定义绝
路径url
读者

文档
知道

e
用于包含脚本(
系列脚本语言写
命令)
JavaScript

VBScript
f
10
态HTML应用


11
模板

12
发布设置

求采纳

如何制作静态网站

制作静态网站使用HTML5进行一个网页的编写就可以进行了

㈢ html静态网页怎么制作啊

<html><head><title>我的网页</title></head><body>我的网页</body></html>

最最基本的HTML,把他复制下来粘贴到记事本,然后把记事本的后缀改成html.

㈣ 静态网页制作

方法/步骤

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中,保存后打开看看效果!
小编在这里省略了表格和视频的制作,小伙伴不知道的话,可以网络搜索一下。
整个简单的静态网页制作完毕。

㈤ 静态网页怎么制作

很简单了,你把下面的代码复制到一个记事本文件里面,然后将记事本文件的扩展名txt改为htm或者html然后用浏览器打开就是了网页了。
<html>
<title>
Example
</title>
<body>
<h1>标题</h1>
<p>正文</p>
</body>
</html>

当然你还必须到网上学习HTML语法。

㈥ 怎么做一个静态网站

下载Dreamweaver.exe并打开,选择你使用的编辑语言,本案例用html

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


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

㈦ 制作一个静态网页

静态网页很简单的...动态的才麻烦,静态网页大概不算美化(这个需要看具体的要求,难以估计)就是一个框架搭建出来就是1~2天的样子.