网页设计收集

1、如何制作网页？

一． 网页制作基本技术

网页制作的基本要点是：学会在网页中插入表格、图片、动画、视频文件等。

下面以“氢气的性质和用途”网页制作为例，简介应用FrontPage制作网页的基本方法。

在“氢气的性质和用途”网页中我们将插入“氢气球”、“氢能汽车”等图片。插入“纯净的氢气安静燃烧，不纯氢气点燃爆炸”等FISAH动画，插入“氢气燃烧”的视频录像。

1．建立文件夹

制作网页前，要收集素材，并将收集的素材放在自建的文件夹中。

这里我们先在E盘建立一个H2文件夹，在H2文件夹中再建立SC文件夹，将收集到的素材放在SC文件夹中（图1）。

2．收集素材

素材可从购买的光盘上复制，也可从网上搜索下载。

2．1视频素材的收集

“氢气的性质”录像是我们从初中化学VCD光盘上复制的。

方法是，用资源管理器打开VCD光盘文件，在MPEGAV文件夹中找到所需的MUSIC07.DAT文件并复制到SC文件夹中，并改文件后缀名为MUSIC07.mpeg（图2）

2．2网上图片的收集

利用搜索引掣可在网上得到所需的图片资料。

这里应用google.com来搜索图片。

在浏览器地址栏中键入google.com，打开页面后再在搜索栏中分别键入关键词“氢气、氢气球、氢电池”等。将找到的图片另存到SC文件夹中（图3）。

2．3网上动画素材的收集：

课件类FLASH动画素材一般要到专题网站去收集。各学科的专题网站很多，例如中小学教育教学网（K12.COM.CN）搜集课件很方便。本网页中应用到的FLASH动画有“氢气的验纯（文件名：geh2.SWF）”、“氢气还原氧化铜微观过程（文件名：hecuo.SWF）”等，收集过程是：进入先得化学资源网（http://www.yeschool.net/phd/），在“搜索”窗中键入“氢气”，在搜索到的“匹配记录中”找到自己想要的素材并下载（图4）。

此时用鼠标右键单击“下载”文字，在弹出的菜单中选择“目标另存为”可将动画文件下载到本机指定文件夹中。

如果FLASH动画素材是在浏览器网页中看到的（嵌入在网页中），选择另存网页的方式，不能把FLASH动画另存下来。这时可打开浏览器工具栏的“工具”菜单，找到“Initernet”选项，在“常规标签”中间部分“Initernet临时文件”中打开“设置”按钮，再在弹出的对话框中选择“查看文件”，即可打开网页浏览器平台自带的“临时文件夹（Temporary Internet）”该文件夹产生的文件是按时间顺序排列的，最后时间内打开的网页，其临时文件在该文件夹的最后部分，所以在该文件夹中的最后部分文件中寻找FLASH动画特有的图标 ，逐一打开看，可找到你需要的动画，再选中该文件复制后，粘贴到素材文件夹中（图5）并重命名文件名。

3.制作网页

3.1打开FrontPage程序

鼠标指向开始菜单,在程序中找到Microsoft FrontPage 程序,单击即打开FrontPage程序。

3.2创建网页

鼠标指向文件，在下拉菜单中单击新建。在弹出菜单中选中普通网页，单击确定。

命名网页文件名为“氢气”，存盘，存盘路径E：\H2\ 。

3．3网页制作

3．3．1插入表格

我们用PowerPoint制作演示文稿时，可以将文本框或图片、表格等放在工作区的任意位置，但用FrontPage制作网页时，就不能将这些对象随心所欲地放在页面上了。

为使各对象能在页面的一定位置上放置，在用FrontPage制作网页时，常用表格的单元格把页面划分成一个个区域，文字或图片等对象就填充在单元格中。即单元格起到了固定对象位置的作用。

单击插入表格按钮，选定行、列数，即可插入表格，有时在大的单元格中，还需插入小的表格，进一步把大单元格的区域分成小的单元格（图8）。

一般情况下表格的框线不需要在页面上出现，可单击鼠标右键，修改表格属性，将单元格边距、单元格间距、粗细都设置为零。

在表格的单元格中可写入文字，调整文字的字体、大小、颜色。也可设置单元格的背景颜色。“氢气的性质和用途”网页上插入的表格及文字排列如图10所示。图中明、暗相间的区间为初始插入的表格的单元格，各区间中的分割线为在此单元格中再插入的表格的单元格。没有文字的单元格中将插入图片或动画。

