网页设计如何制作，网页怎么制作和设计
1，网页怎么制作和设计
可以直接告诉你 网页制作与设计不是短时间能学会的 基本也要学会网页制作三剑客吧
刚刚学的可以 到网页设计网页找一些网页模版参考着来做 首先学者基本的网页设计 后面再学网页数据库聊天室那些吧 视频在狗狗里搜索就有很多了 也挺实用的{0}
创新互联建站长期为上千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为桂林企业提供专业的成都网站设计、成都网站制作，桂林网站改版等技术服务。拥有十年丰富建站经验和众多成功案例,为您定制开发。
2，怎么制作网页
想要制作出设计精美的网页，在以往非具有深厚的美术功力者无法达成这个目前，不过现在有了Liatro Button Maker之后，想要制作出精美的网页按钮就再也不是件难事。一句话，又快又好！
一、制作按钮
对于没有专业绘图能力的朋友来讲，使用Liatro Button Maker来制作按钮可一点也不费力，因为软件内建了相当多的按钮设计样本可供选择，只要选取需要的模板再加以修整即可使用。
1、选择按钮模板，花样繁多，必有一样适合你。
2、该按钮模板由四层对象组成，为每层对象配色。
3、按钮四周有控制符号（小黑方块、圆圈），可对按钮作放大/缩小/旋转处理。
4、为按钮选Rollover状态，此处选了三种，即“Mouse off”、“Mouse on”和“Selected”。
5、为三种状态各自配色。
6、按钮成型，利用图中的工具栏再作修饰与美化。
这一步供有设计需求的高级用户使用，除了基本的向量绘图功能外，亦有渐层、透明、羽化等数种着色模式，更加地丰富你所创作出来的网页按钮内容。
二、输出图像
既然软件是专为网页按钮所设计，在输出的图像格式上可选用GIF、JPG或PNG，无需再做任何转换。
7、选“File”→“Export as image”导出按钮，边框“Margin”设为1像素。
8、设定图像格式，此处选“PNG”，若设为“JPG”可对图像质量作调整。
9、选择图像的背景色，若为GIF格式，可设透明背景。
10、导出图像的同时还可生成HTML文档，很方便，点“完成”。
这套工具相当好用，可快速建立起优质的网页图形按钮，却并不需要高深的美术绘图功力。对于有心从事网页设计制作的朋友来讲，不妨考虑使用它来帮忙设计更加精美的网页。{1}
3，怎样制作网页
网页的学名称作HTML文件，是一种可以在www网上传输，并被浏览器认识和翻译成页面显示出来的文件。 WWW是“World Wide Web"的缩写；HTML的意思则是“Hypertext Markup Language”,中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包含图片、链接、甚至音乐，程序等非文字的元素。 网页就是由HTML语言编写出来的。 看到这，您也许会想：我最怕编程了! 别急！其实HTML语言只是一种排版语言，语法就类似于这样：“页高8宽5，(1,2)处插入高1宽1的图片A...” 如果您是使用WPS或则Word的高手，那么恭喜您，网页制作的学习您已经走了一半路了！HTML 全称 HyperText Markup Language，正式名称是超文本标记语言，HTML语言发展很快，已历经HTML1.0、HTML2.0和HTML3.0、HTML4.0多个版本，现在HTML5.0正在测试，同时DHTML (动态)、VHTML(虚拟)、SHTML等也飞速发展起来。我们现在一般只要掌握HTML4.0就可以了。 html利用标记（tag）用来描述网页的字体、大小、颜色及页面布局的语言，使用任何的文本编辑器都可以对它进行编辑，与VB、C++等编程语言有着本质上的区别。 举一个简单的例子： HTML 原代码： www.jzxue.com 从不懂上网到网络高手 在浏览器的显示效果： www.jzxue.com 从不懂上网到网络高手 其中 就是两个HTML标记。它以起始标记及结束标记标记文字 www.jzxue.com，令它显示成粗体。 也有懒虫(像我一样:－)觉得一下要记住HTML那么多枯燥的标记实在太麻烦了。那么有一个偷懒的办法：找一个所见即所得的网页制作工具，即使一点HTML语言都不会，也可以制作出出色的网页。(嘘——，别声张！)后面，我会为大家介绍这类工具的。 说到底，我还是推荐您稍微了解一些HTML的语法。这样，您可以更精确的控制页面的排版，可以实现更多的功能。当大家称赞羡慕您的主页的时候，您就会觉得很值得哦！主页制作的基本条件 在WWW上,不论你是资产上亿的大公司,还是捉襟见肘的穷学生,只要你建立了自己的主页,你们的地位就是平等的。实际上,许多个人管理的站点比商业站点更加受欢迎。一切都在于你的内容和创意.那么制作主页需要什么条件呢? 主页制作的基本条件有： 硬件： 一台电脑(64MB以上内存，当然越大越好啦)； 可以拨号上网；如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入; 软件： HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍 Dreamweaver； 图像处理软件：常用的有Photoshop、flash、Fireworks 等； 文件上传软件：常用的有Cuteftp、WSftp等。 如果你已经万事具备了，我们继续下一步：制作主页前的准备.如何制作网页目录 认识网页 制作主页前的准备 如何选择网页制作工具 如何把握网页布局 设计网站65条原则 下载安装Dreamweaver8 规划站点 设置站点 制作模板 制作首页 套用模板修改模板
首先得学会使用frongtpage或Dreamweaver，还要会PS,最好要会制作flash!推荐看金鹰电脑教程，一学就会！其次得申请空间和域名，然后将域名绑定在空间上，这样别人只要输入你的域名就可以浏览你的网页 www.chenbiaocb.cn这个就是我自己使用frongtpage制作的个人网站，欢迎光临!
{2}
4，如何设计网页
dreamweaver 以及 html的教程: http://www.enet.com.cn/eschool/zhuanti/dreamweaver/ photoshop 教程 http://www.enet.com.cn/eschool/includes/zhuanti/ps/ flash 教程 http://www.enet.com.cn/eschool/includes/zhuanti/flash1130/ div+css 教程 http://publish.it168.com/2008/0602/20080602042401.shtml 网页设计不是单一的某一门课程 她是一个专业方向 学好网页设计 要学的东西也很多 其中涵盖平面设计,动画制作,脚本编程等等 祝你成功!如果说是网站的话（网站有很多个网页组成，并相互串联起组成一个集体）那你就按照以下的顺序做就可以了 1、定位：它是有关什么的，是个人网页还是企事业的，你的网站准备怎么做，做成什么样子的， 2、设计：网页界面的设计，建议使用fireworks，初学者建议用这个。 3、制作：建议使用dreamweaver来做，当然你要是还觉的麻烦的话，拿直接用word来做也行，只是在存储的时候选成存为html文档就可以了。 jiho 回答采纳率:22.2% 2008-09-30 22:17 检举 线性结构 这是网站最简单的一种结构，它是以某种顺序组织的，可以是时间顺序，也可以是逻辑甚至是字母顺序。通过这些顺序呈线性地链接。如一般的索引就采用线性结构。线性结构是组织网页的基本结构，复杂的结构也可以看成是由线性结构组成的。 2、二维表结构 这种结构允许用户横向、纵向地浏览信息。它就好象一个二维表，如看课表一样。 3、等级结构 等级结构由一条等级主线构成索引，每一个等级点又由一条线性结构构成。如网站导航等就是这种结构。在构造等级之前，你必须完全彻底的理解你的网站内容，避免线性组织不严的错误，不方便浏览者。 4、网状结构 这是最复杂的组织结构，它完全没有限制，网页组织自由链接。这种结构允许访问者从一个信息栏目跳到另一个栏目去，其目的就是充分利用网络资源和充分享受超级链接。整个互联网就是一个超级大的“网”状结构设计网页先根据你要设计的网站的类型进行页面的划分，主要用表格实现，然后根据你的需要，用photoshop等制作你的图片，在连接到你的主页上！ 再就是要给你网页设计一个后台！ 这样一个网站基本上就完成了。要想学做网页，首先得了解制作网页的工具。 制作网页主要有以下一些工具 Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。 Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的选工具，界面简单，实用功能比较强大。建议初学者选用。 另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。 此外还有一些网络编程工具，javascript、java编辑器等。 网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。 大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。 总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！ 网站设计八步骤 由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。 二、搜集材料 明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。 三、规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。 五、制作网页 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。 六、上传测试 网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。 七、推广宣传 网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。 八、维护更新 网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。 网页制作教程: FONTRPAGE的 http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/fp2k.zipdreamweaver的 http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/dreamweaver.zip要是在网上的话,你最好去一些论坛,你可以查一下,很多的
5，怎样设计网页
一、设计的任务
设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。
网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。
第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。网页教学网 http://www.webjx.com
第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。
明确了设计的任务之后，接下来要想的就是如何完成这个任务了。
二、设计的实现
设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。
设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。 接下来我们要做的就是通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver里完成的。虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色了。网页教学网 http://www.webjx.com
三、色彩的运用
色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。一般来说，红色是火的颜色，热情、奔放;也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。
我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们的作品更贴近现实。
色彩代表了不同的情感，有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。
但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。
四、造型的组合
在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。网页教学网 http://www.webjx.com
通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。
造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上的各种元素有机的组织起来，它甚至还可以引导观者的视线。
五、设计的原则
设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则:统一、连贯、分割、对比及和谐。
统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。网页教学网 http://www.webjx.com
分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。
对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。
和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。
六、网页的优化
在网页设计中，网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。
在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。
图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。网页教学网 http://www.webjx.com
表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道:浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按"停止"按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。
网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800*600下制作网页，最佳浏览效果也是在800*600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。
说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。
当前文章：网页设计如何制作，网页怎么制作和设计
文章出自：
http://hbruida.cn/article/ejhoos.html
