导航:首页 > 万维百科 > 静态网页设计照片

静态网页设计照片

发布时间:2020-09-18 02:21:11

1、做一个简单的图片显示网页页面

※ ☆ ※为您做答 希望对你有帮助 如果满意请选择我的答案 您的支持是我最大的动力★★
★要想学做网页,首先得了解制作网页的工具。
制作网页主要有以下一些工具
Frontpage:office自带的一个工具,操作简单,实用,学起来比较轻松,功能不咋地,我不太喜欢。
Dreamweaver:这是网页三剑客之一,专门制作网页的工具,可以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。
另外一个工具就是代码编辑工具,例如写字本、EditPlus等,这些工具主要编辑asp等动态网页。
此外还有一些网络编程工具,javascript、java编辑器等。
网页制作也是一个比较吃香的行业,要真正做一个好的网站,还必须有良好的设计功底。所以还得学很多边缘性的软件,例如photoshop、flash等。
大型的网站往往还需要数据库的支持,所以还得懂数据库。sql、甲骨文等。
总之,掌握好网页制作,能独立完成一个网站的制作工作,那就不要考虑吃饭问题。随便混就好了!
祝你成功。
★你可以结合 Dreamwaver 和 Photoshop 来制作网页。
从最基础的HTML语言开始,学会了这就可以自己弄静态的网页了,学会了后就可以学动态的
网站设计八步骤
由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。
四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
五、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
六、上传测试
网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。
七、推广宣传
网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者
软件下载 用讯雷搜索一下
建议使用网页制作三剑客Dreamweawer+photoshop+Flash 或使用Frontpage
Dreamweaver v8.0 简体注册版
下载地址:
用网页三剑客吧,教程可参照以下网站:
※ ☆ ※为您做答 希望对你有帮助 如果满意请选择我的答案 您的支持是我最大的动力★★

2、网页制作,我想制作一个静态美文网页,带图片和论坛系统的,我该用什么软件制作网页不麻烦

可以去下载网站系统来做很方的,比如pageadmin系统、wordpress系统、discuz系统这些都很好用,都是免费下载的,后台功能都很强,而且很容易上手

3、在网页设计中怎样把静态图片变成几个连在一起的动态图片且在水平方向上

这就是一个示例:你可以自己更换图片<div id=demo
style="OVERFLOW: hidden; WIDTH: 860px; HEIGHT: 126px">
<table height=126px cellspacing=0 cellpadding=0 width=860px
border=0>
<tbody>
<tr>
<td width=601 align="center" valign="middle" id=demo1><table cellspacing=0 cellpadding=0 width=801 border=0>
<tbody>
<tr>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="147" align=middle class="lyh"><img src="images/index-guntu_31.gif" width="147" height="126" /></td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="147" align=middle class="lyh" ><img src="images/index-guntu_33.gif" width="147" height="126" /></td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="147" align=middle class="lyh"><img src="images/index-guntu_35.gif" width="147" height="126" /></td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="147" align=middle class="lyh"><img src="images/index-guntu_37.gif" width="147" height="126" /></td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="147" align=middle class="lyh"><img src="images/index-guntu_39.gif" width="147" height="126" /></td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="147" align=middle class="lyh"><img src="images/index-guntu_20.gif" width="147" height="126" /></td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="147" align=middle class="lyh"><img src="images/index-guntu_22.gif" width="147" height="126" /></td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="147" align=middle class="lyh"><img src="images/index-guntu_24.gif" width="147" height="126" /></td>
</tr>
</tbody>
</table></td>
<td id=demo2 width=21></td>
</tr>
</tbody>
</table>
<script language=JavaScript type=text/javascript>
<!--
var speed=30;
var speedStep=1;
demo2.innerHTML=demo1.innerHTML;
function MarqueeToLeft()
{
if(demo1.offsetWidth-demo.scrollLeft<=0)
{
demo.scrollLeft-=demo1.offsetWidth;
}
else
{
demo.scrollLeft+=speedStep;
}
}
var MyMar1=setInterval(MarqueeToLeft,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(MarqueeToLeft,speed)}
//-->
</script>
</div>

4、静态网页制作

方法/步骤

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

5、简单的静态网页设计