3．3．2插入图片

网页中可插入后缀名为GIF和JPG等格式的图片。GIF图片又分为静止图片和动画图片。在本网页中的原子模型、红色线条、电视机画面就是GIF动画图片（文件名为052.GIF 、0182.GIF、0354.GIF）；网页中气球、氢能汽车、氢气的实验室制法等图片都是JPG格式的静止图片（文件名为qq.JPG 、HYBRIDFO.JPG 、0356.JPG）。

插入图片的操作是将光标停在需插入图片的单元格中，在“文件”栏中选中“插入”，在下拉列表中选中“图片——来自文件”，再在弹出的对话框中找到图片所处的文件夹及文件名，再单击“确定”即可（图11）。

3．3．3插入FLASH影片或视频影片

应用“插入”下拉菜单的“高级”选项，可在单元格中插入后缀名为SWF、AVI、MPEG等影片文件。

在本网页中，我们插入的FLASH影片有“氢气的验纯”（文件名：geh2.SWF）、氢气还原氧化铜微观过程（文件名：hecuo.SWF）。

插入FLASH影片的操作是将光标停在需插入图片的单元格中，在“文件”栏中选中“插入”，在下拉列表中选中“高级——插件”，再在弹出的“插件属性”对话框中单击“数据源”右边的“浏览”，找到需插入的FLASH影片，再单击“确定”即可（图12）。

图12 往文本“氢气的验纯”下方的单元格中插入FLASH影片（文件名：geh2.SWF）

在单元格的位置插入插件后，生成一个插头接口的标记 。

从光盘VCD上拷贝的视频录像（.AVI、.MPEG），要插入网页中时，可在“插入”菜单栏中直接选“影片”选项，在弹出对话框中找到有关文件选择“打开”即可。

AVI、MPEG格式的文件容量一般较大，直接插入到网页中时，会严重影响网页打开的速度，故一般不适宜在网页中直接插入，对这类影片可采用超级链接的方式进行下载播放。

3．3．4超级链接设置

网页制作的一个重要步骤就是对有关的文本、图片设置超级链接。在本网页中看不到的网页、图片、视频、网站等可以应用超级链接的方式发出指令在浏览器窗口中打开。

在本网页中，图片超级链接有：图片“氢能汽车”——链接到另一更大的“氢能汽车”图上（文件名：HYBRIDFO1.JPG）、图片“电视机”——链接到“氢气的性质”录像片（文件名：MUSIC07.MPEG），图片“氢气的实验室制法”——链接到FLASH影片“氢气的实验室制法”（文件名：zh2.SWF），图片“中国新能源网”——链接到中国新能源网（网址：http://newenergy.org.cn），两个放大镜图片分别链接到“氢气的验纯”、“氢气还原氧化铜的微观过程”的FLASH动画上（文件名：geh2.SWF、hecuo.SWF）；在本网页中文本的超级链接有：“氢氧混合气点燃爆炸演示”——链接到“氢氧混合气点燃爆炸演示”（文件名：bc1.SWF），“氢氧混合气点燃爆炸微观解释”——链接到“氢氧混合气点燃爆炸微观解释”（文件名：bc2.SWF）。

超级链接是非线性超文本结构的网站及网页的核心。

设置超级链接的方法是：先选中图片或文本，单击鼠标右键，在弹出的菜单中选中“超级链接”，弹出“创建超级链接”窗口，再选中URL窗右边的“制作一个指向您计算机的超级链接”按钮，弹出“选择文件”对话框，选中需链接的文件，或在URL窗口中直接键入网址、文件的路径名，（图13、图14）。

图13 对图片“氢能汽车”进行超级链接设置（指向文件HYBRIDFO1.JPG）

图14 对图片“中国新能源网”设置链接，键入网址：http://www.newenergy.org.cn

这里要注意的是，编辑超级链接时，“目标框架”一般不用“默认值”而是选择“新建窗口”以便网页的浏览（图15）。

最后还想说一下滚动字幕的制作，选中需要滚动的文字，鼠标指向“插入”菜单，在上拉列表中选中“组件——字幕”，单击弹出对话框中的确定按钮即可。

到此，一个网页就基本制作完成了。如何知道网页在浏览器中的浏览效果呢，在FrontPage窗口的左下方有三个窗口切换标签： ，普通窗口就是我们的工作区，HTMH窗口可查看网页源代码，预览窗口可随时查看制作的网页在浏览器中的效果（图16）。

图16 “氢气的性质和用途”网页在浏览器中的图象

