导航:首页 > 万维百科 > 网页设计怎么来的

网页设计怎么来的

发布时间:2021-03-19 18:53:04

1、网页设计 类似百度搜索页面是怎么做出来的

网页设计这个一般都是要求会前端代码,html css js flash 还有些其他的脚本插件什么的。

如果代码写的熟练可以不用DW。写网页的工具很多,用txt文本文档也可以。


好了,贴上搜索框代码,使用需要后台程序支持,直接点了可是什么都没有哦。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>搜索框</title>
<style type="text/css" media="screen">
      body {
        background-color: #f1f1f1;
        margin: 0;
      }
      body,
      input,
      button {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      }
      .container { margin: 30px auto 40px auto; width: 800px; text-align: center; }

      a { color: #4183c4; text-decoration: none; font-weight: bold; }
      a:hover { text-decoration: underline; }

      h3 { color: #666; }
      ul { list-style: none; padding: 25px 0; }
      li {
        display: inline;
        margin: 10px 50px 10px 0px;
      }
      input[type=text],
      input[type=password] {
        font-size: 13px;
        min-height: 32px;
        margin: 0;
        padding: 7px 8px;
        outline: none;
        color: #333;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: right center;
        border: 1px solid #ccc;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        transition: all 0.15s ease-in;
        -webkit-transition: all 0.15s ease-in 0;
        vertical-align: middle;
      }
      .button {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 8px 15px;
        font-size: 13px;
        font-weight: bold;
        color: #333;
        text-shadow: 0 1px 0 rgba(255,255,255,0.9);
        white-space: nowrap;
        background-color: #eaeaea;
        background-image: -moz-linear-gradient(#fafafa, #eaeaea);
        background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
        background-image: linear-gradient(#fafafa, #eaeaea);
        background-repeat: repeat-x;
        border-radius: 3px;
        border: 1px solid #ddd;
        border-bottom-color: #c5c5c5;
        box-shadow: 0 1px 3px rgba(0,0,0,.05);
        vertical-align: middle;
        cursor: pointer;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-appearance: none;
      }
      .button:hover,
      .button:active {
        background-position: 0 -15px;
        border-color: #ccc #ccc #b5b5b5;
      }
      .button:active {
        background-color: #dadada;
        border-color: #b5b5b5;
        background-image: none;
        box-shadow: inset 0 3px 5px rgba(0,0,0,.15);
      }
      .button:focus,
      input[type=text]:focus,
      input[type=password]:focus {
        outline: none;
        border-color: #51a7e8;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(81,167,232,.5);
      }
     
      label[for=search] {
        display: block;
        text-align: left;
      }
      #search label {
        font-weight: 200;
        padding: 5px 0;
      }
      #search input[type=text] {
        font-size: 18px;
        width: 705px;
      }
      #search .button {
        padding: 10px;
        width: 90px;
      }

    </style>
</head>
<body>
<div class="container">
  <div id="search">
    <label for="search"></label>
    <input type="text" name="q">
    <input class="button" type="submit" value="Search">
  </div>
</div>
<div style="text-align:center;margin:100px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>

2、网页设计应该怎么来学习!

现在的网站趋势是高清型的,老板喜欢门户型的网站动机是因为他们的思路太活跃的结果,一味的干净要看结构是不是设计合理,需要反映的要素反映了,这些要素能不能讲故事,内涵还是要看能不能反映技术特征,现在网页使用群体因为搜索的普遍对深度要求很高,我6年以前就提出了搜商的概念,就是针对网页信息量的深度的,你可追加提问。

3、网页设计,到底该怎么弄呢

用你教师教的和你copy所想的结合表达出来就行了。另外介绍几个在国内还算可以的网站给你看下,希望对你有帮助!
www.redocn.com
www.68design.net
www.zcool.com.cn
www.sj63.com

4、怎样做网页设计

一、准备知识,包括学会使用各种网页制作的工具软件。

二、认真思考自己要做的网站内容及用途来确定制作网页的风格。但总体网页设计要遵循一些必要的隐性要求:

1.简洁性:能让浏览者一目了然,不使浏览者感到繁琐并且无法找到其所需内容。2.突出主题:一个没有主题的网页同样会使人失去浏览的兴趣。3.实用性:一个网页即使漂亮倘若对浏览者一无所用也无法吸人眼球。有一句话说:只有被需求才能生存。

三、搜集资料,比如网页中可能要用到的图片,文字及其它内容。善于使用搜索引擎如百度,谷歌,来查询自己所需的资料。
善于使用网络上已有的信息及内容,比如一些开源的代码等。(网络是一个大杂烩,各种信息鱼目混珠,各色人物鱼龙混杂,要学会辨别。)

四、关注自己所制作网页的内容与社会时代的相符性,及时更新网页版面。

五、将目光放长远,不断学习。如果你要学习网页建站代码的知识,你来这个群一起来学习。这个的第一组数字是431。第二组的数字是011,第三组的数字是879。就是这三组数字结合起来就可以进来学习了。每天都有网页代码建站的课程知识。如今互联网的发展极其神速,各种技术日新月异。只有不断的学习进步,才能跟得上时代的潮流,你的网站才能立于不败之地!

【学习网页建站需要掌握的软件】

1.DreamWeaver

自制动态HTML动画的网页

DreamWeaver是一个很酷的网页设计软件,它包括可视化编辑、HTML代码编辑的软件包,并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML(Dynamic HTML)的设计,使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。
DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换,HTML句法及结构不变。这样,专业设计者可以在不改变原有编辑习惯的同时,充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计,这项设计使任何人都可以轻易扩展它的功能。

2.Fireworks

第一款彻底为Web制作者们设计的软件

Fireworks的来头实在不小,它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发,内建丰富的支持网络出版功能,比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系,可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片!

3.flash 、photoshop

flash是动画设计软件,photoshop是图片处理软件,这些图片设计处理软件也属于常用的网页制作软件。为了丰富网页的内容,增加网页美观性,网页制作中经常还需要应用各种图片,这些图片需要用专门的图像处理软件来设计。

学习Dreamweaver、flash、fireworks、ps等软件综合运用,让创意为用户服务,培养学员独立思考、创作的良好习惯和先进的设计理念,培养创新型网页设计师!

5、网页模板是怎么设计出来的

网页模板是在来,flash.dreamweaver.fireword.网页三自剑客里面作出来的,一般的动画是在flash里面作的,而链接是在dreamweaver.里面作的,修图用的是fereword.里面作的,这三个软件都有不同的功能,如果你想在现成的图片你可在在网上载下来,然后在加到自已的网站上,如果想自己作那人你只有熟练的撑握这三个软件才行.网页的模板也可以用后台支持,不过很费神.

6、网页设计怎么做?

静态的:html、css、js差不多可以了
动态的:上面基础加上jsp/asp/php 还有后端java/c#等

7、怎么来搞网页设计呢??知道的告诉我好吗?拜托各位大神

做网站的步骤一、做好网站页面文件二、申请域名(即网址:这个要花钱),有专门的网络公司卖域名三、购买空间(即存放你网站文件的磁盘空间),有专门的网络公司卖域名,这个也要花钱,这个就可以你的电脑关了机,别人也能看到你的网站,因为网站文件并没有存在你的电脑上。如果你的电脑做为服务器,那么你关了别人就看不到了四、网络公司告诉你FTP地址:帐号及密码,你通过在IE地址栏里输入:FTP//地址。上传你做好的网。页文件,即可输入通过你购买的域名来访问了。五、需要在互联网信息中心备案,备案地址: http://www.miibeian.gov.cn/ ,也可以要求你购买空间的网络公司帮你备案。以上是做整个网站的步骤。最难的在第一步,下面说第一步,就是如何学习做网站一、首先要有一个网页制作软件,目前用的多的是dreamweaver,免费下载地址: http://www.onlinedown.net/soft/22017.htm ,通过这个的学习,你可以制作出静态的网页了。这是所见即所得的软件,不难学。二、图片处理软件的学习,用PHOTOSHOP对图片进行处理,然后用上面的dreamweaver把图片放在你要的地方三、动画制作:用FLASH可以制作动画,然后用上面的dreamweaver把图片放在你要的地方四、如果要做动态的(所说的动态,不是指上面的FLASH动画,是指和用户交互的,比如用户留言,能马上显示在页面上),还需要学习ASP,JSP,PHP或者.net这几种中的一种就可以做出动态的网站,当然也可以学习几种。五、数据库:可以用ACCESS或者SQL SERVER,和上面的ASP结合使用。这样你就可以制作出完全属于你自己管理的网站了

麻烦采纳,谢谢!

8、网页设计,怎么做?

一、确定网站主题

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

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

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

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

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

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

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

9、网页设计怎么学

我从2001年开始从事学做网页,完全是个人爱好,和自己专业相去甚远。2005年毕业从事专职网页设计工作,做过2年网站设计师,一年网页设计培训,先是美工程序都自己做,现在专业从事网站程序设计,通过自己走的路我把我的一些学习时的经验和你说说吧1、无论你将来用什么语言做网页,都要先学习HTML(超文本标识语言),一种很简单的语言,也是网页设计的基础,自学一般几天就可以学会,必须要学,尽管现在有三剑客这样的可视化的设计软件。2、掌握HTML以后,其实你就可以设计一些简单的静态页面了,再接下来就是学习可视化设计软件,比如网页三剑客中的DREAMWEAVER(推荐),和微软的FRONTPAGE,都是可视化的页面结构设计软件,可视化的意思,就是可以用软件中现成的按钮或选项来帮你快速制作网页,代码由软件代替你自动生成,可以大幅提高效率。3、页面设计学好以后,可以学习FLASH动画和PHOTOSHOP,都用得到。4、学完这些,恭喜你,你已经可以设计简单的网站了,但如果想工作,那还不行,因为现在大大小小的网站都是动态页面,需要学习动态设计语言和数据库知识。5、动态语言有很多,比如ASP、JSP、PHP、CGI等等,就不一一列举了,我自己现在用的是ASP和PHP,其中,相对来说ASP和PHP比较容易学习,小型网站多采用ASP,PHP可以通吃一切网站,建议学习PHP,可以根据你的具体情况选择学习。6、数据库:小型数据库主要有ACCESS、中大型有MYSQL、SQLSERVER和ORACLE,建小型网站简单学学ACCESS就可以了,如果建大型站,就要学后面3种了。建议学习PHP+MYsql组合,大中小型网站通吃,而且网站空间也好买。上面6个步骤学习完成你基本上就可以以网站为工作了,不过现在网络公司一般都是批量批量的做网站,他们不需要你美工和程序一起做,他们将做网页页面(PHOTOSHOP+Flash)的称为网页设计师,把专业做程序的叫程序设计师,例如我现在就是做PHP+MYSQL的,叫程序设计师,因为人的能力是有限的,让什么都自己做实在有些力不从心。不过一般建议大家都会一点,这样可以相互促进。好了,上面就谈谈学做网站的经验和建议,是我学习网站设计以后回过头再看网页制作学习的经验,也是看了一个同行在QQ问问里面的一篇回答后的总结,希望对你有帮助,有问题可以问我。

与网页设计怎么来的相关的知识