网页设计内容素材-网站制作需要哪些素材

1、确定网页的主体色调风格。我们制作自己的网页首先应该对自己的网页有一个整体的规划,是建一个什么类型的网站,网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划。

2、规划网站的整体布局——导航、按钮、图片、文字的排版方式。做什么事都不能盲目地没有目的地进行,那样只能浪费时间浪费精力,在我们制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图,或者浏览几个自己比较喜欢的网站学习借鉴。

3、准备和归类素材——图片、音频、视屏、文章等。制作一个网页需要大量的文件,我们必须先将这些不同类型的文件进行归类放置,整理到一个文件夹中。

4、打开Dreamweaver软件,新建一个站点,然后在站点下建立不同的文件夹存放素材。

5、建立自己的主页,按照之前的定的风格设计布局。不要急着添加图片和文字,先将导航栏,标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错,文件添加后就不要更改文件路劲了,否则会导致文件的丢失。

6、制作网页是一个非常复杂的过程,如果想从头到尾自己制作一个网页的话是很难说清楚的,所以这里就分享一个很简单的方法。找到一个适合自己风格或是自己比较喜欢的网页,右击鼠标——另存为。这时浏览器就会将这个网页中的所有的元素都复制下来,存放到一个文件夹中。

7、打开Dreamweaver软件代开刚刚下载的网页,这时Dreamweaver中就会显示你下载网页的所有元素,不会出现丢失的情况。

8、替换网页中的元素即可。选择需要进行修改的图片或是文字直接更换即可。选择一个元素然后在下面的属性栏中进行更换即可。同时还可以更换图片的大小和其他的属性。

9、按下F12进行预览效果即可。不满意的地方进行修改,一定要注意随时保存文件。

昵图网:资料很齐全,很多格式的素材都有(psd,cdr,dwg,max等等),下载素材要积分,积分可以用钱购买,也可以上传自己的作品获得积分。千图网:中国最大的免费素材网,里面的资料很多(但是没昵图网多),下载所有素材都是免费的,很适合平面设计的人,希望采纳

那么在网站制作过程中,我们需要哪些素材呢? 网站制作常用的素材:背景图片、图标、动画图片等等。 一、背景图片 CSS控制背景图片:对于一个网页,我们开始设计的时候,可能没有过多的去想背景图到底是什么,因为大多都是设计背景色就可以了,因为它与前景音乐一样,对于网页的打开,速度会有一定的影响。不过对于一般的个人网站,或者个人博客而言,它对展现自己的个性,当然是不可或缺的了。控制背景图片的CSS属性有很多,只要与图片的相关的,大多都会用的上。 1、为网页设计背景图片的代码是:body {background:url("d:\images\")}或者body {background-image:url("d:\images\")}。这样的话,我们就能将想要作背景的图片导进网页里了。 2、显示原始图片大小:body {background:url("d:\images\");background-repeat:no-repeat} 3、控制图片大小:body{background-image:url("d:\images\");width:350px;height:350px;} 二、图标 图标是具有指代意义的具有标识性质的图形,它不仅是一种图形,更是一种标识,它具有高度浓缩并快捷传达信息、便于记忆的特性。图标可以使用各种不同的格式BMP ,PSD ,GIF , JPEG ,WMF ....所有这些格式有几种不同的属性(点阵图,向量,压缩,分层,动画... ),可以用来存储图片,和决定任何大小。 三、gif图片 gif图片图片是图片的一种形式,gif图片可以达到一定程度的Flash效果,这就有利于搜索引擎优化,也可以是网站看上去更加美观。 网站制作素材可以有效的提高网站的整体风格,增加网站的视觉效果,可以提高网站的浏览量,吸引客户的眼球,让他流连忘返,很难在离开你的网站。素材的运用,要能结合网站的主题和需要表达的意境而定,好的素材能起到画龙点睛的作用。