怎样制作简单的静态的网页设计

你好，很高兴为你解答:

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

2.做什么事都不能盲目的没有目的的进行，那样只能浪费时间浪费精力，在制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图，或者浏览几个自己比较喜欢的网站学习借鉴。

3.制作一个网页需要大量的文件，必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中。

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

4.建立自己的主页，按照之前的定的风格设计布局。

不要急着添加图片和文字，先将导航栏，标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错，文件添加后就不要更改文件路劲了，否则会导致文件的丢失。

5.制作网页是一个非常复杂的过程，如果想从头到尾自己制作一个网页的话是很难说清楚的，所以这里就分享一个很简单的方法。

找到一个适合自己风格或是自己比较喜欢的网页，右击鼠标——另存为。

这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。

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

7.替换网页中的元素即可。

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

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

在工作中很多设计师都会运用一些素材来进行设计，尤其新手设计师更愁自己找素材的渠道，在这里小编整理了一些设计素材网站供大家参考。国内比较出名的图片素材网站有千图网、千库网、90设计网、51元素网等等；国外比较出名图片网站有500px、大作网等。这些网站内有各种各样的大神级图片，不仅可以提高设计师审美，有了这些素材还能提高设计师的工作效率。不过设计师在寻找图片的过程中一定要注意几点问题，否则得不偿失。

一、图片素材是否侵权。

国内人的版权意识非常低，很多新手设计师特别容易犯一个毛病就是不注意版权胡乱寻找和使用图片，导致自己在最后惹上侵权官司，得不偿失。

二、知名网站上寻找素材更加保险。

小编上面推荐的一些设计网站还是比较靠谱，国内的如千图网和千库网，这些网站都是老牌大网站，他们都是用自己的设计师原创设计，上传供大家使用，所以版权基本上都是千图网或者千库网的，会员都有使用权，所以这就不用担心。

三、字体等素材是否侵权。

近年来字体素材侵权的现象也非常频繁，特别是方正字体所属的公司更是对侵权问题抓得很严，之前很多商家都曾经被送上法庭，所以字体素材在寻找的过程中也一定要注意侵权问题。

综上所述，设计师在找图片的过程中规避好侵权问题，可以为自己省去很多麻烦。作为一名设计师一定要有版权意识，而通过这些网站下载的图片一般设计师都有使用权，切忌不要通过某宝来购买素材，因为有很多都是侵权素材。对于设计师寻找图片素材你还有较好的素材网站供大家参考吗？欢迎评论区留言，供更多人参考。

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。

四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

1、图片必须清晰，像素高点的。不同位置对图片尺寸要求不一样，视情况而定。

2、图片色彩尽量与页面主色彩一致。

3、图片不要有其他的logo，水印等。

就目前国内而言，网站有两个较明显的作用：品牌展示、营销推广。我们都知道品牌是一种高级的营销，市场也越来越淘汰自嗨式的推广方式。真正能把客户的认可度做好，这就是一个好网站。

1、好的网站内容，一个网站内容是否丰富，是否有可读性，是否能留住访客阅读，引导咨询，吸引下一次还能浏览该网站。所以建设网站的一个关键是准备充足的内容，但是有一个点要注意，不可内容堆砌，不加以处理的内容反而会造成访客的阅读障碍，起到反效果。要做适当的提炼，也要保留精髓。

2、设计当然也是重要的，给人惊艳的视觉冲击绝对是一大亮点，各花入各眼，设计风格多种多样，但是大方向不出现偏差，给人以视觉上的舒适就是极好的

3、网站自身的构架以及代码，一个好的网站构架能够提升搜索引擎的友好度，那网站的框架怎么才算好呢，层级啊丰富，有关联有引导，这样能够更好的优化网站，对搜索引擎的抓取有好处。

4、后期的推广，网站是信息交流的平台，好的网站是有大流量访客的点击浏览的，推广也是可以考虑的方面，如果有营销的需求，可以做付费推广，流量大而且直接。也可以做免费推广，时间相对慢一些，坚持做优化也是一个很好的方式。

一张好的综合布线设计图纸可以节省你的布线时间和一些在布线的过程中遇到的现场问题，因为大楼里不单只有弱电，还有强电、消防、空调等等。

综合布线系统(Premises Distributed System，简称PDS)是一种集成化通用传输系统，在楼宇和园区范围内，利用双绞线或光缆来传输信息，可以连接电话、计算机、会议电视和监视电视等设备的结构化信息传输系统。

PDS使用标准的双绞线和光纤，支持高速率的数据传输。PDS使用物理分层星型拓扑结构，积木式、模块化设计，遵循统一标准，使系统的集中管理成为可能，也使每个信息点的故障，改动或增删不影响其它的信息点，使安装、维护、升级和扩展都非常方便，并节省了费用。

