如何设计网页制作，如何制作网页
创新互联建站是一家朝气蓬勃的网站建设公司。公司专注于为企业提供信息化建设解决方案。从事网站开发，网站制作，网站设计，网站模板，微信公众号开发，软件开发，小程序设计，十年建站对成都小搅拌车等多个领域，拥有丰富的网站制作经验。
1，如何制作网页
首先网页分为动态网页和静态网页 买本DREAMWEAVER 网页制作的书 自学下 先学设计窗口的静态网页制作 然后在学其他的语言 要独立建立一个网站的网页出来 是个漫长的过程网页离不开链接，而默认链接的表现形式总是千篇一律的蓝色文字加底线，每当我们点击它时，周围会出现虚线框，表示该链接是当前的焦点，影响了美观。不过一些五彩缤纷的链接所付出的代价是添加了大量的代码。我们可以在源文件的链接标签中添加一小段代码屏蔽一些默认属性，图个新鲜。
首先只要在链接标签中添加onFocus="if(this.blur)this.blur()"这句代码即可屏蔽点击时四周出现的虚线框，如： 中国电脑教育报 网页刷新后再点击这个链接，是不是不显示虚线框了！OK，我们继续改造，再一步的工作是删除链接上的底线。在源代码的标签后添加以下三句代码，即可使本页的链接的底线不显示：
保存后再打开网页，链接的表现形式是不是只是蓝色文字了！如果还不够，你还可以改变它的颜色，这个很容易实现：在链接文字前添加这句代码即可使链接文字变成红色。2，网站怎么设计
设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。明确了设计的任务之后，接下来要想的就是如何完成这个任务了。设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。明确了设计的任务之后，接下来要想的就是如何完成这个任务了。1、我是谁（首屏重点突出亮点，文字简洁易懂，配合图片呈现）2、谁用我（大家比较熟悉大品牌在此罗列，增强说服力）3、我能帮你做什么（帮你解决的主要痛点）4、我还有什么（为了上面的痛点，我有这些）5、为什么选我（我的优势是什么）6、还有哪些客户7、客户证言（他们用了都说好）看你是什么行业的，先定位好自己的需求，然后再去筹划下一步，网站一般都有很多细节不同，具体的还是看你是用来作什么的3，怎么制作网页
网页是万维网的基本文档。网页可以是网站的一部分，也可以独立存在。Microsoft FrontPage 的许多特性是在使用网站时才会用到。FrontPage 中还有些特性可以帮助您设计和创建自己的网页。 为了帮助您创建外观专业、设计完善的网页，FrontPage 提供了多种网页模板 （模板：一组预先设计好的文本和图形格式的集合，可以基于这些内容创建新的网页和网站。使用模板创建网页或网站之后，可以自定义该网页或网站。），使您能快速地创建具有各种布局和功能的网页。例如，您可以使用 FrontPage 的模板创建用户注册网页、留言薄、反馈表单以及带有搜索表单的网页等。 可以使用主题来创建设计一致的网页。主题包含了采用一种配色方案的统一设计元素，包括字体、图形、背景、导航栏、水平线及其他网页元素。 如果想自己设计并布置网页，可以从一个空白的网页开始，然后进行以下一项或多项操作： 使用框架、表格、布局或绝对定位来精确定位网页上的文本和图形。 添加文本、图形、网页横幅、表格、表单、超链接等网页元素。 添加 Flash 内容、视频、声音或 GIF 动画等动态元素。 添加可以变化的内容或功能，如字幕 （字幕组件：网页上显示水平滚动文本消息的区域。）、计数器 （计数器组件：FrontPage 中的组件，跟踪万维网网站的访问者的数目。）、时间戳、网页过渡、交互式按钮以及使用动态 HTML (DHTML) （DHTML：超文本标记语言 (HTML) 的扩展，添加多媒体、数据库访问以及对象模型，程序可使用它们更改页面元素（对象）的样式和属性并将现有元素（对象）替换为新的元素（对象）。） 的表现方式。 应用样式或使用样式表来设置文本格式。 用颜色或图片来设置网页背景 通过使用动态网页模板（它可以包括具有网页设置、格式设置和网页元素的网页）来创建自己的网页模板。 也可以从网站的图形外观（称之为描摹图像）开始进行设计。为此，可以在图形程序中创建一个网页图像的外观模型，并将其作为直观的参照，以便重新创建和描摹网页设计。 在 FrontPage 中进行编辑 您无须懂得如何使用 HTML 进行编码，即可使用 FrontPage。您可以象在字处理程序中一样 编辑网页（键入文本、设置文本格式以及添加图形、表格和其他网页元素） ，FrontPage 会在后台添加相应的 HTML 标记，您只须在“设计”视图中编辑网页。 但是，如果您想熟悉 HTML 或直接编辑 HTML 代码，则也可以使用“代码”视图，它显示了网页的 HTML 代码；或者“拆分”视图，它同时显示了“代码”和“设计”视图。 如果对 HTML 熟悉，可在“代码”视图中显示 HTML 标记，并自己编写和编辑这些 HTML 标记。利用 FrontPage 中的创建和维护优化代码选项，可以创建清晰的 HTML，并可以方便地将不想要的代码删除。 在 FrontPage 中，可以使用可扩展标记语言 (XML) （可扩展标记语言 (XML)：标准标记语言 (SGML) 的一种浓缩形式，开发人员可用其创建自定义标签，为整理和提供信息提供了灵活性。） 来补充而不是替换您的 HTML。您可以查看或编辑文件，将标准格式应用到 XML 文件的代码结构中，查看 XML 目录树以及创建网页中 XML 数据的自定义显示。例如，可以创建网页来显示 XML 文件中的数据、对数据进行格式化以及应用过滤、排序和条件格式来按所需方式显示数据
www.357e.cn4，描述网页设计的一般步骤
1. 设计HTML文档结构；2. 设计CSS文档样式；3. 设计js文档交换特效；4. 动态网站可以结合服务端脚本，动态生成网页内容1、确定分辨率.和不同分辨下对应的效果与平面的载体的不同,决定了网页具有比平面更灵活的表达方式.站点的满屏概念其实是分相对和绝对两种,相对的,是针对当前分辨率的满屏.而绝对满屏幕,则是不同的显示器不同的分辨率下都是满屏,一般我会给出一个最小分辨率,最大到无限.相对满屏,比如1024×768,800×600等.最好是用绝对宽度来定义,就是像素为单位.而绝对满屏,则用百分比.在确定分辨率之后,你的PS图要比实际设计的图要大.要考虑用户使用高于你设计的分辨率下,网页以怎样的形式表达,是居左,还是居中,还是靠在右边.2、大背景,3条辅助线及边界处理.结构(头部,中间,底部的大概位置.)整体是否有背景.左边界线,右边界线,和中间线.如果是绝对宽度的设计,那么用户使用较高分辨率浏览时,内容与多出的屏幕是否有分割.结构,究竟是上中下结构,还是左中右结构,还是其他的.每一块,大概放什么内容.3、导航和标志网站的100-1%是导航.这是一句被传烂了的话.你的导航是长的还是短的,是横的还是竖的.还是弧形的.是否有下拉菜单.比重各是多少.和标志处在什么位置.各语言版面入口在哪里.登陆(后台管理/用户/MAIL)在什么位置,标志附近是否有点睛一般的词.好了,我们进行下一步.4、banner同导航,和过度导航跟banner是分开的还是在一起的.在一起的话你是否采用flash制作,如不用flash制作,你设计的背景是否适合切割成平铺的背景,怎样让背景图片体积最小.记住不要用2×2的背景做平铺.banner是占据了整个宽度,还是只是一部分.如果是一部分,那么空出的地方你准备放什么东西.5、主体内容部分我的中间是左右机构,还是一大块,还是左中右结构的.每一块的分割采用什么手法.颜色以怎么样的规则变化.然后将内容填充进去.6、底部版权信息7、选择合适的制作工具尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。8、制作网页材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。9、上传测试网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。10、维护更新网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。END注意事项遵循从整体到局部的顺序1、在定位的基础上,搞明白自己要做什么.这句其实不用解释了.你要明白的是我要做的站大概有什么样的效果,并有例子在脑海里浮现.要做的这个站属于什么样的行业,这个行业的站都有什么共同的特点.2、你的目标/效果和你希望达到的目标/效果是怎么样的.你设计的目标,与客户的目标和公司领导的目标是否一致,有什么区别.3、你要如何去做,怎样去做,用什么样的手法手段,来达到你的目标/效果.又用怎样的设计来强化和突出这个效果.4、你的布局,应该怎样和你的设计搭配,怎样来突出你的思路.5、是否有不同的风格,是否只是颜色上的变换.(将所有含有颜色的背景层保留)。根据自己企业定位网络的性质！收集相关文本及图像数据！设计网站架构图！开始修改设计方案和制作！站名测试！注册域名，开通网站空间，上传网站！后期内容更新，数据备份！一、网站结构设计网站结构设计包含网站栏目设计和网站模块设计以来确定网站提供服务的一种逻辑表现形式，也是网页之间的层次关系。1.网站栏目能起到提纲挈领额作用2.网站栏目具有清晰导航的功能3.网站模块要做到顺序清晰且紧密结合二、网站主题设计网站主题设计实际就是网站视觉呈现风格的设计。网站的主题风格要能充分吸引用户的注意力，为用户提供愉快的访问体验。1.设计能反映网站内容的logo,并且将logo放在网站的醒目位置。2.网站的颜色要统一，要突出网站的主调色彩。3.相同类型的图像要有相同的效果。4.网站要有一句明晰的宣传标语。 三、网站布局类型1. 国字型布局这种布局类型分为上边栏、左边栏、中间内容区、右边栏和底部的页脚区域，其形状酷似一个“国”字。国字型结构是目前比较常用的一个网页布局结构，它适用于信息分类繁多、需要良好组织的网站。2. T字型布局这种布局类型由上边栏、左边栏、内容区、下边栏组成，其形状有点像一个英文字母写的“T”字。T字型结构网站目前在一些权威机构、企事业单位的公司网站出现得比较多。3. 左右框架型布局这类网站主要由左边栏和内容区组成，组成比较简洁，主要用于精彩内容的呈现，主要是很多个人站点、博客的选。4. 上下框架型布局这类网站由上下边栏组成，上边栏用来放置logo和链接等信息，下边栏用来放置网页的内容。上下型网站经常用来进行个性化展示，在企业门户网站的公司展示中也比较常用。5. 标题正文型布局这类网站的布局结构由上边栏和内容区组成，上边栏用于显示文章的标题。主要用于显示文章的标题，内容区放置文章的内容，这类布局在一些论文、学术网站的设计中比较常用。网站设计都不会单独使用以上列出的某一种布局结构，而是通过混合使用多种布局结构来实现自己想要的效果，这类布局通常称为“综合性布局”。四、网站页面设计网站页面是网站的最终表现形式。网站页面由页面内容的质量度和页面的美观度来决定。页面设计应该遵循的原则如下：1.符合企业的行业属性和企业特点。客户打开网站能直观感受企业所传递的理念和特征。2.符合用户的浏览习惯。根据网站内容的重要性进行排序，让用户花最短的时间能够找到自己需要的信息。3.符合用户的使用习惯。将用户经常使用的功能放在网站的醒目位置。4.图文搭配。5.利于搜索引擎优化。减少图片和动画，多使用文字描述，以便于搜索引擎收录，让客户更容易找到你。格子网络解答。1) 设计主题2) 设计网页的总体结构3) 资料的收集和整理4) 选择网页的设计方法5) 注意一些基本问题，如：标题要简明、图片最好加说明等
5，如何设计网页
要想学做网页，首先得了解制作网页的工具。 制作网页主要有以下一些工具 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要是在网上的话,你最好去一些论坛,你可以查一下,很多的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等制作你的图片，在连接到你的主页上！ 再就是要给你网页设计一个后台！ 这样一个网站基本上就完成了。
网站名称：如何设计网页制作，如何制作网页
当前路径：
http://hbruida.cn/article/iccocg.html
