‘壹’ 设计WEB站点的一般步骤
(1)对Web站点作出具体的规划
(2)准备Web站点的素材
(3)创建 Web站点和制作网页
(4)测试Web站点
(5)发布Web站点
(6)宣传自己的Web站点
(7)对Web站点进行维护和更新
‘贰’ 如何制作网站 web
第一步：建站系统选择
不懂技术和设计的情况下，你就需要用到自助建站系统了，需要找网页制作公司的模板，这样可以让你零基础做出一个比较美观的网站。后台都是可视化操作，模板设计感强，简洁典雅，做出来的网站效果也非常好。
第二步：头图设计
访客打开你的网站后，浏览顺序一般是从上至下……因此，若想快速吸引访问者注意力，就一定要重视头图banner！让客户感受到视觉上的美观和愉悦，而不是看了你网站一眼就迅速关掉。头图一定要要足够显眼、吸睛。让客户一眼明白你是干什么的，千万不要太啰嗦，免得浪费客户时间。
第三步：详细信息展示
在标题头图之下，一般是企业简介、重要产品展示、团队成员、详细业务介绍、媒体报道等，网站靠后部分则是留言表单、联系方式。中间可以根据需求添加商城、博客等版块。这样的版块排列顺序比较有逻辑，便于客户理解。
如何制作网页，添加这样的功能呢？在上线了网站编辑器点击左侧【添加新版块】，可以添加各种功能——商城、定价表、相册、产品展示、大尺寸媒体、留言表单、横向布局、纵向布局等。版块的布局、顺序均可调整，版块内的文字内容、图片也可随时更改。
第四步：加强客户联系
网站是从互联网引流的好渠道，你可以在网站底部添加自己的社交媒体平台按钮，吸引客户关注你，进而为自己积攒私域流量。
第五步：发布上线
在网站后台的“设置”里你可以设置网站域名、标题、logo等等。全部做好并预览无误后点击左下角的“上线”，就成功发布自己的网站了。
‘叁’ web版本的网页设计有哪些应该怎么做
1.确定网页的主体色调风格。
我们制作自己的网页首先应该对自己的网页有一个整体的规划，是建一个什么类型的网站，网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划。
2.规划网站的整体布局——导航、按钮、图片、文字的排版方式。
做什么事都不能盲目的没有目的的进行，那样只能浪费时间浪费精力，在我们制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图，或者浏览几个自己比较喜欢的网站学习借鉴。
3.准备和归类素材——图片、音频、视屏、文章等。
制作一个网页需要大量的文件，我们必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中。
打开Dreamweaver软件，新建一个站点，然后在站点下建立不同的文件夹存放素材。
.4建立自己的主页，按照之前的定的风格设计布局。
不要急着添加图片和文字，先将导航栏，标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错，文件添加后就不要更改文件路劲了，否则会导致文件的丢失。
5.制作网页是一个非常复杂的过程，如果想从头到尾自己制作一个网页的话是很难说清楚的，所以这里就分享一个很简单的方法。
找到一个适合自己风格或是自己比较喜欢的网页，右击鼠标——另存为。
这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。
6.打开Dreamweaver软件代开刚刚下载的网页，这时Dreamweaver中就会显示你下载网页的所有元素，不会出现丢失的情况。
7.替换网页中的元素即可。
选择需要进行修改的图片或是文字直接更换即可。选择一个元素然后在下面的属性栏中进行更换即可。同时还可以更换图片的大小和其他的属性。
8.按下F12进行预览效果即可。不满意的地方进行修改，一定要注意随时保存文件。
‘肆’ 如何用web制作以下网页
这种是比较简单的，也就是通过控件和字符串进行，所以，可以通过DREAMWEAVER和C#等进行，在设计的时候要注意代码的符号，以免影响页面的整体变化情况。。
打开eclipse,建立一个servlet ，在创建一个java包
打开WebContent---WEB-INF---web.xml，点击打开web.xml,进行配置servlet的路径。
打开文件file，建立一个2.jsp的文件，在2.jsp中写登陆代码，并连接好数据库，具体的根据自己的实际情况而定。不会的可以在网上找登录界面的代码进行替换或根据LING---MAODIANSHANG进行改写复制。总之，要注意代码的字符
‘伍’ 《响应式Web设计HTML5和CSS3实战》pdf下载在线阅读，求百度网盘云资源
《响应式Web设计》（Ben Frain）电子书网盘下载免费在线阅读
资源链接：
链接：
书名：响应式Web设计
作者：Ben Frain
译者：王永强
豆瓣评分：7.3
出版社：人民邮电出版社
出版年份：2013-1-1
页数：231
内容简介：
随着iPad mini的发布，又一个新的屏幕尺寸诞生了。用不着全面统计，你就会发现移动互联网时代众多的屏幕规格，从智能手机的3、4、5英寸，到平板电脑的7、8、9、10英寸，再到笔记本和台式机的13至30英寸，绝非目前单一的固定或流式布局所能应付。于是，响应式设计应运而生，而且它也将成为移动互联网时代前端设计与开发人员的一门必修课。
本书堪称学习响应式Web设计的难得佳作。它不仅全面、细致、图文并茂地介绍了响应式设计相关的技术，比如媒体查询、流式布局、弹性媒体和弹性字体等，还把近几年来Web设计领域公认的最佳设计理念有机地融入到了实例当中，比如移动先行（Mobile First）、渐进增强、平稳退化、无障碍设计等。更加难得的是，本书以设计跨屏幕的网页（响应式设计）为出发点，以点带面，把如今Web设计领域两大标准的最新版本HTML5和CSS3也纳入其中，读者在掌握先进设计方法的同时也能掌握最新的设计技术（比如使用新的HTML5结构化语义标记、嵌入媒体、响应式视频，以及CSS3的新选择器、特效、过渡、变形和动画等），从而可以免除重复学习新标准之苦，让自己一步跨入Web设计领域的最前沿。无论你想学习响应式Web设计，还是学习HTML5和CSS3的实际应用，本书都能满足你的需要，是毋庸置疑的明智之选。
说到底，响应式Web设计并非一门独立的技术，而只是现有技术的一个组合应用。只要有一点HTML和CSS基础的读者都能顺利地掌握它。对于中、高级的前端设计和开发人员，翻阅本书也有助于理清自己的知识脉络，对这个新的设计理念获得更全面、深入的理解和把握。
习惯移动阅读的读者，可访问图灵社区，购买本书电子版：http://www.ituring.com.cn/book/1055
作者简介：
Ben Frain是一名具有十多年经验的网页设计师和前端工程师，直接与世界各地的客户和设计机构并肩工作。同时他还是一名技术记者，定期为一些关注Mac平台、前沿科技、网页设计和航空技术的刊物撰稿。
在此之前，他曾是一名怀才不遇的（而且谦虚谨慎的）电视演员，毕业于索尔福德大学的媒体与表演专业。他写了四部（自认为）同样被低估的剧本，而且始终心怀能卖出一部的信念（尽管不像最初那么强烈了）。
工作之余，在身体（和妻子）允许的情况下，他喜欢玩室内足球。 他的个人网站是www.benfrain.com，Twitter地址是twitter.com/benfrain。
‘陆’ 网页web设计应该如何排版
反差
浅蓝色背景上的淡粉色文字，可能与你的T恤相配，但读起来不太好。文本存在以供阅读;确保它与实现这一目标的背景有足够的对比。如果你一直对对比度不确定，那就对你的页面进行屏幕转储，打开你的图像编辑软件，并将图像降到灰度。你很快就会看到你是否有足够的对比。
层次性
更改类型大小是区分内容的最佳方法之一。颜色和漂亮的方框可能会有帮助，但不同大小的字体，在整个页面中一致使用，会向读者发出响亮而清晰的信号，告诉读者页面元素的相对重要性。这也意味着，如果你的读者很匆忙，他们可以迅速挑选出重要的部分--这可能意味着他们停留更长时间并继续阅读。
空间
让你的类型呼吸。不要害怕在页面中留下空白。这负或白色空间将有助于将注意力集中在文本上--而这是最响亮的文本，所以让它被听到。接下来，请记住线高属性;一个好的经验法则是行间距，即至少140%的文本大小。好的类型设计师将大量的精力投入到位于字体内部的微型白色空间中。他们花了数不清的时间试图在黑色和它所包围的负面或空白之间取得平衡。同样，我们应该花时间考虑宏空白，即形成文本块的“空白”。
关于网页web设计应该如何排版，青藤小编就和您分享到这里了。如果您对页面排版、网站设计、图像处理等有浓厚的兴趣，希望这篇文章可以对您有所帮助。如果您还想了解更多关于平面设计的素材及技巧等内容，可以点击本站的其他文章进行学习。
以上是小编为大家分享的关于网页web设计应该如何排版?的相关内容，更多信息可以关注环球青藤分享更多干货
‘柒’ 网页设计制作详细流程
分析如下：
1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。
(7)web网页设计实例扩展阅读：
网页设计
设计网站要注意两个要点：整体风格和色彩搭配。
风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。
风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。
色彩搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。
网页配色小技巧：
1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；
2．用两种色彩：先选定一种色彩，然后选择它的对比色；
3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；
2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。
‘捌’ Web网站设计的编辑推荐
本书从web网站设计所需的知识出发，循序渐进地介绍了网站规划与设计、超文本标识语言(HTML)、层叠样式表(css)。同时，通过大量实例，引导读者掌握HTML；通过网页制作工具软件Dreamweaver的学习，使读者能用可视化工具进行网页的布局、界面的设计，并巩固HTML知识。在此基础上学习脚本语言VBscript的基本语句、语法，为学习ASP打下基础；通过学习VBScript对象，使读者掌握和编写一些网页特效。最后学习AsP知识，并通过一个web数据库实例，使前面所学各种知识得到有机的结合与应用。本书内容丰富，实例恰当，在编写中注重培养读者独立思考问题和主动解决问题的能力，力求在学习的过程中积累实际工作经验。本书可作为高校学习web网站设计的教材，也可供网站设计爱好者、从事网站建设和开发工作的技术人员学习与参考。
‘玖’ 怎样制作自己的网页 web开发教程 企业建网站
我这边主要介绍一下企业找外包团队制作网站的一些流程，一般都是这样：
第一个步骤，就是网站制作公司的人员，来公司了解一下客户的主要目标和想法。一般的用户可以在这一步的时候，认真的跟网站制作公司的人员进行沟通。只有这样才可以做好网站。
第二个步骤就是进行初步的网站构架。这个主要是为实现网站的基本功能而坐的。有的网站看着很花哨，其实构架很简单，但是有的功能比较复杂。根据网站制作的技术人员的说法，网站框架的搭建比较考验技术，但是网站的整体就比较考验网站美工设计的能力。
第三个步骤就是网站的功能开发。如提交一个信息是否方便，是否能够有效传达企业的信息等。包括页面的特效，菜单展现形式，这些尽管策划人员前期已经规划，但是还是需要在网站功能开发中参与，以保证网站功能与开发需求的一致性，工作量少，但是却不可忽略。
第四个步骤上传网站并测试。网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，如LeadFTP，CuteFTP是常用的网页上传工具。
网站开发制作的过程耗时还是蛮久，如果用网站模板制作，就会方便快捷很多。