图标可以用在设计logo、网站设计、平面设计等多种场合，去哪里找免费优质的图标素材呢？今天我来给大家分享10个超棒的icon图标网站。

一、Flaticon

Flaticon是免费icon图标网站中最有名的一个，它是FreepikCompany旗下的产品，该公司以提供全球个人出色的视觉体验而知名。

除了让你能够免费下载图标之外，更棒的是任何人都可以成为Flaticon的图标制作者，并且部份图标会要求使用者付费购买，而当别人购买你设计的图标时，你可以从中赚取获利。

二、矢量图标素材

网址：https://www.logosc.cn/logo/

设计logo图标素材哪里找？这是一个矢量logo图标素材库，里面的各种分类非常全，全部是svg格式，并且可以以关键词形式搜索，非常方便。如果你挑选到了喜欢的logo，直接可以用LOGO神器在线设计自己的logo，对于设计小白，设计软件操作不熟练的人是款很省事的工具。

三、Iconfinder

有没有更多免费的icon图标网站呢?当然有，Iconfinder就是这样的一个存在，该网站上有14,851个以上的图标提供你免费下载，并且绝大多数的图标都有CC 3.0免费使用授权。

虽然icon的著作权仍然归原创作者所有，但好消息是你依旧可以将这些图标用于商业使用上。

除此之外，Iconfinder还有一个庞大的素材库，该素材库总共有超过300万个图标可供使用。

四、Icons8

Icons8是我最喜欢的icon图标网站之一，它们不仅提供很棒的素材内容，同时它们的操作界面也非常直观。

Icons8最出色的特点是图标多样性和编辑功能，例如你在搜索框搜索” 飞机 ”，接着你找到一个满意的图标，点击它之后就能进行颜色更换、添加字体或添加标记等，你不需要再开启图片编辑器，可以直接在网站上进行编辑。

最后，但并非最不重要的一点是，如果你使用Windows操作系统，并且不想花钱买矢量图形编辑器– Sketch，Icons8相关的同类型产品，它将会是你理想的免费替代方案。

五、Freepik

Freepik已经有十几年的历史，并且包括各种常见的素材资源，包括图标、图片和其他类型的素材。

每个图标都有专属页面，里面包括下载链接、授权资讯及大量相关图标，Freepik在相关图标建议的精确度确实令人惊奇，并且这些图标素材都看起来很棒。如果你正在制作信息图表或网页设计，那么Freepik会是你最佳图形素材来源之一。

六、Iconshock

Iconshock由致力于现代图形设计的Unusual Minds负责经营，这个公司经营图形设计超过十年，并为Iconshock平台积累了超过200万个原创icon图标。

他们的作品不仅在顶级杂志中被报道，甚至在世界上一些最受欢迎的软件中也能看到。如果要说真正的原创图标设计，这个团队绝对是榜上有名。

Iconshock除了拥有多达200万个图标的素材库外，它也可以自定义样式，你可以选择下载单个图标，或是直接下载整个图标包。

七、Pngtree

在几年内Pngtree就收集了数百万个独特的图形设计素材，包括插图、矢量图、模板、背景和图标等。

其中所有图标都经过分类，因此你可以透过分类快速找到需要的素材，找到图标后，可以将其以PNG或SVG的格式储存，最大支持尺寸是512×512 。

此外，每个图标都有单独的页面，你可以在这里点击下载，并且还有提供相关图标的下载建议，你可以顺便寻找可能会用上的Icon。

八、Iconstore

Iconstore与其他提供Icon免费下载的网站不同，独特的地方在于Iconstore专门提供受公认设计机构创作的原创图标包。

你可以获得超过230多种设计精美的创意图标，还能透过彩色、字形或类型等条件来过滤搜索结果，缩小搜索结果的范围。

你还可以更进一步，根据类别来选择图标，例如食品、科技、多媒体、商业、旅游或天气等。

Iconstore的图标品质非常的优秀，适合用来设计任何图像。

九、Material Icons

Material Icons主要以提供黑白图标为主，但并不是每个人都会用到黑白图标。

尽管如此，Material Icons提供的图标仍然非常不错，更不用说有数百种免费图标可供选择，非常适合网站设计使用。

选择图标后，你可以将颜色从黑色更改为白色，反之亦然，接着选择以SVG或PNG格式下载素材。

十、Freeicons

与我们已经介绍过的图标网站类似，FreeIcons也提供丰富的图标包供你免费下载。

每个图标包最多包括100个图标，而且大多数图标的设计都非常的赞，图标包主题似乎大部分都以技术为主。不过不用担心，你还是可以找到旅游、食物或其他主题的图标。

以上就是关于图标素材网站整理合集，希望对大家有帮助哦。