4.将存放网页及素材的文件夹转换成WEB文件夹

我们是在H2文件夹中建立的SC文件夹基础上制作网页的，这样的网页的各种链接一般是绝对路径关系，如果把H2文件夹换一个位置（如复制到D盘），再打开该文件夹中的氢气.HTM网页，就可能打开的是一个有一些图片看不到，单击一些链接无响应的缺损网页，这样的网页是不能放在网站上对外发布。这样的文件夹叫非WEB文件夹。

如果把存放网页及素材的自定义文件转换成WEB文件夹，则文件夹中的网页与各链接文件的关系就会变成相对路径关系，这样把该文件夹不管放到什么目录下，该网页在被打开时都不会有缺损，且超级链接都能正确响应。

如何将非WEB文件夹“H2”转换成WEB文件夹呢。操作很简单。

打开在FrontPage 程序后，单击“文件——打开站点”出现打开站点对话框，在“查找范围”窗口中找到E:\H2文件夹，单击“打开”（图17），

图17 以站点形式打开H2文件夹

这时会再弹出一个“向文件夹中添加FrontPage信息”对话框，问：是否向H2文件夹中添加FrontPage信息（图18）？单击“是”，会自动生成文件夹列表并打开网页“氢气.htm”(图19)，这时文件夹“H2”就转换成了WEB文件夹，在该文件夹中自动生成四个文件夹：用来存放图片和网页等文件的images和_private文件夹，含有超级链接信息的隐藏文件夹_vti_cnf和_vti_pvt。在本网页制中过程中，我们已经将素材文件放在了SC文件夹中，所以images和_private文件夹可以删除。但_vti_cnf和_vti_pvt切不可删除（图20）。

当H2文件夹转换成WEB文件夹后，其中的网页“氢气.htm”上的超级链接关系即转换成相对路径关系，该文件夹放在任何目录下，网页打开时不会缺损。

5．网页（网站）发布

有时我们要把已经制成的网页或网站存放到特定的文件夹之中。成为可对外发布的网页或网站。例如，我们想把“氢气.htm”网页发布到“氢气”文件夹之中。

“氢气. htm”，网页的路径是E:\H2\氢气.htm，在H2文件夹中还有SC素材文件夹，我们用到的图片、动画、视频文件都放在这个文件夹中。

先在E盘建立一个文件夹，命名为“氢气”，这就是我们将要把网页发布后存放的文件夹。在FrontPage 程序中打开网页氢气. htm，鼠标指向文件，在下拉菜单中选中“发布站点”，弹出“发布站点”对话框，单击“指定站点位置”窗口右边的浏览按钮，找到e:\氢气，选中后，用鼠标单击“打开”，再单击“发布”按钮，出现确认对话框，单击“是”，“H2”文件夹中的有关文件就会导入到“氢气”文件夹中，“发布完成（图21、图22、图23）。

注意有些网站的服务器不支持中文路径，建立文件夹及网页文件时最好用英文名称或数字名称。

图23 成功发布站点

我们在光盘H2文件夹中放了两个网页，一个是“氢气的性质和用途”（文件名：氢气.htm），另一个是“氢气的性质和用途”的表格文件（文件名：氢气网页表格.htm），在第二个文件中有部分图片及链接，是不完整的网页。读者不妨试一试：在FrontPage 程序中打开第二个文件，照着我们前面网页制作的方法介绍，把它制作成与第一个文件画面，链接关系一样的htm文件，并发布。

二． 制作网页的注意事项

应用于课堂教学或专题学习网站的网页与平时在网上浏览的公司网页相比，有较大的区别。

页面设计上，构图要力求简明，图形、标题、文字标注三者并重，不能像公司网站的主页，看得人眼花缭乱。

动画要适当，不要一打开网页到处都在动，让人不知看什么地方是好。

主题要鲜明，一个网页一个主题。

文字不宜多。一个页面不要超过300字，字要大一些。

2、网页设计，怎么做？

一、确定网站主题

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

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

三、规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。
四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。

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

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

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

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

3、网页设计流程是什么？

设计流程：

主题明确：

在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。

Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。

为了做到主题鲜明突出，要点明确，应该使配色和图片围绕预定的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

充分利用已有信息，如客户手册．公共关系文档．技术手册和数据库等。

设计思路：

1、简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。

2、使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美

3、整体性好：一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。

4、网站形象突出：一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，使网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

5、交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。

版式设计：

网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。

版式设计通过文字图形的空间组合，表达出和谐与美。