您好,说简单也不简单,如果你肯花时间的话,那总会学会,你可以去比较好的设计公司拿里看看他们的实例是怎么做的,你就知道是什么程度了,你可以去BBD公司看看,能帮到你的忙。
有种最简单的方法,最多十分钟就搞定一页:一,用DW软件,打开-插入-表格-(这里您已经有了要作一个什么样网页的大致想法)几行,几列。宽度要在1000为好,这样下面就会出现一个导航条,边界设置为0。如:插入表格为1行3列-确定。在用鼠标点击第一空格,插入-图片,寻找您要插入图片的位置,确定(或保存),然后在用鼠标点击第二个空格,插入。。。。等。以此类推。然后再用鼠标点击您刚才插入表格的下沿。重复您刚才的动作——插入-表格。几行几列要根据您对页面的构思而定。如果要在空格里插入文章,一定要把文章的格式转换成纯Word文档,后缀为.doc。

6、在html静态网页中如何插入背景图片,急需!!!

两种方法:
html:
<img src="xxx.jpg" width="100px" height="100px" />
说明:这是在网页中插入一副图像,能调整图像大小,能拉伸图像,但是不能平铺图像,图像要占用页面的空间的,一般情况下,文字不能在这样的图像上面。
css:
#yourID
{
background-image:url('xxx/xxx.jpg');
}
说明:这是背景图像,能平铺,但不能调整大小。不会占用页面空间,文字可在其上。

这两种看你的需要选择。

另外,像楼上的回答:<body background = "图片的路径">,这样做已经过时,不应该提倡。要知道,HTML只管呈现内容,CSS只管页面布局和修饰。

7、一般做网页设计背景尺寸定多大?

网页的背景多大要看对网页的要求的,
网页设计标准尺寸:
1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。
2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右
4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象.
页面标准按800*600分辨率制作,实际尺寸为778*434px
页面长度原则上不超过3屏,宽度不超过1屏
每个标准页面为A4幅面大小,即8.5X11英寸
全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px
另外120*90,120*60也是小图标的标准尺寸
每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K

8、网页设计如何定义图片的位置和大小

网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计. 网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展.但目前也有为数不少的15寸显示器.另一个是浏览器软件,就是我们常用的IE,遨游,Firefox等.
高度:
高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值。
宽度:
1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。 2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005 3、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001 注:Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。
所以如果是1024的分辨率,你的网页不如设成1000安全一点。设成900两侧空白更大,视觉上更舒服一点.也方便做一些浮动层的设计.
如果是800的分辨率一般都设成770。但也有设成760的.
这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以 800的分辨率一般设定760左右,1024的设定990左右.

网页设计标准尺寸:
1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。
2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右
4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象.
页面标准按800*600分辨率制作,实际尺寸为778*434px 页面长度原则上不超过3屏,宽度不超过1屏 每个标准页面为A4幅面大小,即8.5X11英寸
全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px 另外120*90,120*60也是小图标的标准尺寸
每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K
标准网页广告尺寸规格
一、120*120,这种广告规格适用于产品或新闻照片展示。 二、120*60,这种广告规格主要用于做LOGO使用。 三、120*90,主要应用于产品演示或大型LOGO。 四、125*125,这种规格适于表现照片效果的图像广告。 五、234*60,这种规格适用于框架或左右形式主页的广告链接。

六、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。 七、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。 八、88*31,主要用于网页链接,或网站小型LOGO。 广告形式 像素大小 最大尺寸 备注 BUTTON 120*60(必须用gif) 7K 215*50(必须用gif) 7K 通栏 760*100 25K 静态图片或减少运动效果 430*50 15K 超级通栏 760*100 to 760*200 共40K 静态图片或减少运动效果 巨幅广告 336*280 35K 585*120 竖边广告 130*300 25K 全屏广告 800*600 40K 必须为静态图片,FLASH格式 图文混排 各频道不同 15K 弹出窗口 400*300(尽量用gif) 40K BANNER 468*60(尽量用gif) 18K 悬停按钮 80*80(必须用gif) 7K

流媒体 300*200(可做不规则形状但尺寸不能超过300*200) 30K 播放时间 小于5秒60帧(1秒/12帧) 网页中的广告尺寸 1.首页右上,尺寸120*60 2.首页顶部通栏,尺寸468*60 3.首页顶部通栏,尺寸760*60 4.首页中部通栏,尺寸580*60 5.内页顶部通栏,尺寸468*60 6.内页顶部通栏,尺寸760*60 7.内页左上,尺寸150*60或300*300 8.下载地址页面,尺寸560*60或468*60 9.内页底部通栏,尺寸760*60 10.左漂浮,尺寸80*80或100*10

9、图片中静态网页设计代码怎么写,要详细代码

<div>
    <ul>
        <li><a href="#">栏目一</a></li>
        <li><a href="#">栏目二</a></li>
        <li><a href="#">栏目三</a></li>
        <li><a href="#">栏目四</a></li>
        <li><a href="#">栏目五</a></li>
    </ul>
</div>

与静态网页设计照片相关的知识