㈠ 静态网页制作的具体过程
流程适合于
静态网页初
者
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天的样子.