多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

色彩作用：

色彩是艺术表现的要素之一。在网页设计中，设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。 根据色彩对人们心理的影响，合理地加以运用。如果企业有CIS（企业形象识别系统），应按照其中的VI进行色彩运用。

形式内容：

为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。

灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。

三维空间的构成：

网络上的三维空间是一个假想空间，这种空间关系需借助动静变化．图像的比例关系等空间因素表现出来。 在页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。

通过图片、文字前后叠压所构成的空间层次不太适合网页设计，根据现有浏览器的特点，网页设计适合比较规范、简明的页面，尽管这种叠压排列能产生强节奏的空间层次，视觉效果强烈。

网页上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。

虚拟现实：

人们已不满足于HTML（标准通用标记语言下的一个应用）编制的二维Web页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。

VRML是一种面向对象的语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多地为虚拟现实环境服务。

多媒体：

网络资源的优势之一是多媒体功能。要吸引浏览者注意力，网页的内容可以用三维动画、FLASH等来表现。但要由于网络宽带的限制，在使用多媒体的形式表现网页的内容时不得不考虑客户端的传输速度。

便于使用：

如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业信息和服务项目呢？使用一些醒目的标题或文字来突出您的产品与服务。

并且即使您拥有最棒的产品，如果客户从您的网站上看不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这对于网页设计而言是失败的。

导向清晰：

网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不必让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释，以便那些不愿意自动加载图片的观众能够了解图片的含义。

快速下载时间：

很多的浏览者不会进入需要等待5分钟下载时间才能进入的网站，在互联网上30秒的等待时间与我们平常10分钟等待时间的感觉相同。因此，建议在网页设计中尽量避免使用过多的图片及体积过大的图片。主要页面的容量应确保普通浏览者页面等待时间不超过10秒。

非图形内容：

在必要时适当使用动态“Gif”图片，为减少动画容量，应用巧妙设计的Java动画可以用很小的容量使图形或文字产生动态的效果。但是，由于在互联网浏览的大多是一些寻找信息的人们，仍然建议您要确定您的网站将为他们提供的是有价值的内容，而不是过度的装饰。

反馈与沟通：

让客户明确您所能提供的产品或服务并让他们非常方便地订购是您获得成功的重要因素。如果客户在您的网站上产生了购买产品或服务的欲望，您是否能够让他们尽快实现吗？是在线还是离线？

因此，如果是产品或服务介绍网站，应该有留言、电话、在线咨询等功能或信息呈现。

在企业的Web站点上，要认真回复用户的电子邮件和传统的联系方式如信件．电话垂询和传真，做到有问必答。最好将用户的用意进行分类，如售前一般了解．售后服务等，由相关部门处理，使网站访问者感受到企业的真实存在并由此产生信任感。

测试改进：

测试实际上是模拟用户询问网站的过程，用以发现问题并改进网页设计。应该与用户共同安排网站测试。

内容更新：

企业Web站点建立后，要不断更新网页内容。站点信息的不断更新，让浏览者了解企业的发展动态和网上职务等，同时也会帮助企业建立良好的形象。

注意不要许诺你实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。 如果要求访问者自愿提供其个人信息，应公布并认真履行个人隐私保承诺。

(3)网页设计收集扩展资料：

网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。

作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。

网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

网页设计主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

标题设计：

在设计网页标题时，应注意同时兼顾对用户的注意力，以及对搜索引擎检索的需要。这一原则在实际操作中可通过三个方面来体现，这三个方面也可以被认为是网页标题设计的一般规律：

1、网页标题不宜过短或者过长

一般来说6-10个汉字比较理想，最好不要超过30个汉字。网页标题字数过少可能包含不了有效关键词，字数过多不仅搜索引擎无法正确识别标题中的核心关键词，而且也让用户难以对网页标题（尤其是首页标题，代表了网站名称）形成深刻印象，也不便于其他网站链接。

2、网页标题应概括网页的核心内容

当用户通过搜索引擎检索时，在检索结果页面中的内容一般是网页标题（加链接）和网页摘要信息，要引起用户的关注，网页标题发挥了很大的作用。

如果网页标题和页面摘要信息有较大的相关性，摘要信息对网页标题将发挥进一步的补充作用，从而引起用户对该网页信息点击行为的发生（也就意味着搜索引擎推广发挥了作用）。

另外，当网页标题被其他网站或者本网站其他栏目/网页链接时，一个概括了网页核心内容的标题有助于用户判断是否点击该网页标题链接。

