① 怎样制作简单的静态的网页设计
你好。首先下载Dreamweaver.exe并打开,选择你使用的编辑语言,本案例用html
打开页面后,选着设计窗口,如图所示。设计窗口可以快速布局网页,不需要自己编辑代码。
打开你要设计的网页的设计图,本经验是网络经验首页为例,首先我们制作顶上的搜索条,点击插入—表格(如图所示)。打开表格属性编辑表格属性。插入1行和5列,表格宽度为1130,(即为网页的宽度),边距,间距分别为0,此表格只是为了定位,因此不设边框。
设置好表格后,可在表格里面插入你的内容,首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整,鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示
接下来我们来做搜索框,点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图,文本框上班还要添加内容,因此,可选择单元格右击选择表格—拆分单元格,此处是需要添加一行的内容,因此拆分为两行,如图所示。
用同样的办法拆分上面的行,因为要添加10个选择项,因此拆分为10列(右击选中的行—拆分单元格—10列—确定)。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。
接下来我们做搜索按钮,同样根据设计图要把表格拆分为两行。点击插入插入按钮的图片。
接下来给按钮添加链接,本次经验分享的是静态网页,因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接,或者其他网站链接。
剩下的内容都可根据方法步奏逐渐添加,调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面,把所有做好的网页用超级链接链接起来即可做成一个简单的网站
另外我们还可以采用front page。也可以很容易的实现。
望采纳。
② 静态网页制作的具体过程
流程适合于
静态网页初
者
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
发布设置
传
求采纳
③ 静态网页制作 求大神回答
D,没有font-color这个样式,设置字体颜色直接用color
④ 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中,保存后打开看看效果!
小编在这里省略了表格和视频的制作,小伙伴不知道的话,可以网络搜索一下。
整个简单的静态网页制作完毕。
⑥ 静态网页制作作品
已发送查收
不行hi我
教你
记得给分啊
⑦ 求一个网页制作的成品(HTML静态网页的)
还是要自己动手写写的呀~曾今我也为了交这个作业一筹莫展
⑧ 静态网页制作作业。要HTML的,简单点,不要太复杂,初学那种的。
<html>
<head>
<style>
html,body{margin:0px;text-align:center;}
.main{width:1000px;margin:0pxauto;padding-top:30px;}
.title{font-size:18px;text-decoration:underline;font-weight:bold;}
.formtable{width:100%;font-size:12px;margin-top:20px;}
.lefttd{width:350px;text-align:right;}
.righttd{text-align:left;}
.etxt{width:300px;}
.etel{width:200px;}
.eta{width:320px;height:100px;}
.cinpt{text-align:center;padding-top:20px;}
</style>
</head>
<body>
<divclass="main">
<div><spanclass="title">请留下个人资料</span></div>
<div>
<tableclass="formtable">
<tr><tdclass="lefttd">姓名:</td><tdclass="righttd"><inputtype="text"/></td></tr>
<tr><tdclass="lefttd">E-mail:</td><tdclass="righttd"><inputtype="text"class="etxt"/></td></tr>
<tr><tdclass="lefttd">电话:</td><tdclass="righttd"><inputtype="text"class="etel"/></td></tr>
<tr><tdclass="lefttd">性别:</td><tdclass="righttd"><inputtype="radio"checked="checked"name="rd"/>女<inputtype="radio"checked="checked"name="rd"/>男</td></tr>
<tr><tdclass="lefttd">年龄:</td><tdclass="righttd"><select><option>20以下</option><option>20以上</option></select></td></tr>
<tr><tdclass="lefttd">留言板:</td><tdclass="righttd"><textareaclass="eta"></textarea></td></tr>
<tr><tdclass="lefttd">您的爱好:</td><tdclass="righttd"><inputtype="checkbox"name="cb1"/>运动<inputtype="checkbox"name="cb2"/>阅读<inputtype="checkbox"name="cb2"/>听音乐<inputtype="checkbox"name="cb2"/>旅游</td></tr>
<tr><tdcolspan="2"class="cinpt"><inputtype="button"value="提交"/></td></tr>
</table>
</div>
</div>
</body>
</html>
初学的,那上面这段代码应该可以了
⑨ 静态网页制作(dw)最简单的即可
什么方面的内容啊
其实只要随便放几个图片弄几个超链接就可以了
⑩ 网页设计和室内设计我该去选择哪个工作好呢
两个设计是完全不一样的行业
一个是跟网络有关的 是平面的设计
一个内是跟装修设计有关的 是三维立体容的设计
网页设计需要你有耐心 有毅力 而且有一定的英语基础的 网页设计涉及的软件比较多的(是指动态网站的 要是 静态网页 就好做的 也好学的)
室内设计需要你有耐心 有吃苦的毅力 而且室内设计不需有美术基础的但是要是有美术基础就更好了(有美术基础的话 对室内设计的色彩搭配 有很大作用的)
网页设计的学习和成为成手的设计 时间比较短的
而室内设计的学习是快的 但是 要成为成手的设计师的 话 要有1到2年的 实践和学习的 时间较长的
最终选择哪个行业 看看你对 哪个更喜欢的