3、网页标题中应含有丰富的关键词

考虑到搜索引擎营销的特点，搜索引擎对网页标题中所包含的关键词具有较高的权重，尽量让网页标题中含有用户检索所使用的关键词。

以网站首页设计为例，一般来说首页标题就是网站的名称或者公司名称，但是考虑到有些名称中可能无法包含公司/网站的核心业务，也就是说没有核心关键词，这时通常采用“核心关键词+公司名/品排名”的方式来作为网站首页标题。

开头所列举的某网络营销服务商网站首页标题实例，其实也是采用这种方式来设计网页标题，只不过由于罗列了太多的“核心关键词”，反而没有了核心。

做美工看起来并不是一件容易的事情。首先，要对整个站点和企业有个大致的了解。例如：某些企业喜欢蓝色的主调，你不可能去做个红色的主调，这样完全违背客户的主要意愿，如果百度的标志改成五颜六色的，相信大家也不会认可的。

站长的职责是规划网站结构。同样也需要有一定的审美观。下面介绍了几款常用的绘图工具和基本知识。

参考资料：

网络-网页设计 （网站技术）

4、有哪些比较全面的网页设计素材收集网站？

昵图网，我图网，红动中国等

5、html网页设计模板素材哪里下载？

说到网页设计模板素材，Boss设计这里收藏了好几个优秀国外网页设计资源站，现在一一推荐给你。

1、CssWinner｜全球独特网页设计资源站点
2、OS_Templates｜免费PSD网页设计模版
3、One Page Web｜一个优秀网站设计资源库，网页设计师素材库
4、Webydo | 设计师的网站在线生成神器
5、Landingfolio | 一个优秀Web网页设计画廊
6、Boss设计 | 收集国内外优秀网页设计作品

上述就是几个优秀网页设计模板素材，望采纳~

6、网页设计制作详细流程

分析如下：

1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

(6)网页设计收集扩展资料：

网页设计

设计网站要注意两个要点：整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

网页配色小技巧：

1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；

2．用两种色彩：先选定一种色彩，然后选择它的对比色；

3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；

2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。

7、《 网页设计与制作》作业:设计制作一个小型网站

主题：大小适中、内容健康、思想积极向上、具有时代气息。题材：不限，但网站提供的信息应与网站主题相符合。网站色调：站点统一，简洁大方，不能过于花哨。网站规模：站点结构完整，各级页面数量适量（5-10个子页面为适中）。加分项目：特色美工技巧或网页特效、ＷＡＰ、ＲＳＳ、ＦＬＡＳＨ、３Ｄ等。提交格式：1、设计策划书（doc文件）：说明设计理念、设计流程、设计技巧、设计结构图等，要求排版规范。2、注明所使用的网页制作工具。3、不必交原创模版源图png/psd等原文件，只需附上效果图（jpg或gif格式）。4、网站须压缩打包（可压缩为RAR格式）。5、整个网站大小须控制在2M以内。6、确保提交的网页无病毒。7、严禁抄袭！步骤参考：1、根据个人网站的性质与任务，进行栏目的策划，并为自己的网站取一个名字。2、进行网站结构的规划，确定网站的层次数，画出网站的结构框图。3、根据栏目设计，收集有关材料。4、将收集的材料，按栏目进行分类。5、对收集的材料进行提炼加工，以符合自己的需要。6、上网浏览不同网站的内容和风格，根据你的优势或喜好确定个人网站网页的设计风格。（1）要求设计网站的标志；（2）采用互补色，同类色，邻近色以及一些颜色的明暗变化，完成页面的色彩搭配以及页面的布局。（3）确立每个页面之间的链接和整体导航的统一。7、具体设计时，可以参考某个优秀的网站进行页面的设计或者完全自己设计。其步骤如下：（1）观察所选择参考网站的特点，并进行有效的改造。（2）在草图上仔细推敲各层页面。（3）在图像处理软件中，完成各级页面效果的实现。8、进行各级页面的设计，同时考虑与所需制作软件的结合。

8、网页设计有哪些好的网站

网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。
无论是什么样的网页设计常用的工具一般都是以下几个：PS、FL、DW、FW

9、我想设计一个网站，专门用来收集学生的资料，免得自己输。学生访问我的网站，在打开的网页里面填入资料。

不是我打击你。。。一点基础没有，很难！
并且，做站很难。。。我做过的网站不下于二十个了
我建议你用帝国的CMS做，PHP程序，但是做模板，就需要你懂一些基础了