精华内容
下载资源
问答
  • CSS网页设计标准教程 第1部分 CSS核心原理 第 3 章 CSS设计实践 手工方式编写页面 3.1 使用Dreamweaver进行CSS设置 3.2 上一章介绍了CSS的基本思想和基本使用方法 在继续深入讲解各种CSS属性之前在本章先进行一些...
  • 这是一个div+css布局方式设计的一个完整的网站源代码,可用于教学或自学。
  • 我们寝室四个人的四份做好网页设计作业!成品四个!Dreamweaver做的!全部是满分作业哦~~!传上来大家看看!
  • 网页设计\网页制作常用软件大全

    千次阅读 多人点赞 2014-03-04 12:08:26
    网页设计\网页制作常用软件 一、专业的网页设计、网页制作软件: 1、CorelDraw:通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中,制作矢量的插图、设计及图像,出色地设计公司标志、简报、彩页、...


    网页设计\网页制作常用软件

    一、专业的网页设计、网页制作软件:
    1、CorelDraw:通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中,制作矢量的插图、设计及图像,出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。

    2、Freehand:不论是个人作品设计、公司徽标、海报制作,都可以轻松完成,应用于广告、印刷等行业。
    3、Photoshop:学习图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正;各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格,流体变形及褪底和蒙板,制作出千变万化的图像特效。

    4、PageMaker:学习排版设计的基本法则、使用方法与技巧,工具箱、快捷键的使用,菜单功能及操作技巧,出版物、书籍、宣传彩页、出片输出注意事项,报纸杂志等的高级专业排版制作的方法。

    5、Illustrator:学习图形绘制、包装、宣传页的制作,让你更加方便地进行LOGO及CI设计,不到一个月,您就会成为一名真正的美术大师,在Photoshop的基础上再学它如虎添翼,效率成倍提高。



    二、菜鸟级网页设计、网页制作软件:

    如果你是一个网页制作初学者,那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧!

    1、Microsoft FrontPage

    如果你曾对Word很熟悉,那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页,你能真正体会到“功能强大,简单易用”的含义。页面制作由FrontPage中的Editor完成,其工作窗口由3个标签页组成,分别是“所见即所得”的编辑页,HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器,支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。

    FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时,不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作,又能通过Internet直接对远程服务器上的文件进行工作的软件。

    2、Netscape编辑器

    Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网,使用Netscape编辑器真是简单方便!当你用Netscape浏览器显示网页时,单击编辑按钮,Netscape就会把网页存储在硬盘中,然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色,改变主页作者、标题、背景颜色或图像,定义描点,插入链接,定义文档编码,插入图像,创建表格等,是不是与FrontPage 2000还有些像?但是,Netscape编辑器对复杂的网页设计就显得功能有限了,它连表单创建、多框架创建都不支持。

    Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的,Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话,能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句,也可以弥补Netscape编辑器的一些不足。

    3、Adobe Pagemill

    Pagemill功能不算强大,但使用起来很方便,适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像,那么Adobe Pagemill的确是你的首选。

    Pagemill另一大特色是有一个剪贴板,可以将任意多的文本、图形、表格拖放到里面,需要时再打开,很方便。

    4、Claris Home Page

    如果使用Claris Home Page软件,你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具,你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库,增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙,对Image Map图像的处理也不完全。

     

     

      三、中级网页设计、网页制作软件:

     如果你对网页设计已经有了一定的基础,对HTML语言又有一定的了解,那么你可以选择下面的几种软件来设计你的网页,他们一定会为你的网页添色不少。

    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
    让你的网页动起来

    Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小,可边下载边播放,这样就避免了用户长时间的等待。#{6FLASH6}#可以用其生成动画,还可在网页中加入声音。这样你就能生成多媒体的图形和界面,而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程,但用其内置的语句并结合JavaScripe,您也可做出互动性很强的主页来。有人曾经说过:下个世纪的网络设计人不会用FLASH,必将被淘汰出局!我相信这句话没错,不过根据优化规则,首页过多的flash动画是不适宜网站做排名和利于搜索的。

    4、HotDog Professional

    制作要加入多种复杂技术的网页

    HotDog是较早基于代码的网页设计工具,其最具特色的是提供了许多向导工具,能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee,并能在预览模式中以正常速度观看。这点非常难得,因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品,它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。

    HotDog是个功能强大的软件,对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者,是个很好的选择。

     5、HomeSite

    制作可完全控制页面进程的网页

    Allaire的HomeSite是一个小巧而全能的HTML代码编辑器,有丰富的帮助功能,支持CGI和CSS等等,并且可以直接编辑perl程序。HomeSite工作界面繁简由人,根据习惯,可以将其设置成像Notepad那样简单的编辑窗口,也可以在复杂的界面下工作。

    HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程,HomeSite是你最佳选择。不过对于生手过于复杂。


    四、高级网页设计、网页制作软件:

    1、Microsoft VisualStudio

    该系列的版本有:2003、2005、2008和未来的版本;

    适合开发动态的aspx网页,同时,还能制作无刷新网站、webservice功能等,仅适合高级用户。

     2、Jbuilder

    不论是各种版本,均适合使用其开发出JSP网页,仅适合高级用户。 


    五、时兴的网页设计、网页制作软件:
    传统的网页制作需要花巨大的精力进行美工设计、服务器租用、并请专人设计制作才能完成最基本的建设……不仅时间长、价格高,以后还需要请人更新维护网站,非常麻烦,并且每年都需要续费。企业建站系统直接在线提供个性化、多样性的网页模板,直接套用,空间永久免费,维护起来也非常方便。

    企业建站系统通过一套完善、智能的系统,让不会建设网站的人通过一些非常非常简单的操作就能轻松建立自己的网站。企业建站系统一般是将已经做好的企业宣传图片,logo(包含非常多的模版及非常智能化的控制系统)传到运营商提供的免费网络空间上,然后使用的人只须登陆后台对其进行一些非常简单的设置,就能建立其个性化的网站。用户不需学习任何编程和程序语言,也不需要了解任何网页制作和ftp上传下载等知识,就能轻松建立网站。


    1、PageAdmin系统
    PageAdmin CMS是一款支持多分站、多语种,集成内容发布、信息发布、自定义表单、自定义模型、会员系统、业务管理等功能于一体的网站管理系统,于2009年正式发布,目前全国用户已经超过50万以上,被广泛用于企业、中小学、大专院校,政府部门的网站搭建。


    2、WordPress系统
    WordPress系统是一种使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把WordPress当作一个内容管理系统CMS)来使用。WordPress是一个免费的开源项目,在GNU通用公共许可证下授权发布。


    3、Discuz系统
    Crossday Discuz! Board(简称 Discuz!)是北京康盛新创科技有限责任公司推出的一套通用的社区论坛软件系统。自2001年6月面世以来,Discuz!已拥有12年以上的应用历史和200多万网站用户案例,是全球成熟度最高、覆盖率最大的论坛软件系统之一。
    4、ShopEx系统
    ShopEx系统是国内市场占有率最高的网店软件。网上商店平台软件系统又称网店管理系统、网店程序、网上购物系统、在线购物系统。

    随着网络的发展,建站的方式越来越多元化了,社会发展过程中,建站效率和质量都收到了各站长的重视,如何在众多的网站中,让自己的网站脱颖而出,还是需要站长在前期的建设中和后期的维护和推荐中多花心思了。

    展开全文
  • 设想并构建出区别于常见网站布局的创新式设计是一件很难的事情,但是一旦把这件事做好,就可以设计出那些最富有趣味又令人着迷的网站。你几乎每天都可以见到这些网站,...对于设计师和开发人员而言,在网页设计中最需要
  • 网站设计中占据篇幅比较多的...网站设计中,文字的不同字体和不同的组合方式,所得到的效果是完全不同的,所以我们在网站设计时应做好这方面的准备工作。中文字体的选择有很多种,比如“微软雅黑”,就是一种在浏览...
        网站设计中占据篇幅比较多的就是图片和文字,想要获得一个好的网站设计效果,就需要将图片和文字合理的搭配起来,让每个元素都各在其位。那么如何做好图片与文字的配合呢?一起和合肥学码思小编来看一下。
    

    1、字体选择与字体组合方式

    网站设计中,文字的不同字体和不同的组合方式,所得到的效果是完全不同的,所以我们在网站设计时应做好这方面的准备工作。中文字体的选择有很多种,比如“微软雅黑”,就是一种在浏览器中看起来视效效果非常好,也非常舒服的字体。

    2、文字与图片的组合方式

    文字与图片的组合方式一般可以分为两种,一种是图片突出,文字在组合中起到的是解释说明的作用,另一种是文字突出,图片在组合中起到的作用是衬托和突出文字的重点。

    3、主体物与视觉焦点

    主体物与视觉焦点是摄影作品里的两个基本要素,因此在一张照片里通常会有一个突出的人或物作为主体。在网站设计中,如果我们把主体物看作是一个面,就会更容易理解文字在图片的作品里的作用,让文字和图片之间保持和谐统一。

    文字部分与主体物之间的位置大小关系有三大原则:

    M1文字部分的面积绝对不能大于或接近主体物的面积,否则很容易造成主体物被忽略的情况。

    //C文字“面”与主体“面”的边线保持联系(直线或平行),意思就是让文字的平面与主体物的平面存在相关性。

    A=B文字“面”或者与画面边缘的距离几乎相等于主体“面”与画面边缘的距离

    4、字体与图形的配合

    以“图片突出文字”为目的的排版,其特点是不需要分析照片里面的元素。在大部分设计教程以及很多优秀的设计作品里,图片被认为只是作为一个大色块存在,它的存在只是为了你想要表达的文字(情感),铺设基调。

    大部分优秀排版里采用的解决方案是运用字体与图形的配合,而其中类型有三种:

    第一种:形状图形

    形状图形主要指方形、圆形以及一些不规则的形状图形。

    方形的3种运用方式:

    突出:当文字部分融入到图片里变得难以看清的时候。在这里比较好的办法就是像这样放置一个方形在背景,然后再调节字体的颜色与方块对比,使文字部分突出。

    集中:这种方法是为了不弱化图片的情况下,让文字部分集中在一个方形里,增加易读性。是包装设计常在出现的排版。

    修饰:这个方形其实只是代表,代表所有不规则图形的运用。当文字组合之间太过散乱,又或者字体之间大小的差异太大的时候,放置一个(不)规则图形,尽可能连接到每一个字上,形成联系。

    圆形3种运用方式:

    普通:这是一个作为对比的普通排版。

    突出:这个比起方形有着好的突出效果,这个圆形可以替换成一些素材,比如墨滴之类的圆形素材,甚至可以利用图片本身存在一个巨大的圆形物体的,来突出文字部分。

    适用:这个同样可以突出“面”文字,这就也为什么这个方法经常出现各类商业图册、海报以及各类宣传单。

    第二种:直线

    直线分两种,一种就是纯粹的一条直线,而另一种则是由细小的字组成的一段文字(通常是英文)。

    直线的3种常见运用方式:

    联系:很常见的运用方法。

    集中:作用和方形“集中”相同,只是这个是用两条线组成一个隐形的方块,更有形式感。不同这种只能出现在色彩单一或大量留白的照片。

    连接符:增加形似感的小东西……可以用于连接两段文字的内容,时尚类设计作品比较常用到。

    第三种:字符

    一般是指的数字以及英文字母,配合文字能有更好的突出效果,而阿拉伯数字的效果比较好。

    在网页设计中,文字内容和图片的比重占了很大一部分,但差不多的信息量,呈现在网页上的效果却会大相径庭。如何将这些内容和元素安置在合适的位置,也许是这其中很主要的原因。

    展开全文
  • 网页课程设计报告

    千次阅读 2020-12-29 13:13:15
    首先我认为设计个人博客是确认自己的风格,找到自己想写的内容,其次就是把自己需要的素材整理一下,图片、文字、图标都需要整理一番了解网页设计制作过程;了解和熟悉网页设计的基础知识和实现技巧;通过实践,经历...

    网页课程设计报告
    二、设计与实现
    (一)需求分析
    首先我认为设计个人博客是确认自己的风格,找到自己想写的内容,其次就是把自己需要的素材整理一下,图片、文字、图标都需要整理一番了解网页设计制作过程;了解和熟悉网页设计的基础知识和实现技巧;通过实践,经历Dreamweaver开发的全过程和受到一次综合训练,以便能较全面地理解、掌握和综合运用所学的知识;通过设计达到掌握网页设计、制作的技巧;结合具体的开发案例,理解并初步掌握运用Dreamweaver可视化开发工具进行网页开发的方法;根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材
    设计制作符合要求的网页设计作品;熟练掌握Photoshop、Dreamweaver等软件的的操作和应用;增强动手实践能力,进一步加强自身综合素质。
    (二)概念结构设计
    看到这个风格的网页,首先做的就是需要页面布局,在我看来,主页应该分为三个部分;第二部分要分为四个小部分。而子页则需要四部分,第二部分和第三部分需要三个小部分,我用浮动来实现。有些图片需要处理就用Photoshop。学习网页设计需要耐心,如果没有耐心,就学不好网页设计,应为当你碰到一个问题时,如果不能立刻得到问题的答案,你可能需要很长时间去解决,我就碰到过一个问题,用了很长时间才解决。学习网页设计需要坚持不断的学习,因为设计网页的软件在不断的更新,因此我们要不断的学习。
    (三)项目实现
    首先用div布局页面,在主页我设置了打开的界面是用我非常喜欢的一张手捧樱花的照片。还有一句我喜欢的一句话多么美丽的世界啊。这句话虽然很简单但是透露着对世界的热情,和对生活充满期待的心情,就好似永远活得很开心快乐。在HTML5引入CSS样式表,通过CSS来控制网页的样式是网页更加的美观。利用border-radius设置圆形的图片,再通过盒子设置大小。还有一些我平时的兴趣爱好,我的喜欢旅游,第一个部分便是我的爱好,在第一部分我用了a标记链接到子页。子页主要是写的一些我很喜欢的旅游城市,有北京、上海、重庆。介绍了一下我了解的这些城市,我还写了一些我认为能代表这个城市的小吃,不仅有好吃的小吃还有好玩的景点。像北京的长城、故宫、天安门等地方都是著名的景点,是能代表北京的一些旅游景点。主页就是还有照片,这张图片是我从网页上找的,用img标记把照片放在网页上。主页中的居中我是用的align:center,我觉得这个方法挺方便的,开始我没想到用这样的方法,便用的定位position,先让父容器定位,再让孩子定位,用left把文字放到中间。我发现这样特别麻烦,用CSS也没找到好的方法,于是便用的align:center;最下面的我用CSS把背景调成天蓝色,这个颜色也是我特别喜欢的一个颜色。还有一些字也是我喜欢的,并且用的白色,就像天空一样的颜色蓝天和白云。子页当中的颜色也是天蓝色,这样就感觉是一个博客,不会太突兀,并且下面的页脚也是和主页一样的,背景色和白色的子。
    利用CSS来控制这一部分一个在左边,两个在右边,浮动来实现就可以。这一个写的是一个我很喜欢的城市北京,用图片和文字来介绍我们的首都,还有一些著名的景点和小吃。

    三、总结
    1.心得体会
    这次的网页课程设计,我学会了很多,比如页面布局,原来我是div嵌套用的不熟练,找不到技巧,而这一次我明白了在用div的时候的嵌套是很重要的,要是没嵌套对,效果是完全不一的,这就会导致你的效果图乱成一团。还有就是通过这次网页课程设计激发学习兴趣,调动学习的自觉性,自己动脑、动手,动口,运用网络资源,结合教材及周芳老师的指导,通过自身的实践,创作出积聚个人风格、个性的个人博客网页。总体来说,整个学期的学习过程,我学会了很多知识,在此次网页设计 ,我充分利用了这次设计的机会,全心全意投入到网页世界,去不断的学习,去不断的探索;同时去不断的充实,去不断的完善自我,在网络的天空下逐渐的美化自己的人生!做好页面,并不是一件容易的事,它包括个人博客主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。本次课程设计不是很好,页面过于简单,创新意识薄弱,这是我需要提高的地方。需要学的地方还有很多,需要有耐心、坚持,不断的学习,综合运用多种知识,才能设计出好的web页面。总体来说,通过这次的对网页课程设计,有收获也有遗憾、不足的地方,但我想,我已经迈入了网页设计的大门,只要我再认真努力的去学习,去提高,凭借我对网页设计的热情和执着,我将来设计出的网页会更加专业,更完善。
    2.遇到的问题与解决的措施
    在主页的设计中,一直想加一些背景图片,我尝试加了几个,但是效果不是很好,主要是背景图片和主题的风格不是很搭,是我没找到合适的主题的背景图。有的盒子老是不在自己的位置上,我找原因,原来是盒子的结构没有控制好,弄好之后再用浮动就好了。设计过程中,我发现在“素材”这个方面花的时间特别多,而且也容易卡在这里。当我已经构思出一幅大致的网页效果图,并准备开始设计的时候,我会发现很难找到符合题材的素材,然后我会开始漫无目的的在网上搜索这些素材,最后找了很久依然没有结果,白白浪费了很多的时间。
    经过我的分析和思考,我总结出以下的经验:一定要注意平时的收集整理。例如浏览网页的时候要多留意,如果看见好看的素材,就把它下载到电脑里或者把网址收藏好,并且要分好类别,这样,当构思好大致的网页效果图并且要开始网页设计的时候,你脑海里可能会立马涌现出曾经看到某些素材和你构思的网页效果图比较接近,这样,就不用再花太多的时间去找素材了,也不用担心网页设计卡在素材这里了!我搜集的素材也没有完全用到,只是当时觉得好看,还挺符合我自己的主题就先从网上先下载下来了,浪费了不少时间,我认为要先明白自己需要什么样的素材再去下载,这样才可以,不能一看到自己喜欢的就下载。
    3.建议或者展望
    进入大学学习计算机已经快两年了。经过这段时间的不断学习积累,我也初步认识计算机科学的许多方面。自从进入琴院以来,我学到了不少专业知识,我也逐渐成长起来了,每天的学习会让自己得到专业知识,虽然有时会颓废,但是学习的时候应该要好好学习。不能每天都玩手机,看视频。这样以后的自己会后悔的,要对得起自己。大二这学期的网页课程设计课是对整个学期的理论知识的实践和拓展。目前我们学习掌握到web前端技术知识有HTML,CSS等,这些知识的掌握足以使我们开发简单无逻辑的普通静态网页。能够开发简单的静态网页也是为后续web开发学习的铺垫。HTML和CSS的灵活运用就是靠长期的实践和积累。高稳定性,高带宽低时延的5G移动网络带来了新的一场革命,我们已经能够触摸到物联网的轮廓。在5G移动网络支持下万物互联将变为现实。在这种新型技术实现的背景下,前端技术又充当怎样的角色,我不是很清楚,web前端开发人员又要如和提升自己以应对物联网的到来呢,这都值的思考。即使我们不能知道具体的应用,但我们能却定这个方向是发展的趋势并且是不可逆的。我希望在以后的学习中自己更加努力。在老师和指导下,我相信自己的专业知识和专业能力会更加好的。

    展开全文
  • 网页设计策划书模板 ?手关灯人走灯灭杜绝长明灯光线充足时尽量采用自然光晚自 习做到人少少开灯电脑投影打印等设备用时开启用后关机各班 值日生负责做好课后的关灯工作 2 节约每一滴水水龙头用后请 及时关闭发现供水...
  • 网页设计总结

    千次阅读 2019-04-24 08:29:10
    这个网站是我在学习的积累里面一步步做好的,比如说一开始的我甚至连排版都不会,什么颜色的搭配也不懂,但是在一步步的实践中,我知道了该怎么做,怎么做会更好,在一步步的实践里面,我把这个网页首页慢慢的做了...

    在这里插入图片描述
    这个网站是我在学习的积累里面一步步做好的,比如说一开始的我甚至连排版都不会,什么颜色的搭配也不懂,但是在一步步的实践中,我知道了该怎么做,怎么做会更好,在一步步的实践里面,我把这个网页首页慢慢的做了出来,从一开始的字体杂乱的,这个字体那个字体交错,什么字体都往上面放,到现在的基本上字体都是一种,从一开始的字放的歪七八扭,再到现在的井井有条,从一开始的字大小不一,到现在的字大小相同,我从一个萌新到一个熟练的人,这一步步都是学习过来的,做这个网页首页我花费了很多时间来改,也请教了别人,让别人来指出那里的不足,一开始这个网页首页的美感一点都没有,就感觉我只是把他做出来的,根本没有一点美感可言,我慢慢的改,把他从图片的方方正正变成了圆角矩形,让他好看了一点,不至于那么生硬,把字的大小一点点的调整,让他让人感觉刚刚好,大一点不好看,小一点不行的感觉。在颜色这个上面我也花费了不少,一开始我的颜色都是乱调的,一点规格都没有,在朋友的意见下,我觉得水果网页和橙色比较搭配,然后我就慢慢的改,把那些可以放橙色的,放上去很好看的地方改成了橙色,接着把logo做了出来给他上了一个背景,背景色也是橙色,上好了就把搜索栏做了出来,一开始搜索栏放的不是一个放大镜,后面觉得太单调了,就把他换成了一个icon,接着做了一个滑轮栏,放上几张图片,给图片放上每个图片的小圆点,后面给水果做了一个分类,把分类点击到进口水果这里,接着在下面放了一些进口水果的信息,让客人们观看,接着为了让客人们买,我给他打了一下折,把打折之前的参考价写出来划上一条横线,化好横线之后把活动价放在下面的位置,放好之后把活动价的价钱用大一号的字打出来,然后为了和整个界面搭配,给他上了橙色。上了橙色之后,我做了一个立即购买的点击栏,一开始做的很大,觉得不怎么搭配,所以把他做的小了一点,然后把字的大小调整了一下,而后把橙色的矩形也给做小了一点,接下来是背景,一开始我的背景是青色的而且很明显,到后面我就把他的色彩平衡和色彩饱和度调整了一下,最后因为太明显了。整体上不好看,所以我就把透明度调的低一些。这个网页首页就是这样做出来的,从一开始的杂乱无章,到现在的井井有条,让我明白了,做什么东西一定要保证良好的心态去做,只要你认真做,只是时间多一点而已。
    在这里插入图片描述在这里插入图片描述
    首先这是学院官网和已经改好的图片的对比,相比学院密密麻麻的字,可以说我改了之后的可以完虐了,在改这个的时候我写了一下简单的整改过程,过程是这样写的,首先在这个IT学院排列这里我感觉太乱了,如果是我的,我都不会去看的,我们只需要把重要的给留下来,比如说学院的logo和学院名字还有学院的校训这些留下来就可以了。
    第二,首页这些这些放在那里总是感觉不太好,我觉得应该把首页那项目栏做成一个矩形条,然后把他的字打上去,接着多放一些就好了
    第三,我不管从什么角度来看都看不出学院这个图片做出菱形有什么好看的,没有一点高大上的感觉,我个人觉得这个要不要都没有关系。
    第四,就是在那个什么字体这里感觉好长,都是却让人提不起一点去看的兴趣,我个人感觉吧,把他做成一个矩形工具,然后把内容都放在里面会比较好。
    第五,关于我们这个地方不知道为什么总感觉怪怪的,但是这个地方的排版还是比较好的,所以觉得照搬好了,然后下面可以调到学生风采那里去,然后放几张学院学生的集体照。
    这个就是我一开始写的简单的过程,后面我也是这么做的,首先把学院的logo那个位置给清理了一下,只留下了logo和校名还有校训。然后就把首页那个地方整理了一下,给他加了一些,接着在学院的那个菱形的那个地方,我感觉没有什么用,所以我就没有用了,接着做字体这里,这个字体太多了,所以我选择了几个,然后给他放好了图片,接下来我把关于我们这儿给稍微改了一下颜色,然后放了几张集体照,接下来,我就给学校做了一些icon,做了之后这个icon可以点击的。最后我们把学校的一些有用的东西反在下面,在把一些学校的信息打出来,这个改版就是这样了。
    在这里插入图片描述在这里插入图片描述
    现在我们把两个网站的步骤弄好之后,我们看看这两个网站有什么不一样的地方,首先我们发现他们的排版就不一样,排版相差很大,一个是卖东西的网站,一个是学校的,接下来看颜色,这个颜色相差也比较大,一个是暖色,一个是严肃的蓝紫色。因为一个买水果的网站比较活跃,但是学校官网是一个高大上的地方,所以要比较严肃。接下来是图片选择,水果网站选择的都是一些水果的图片,然而学校官网就不可以这样了,学校官网要一些比较适合学校气氛的图片来衬托学校的高大上,但是也不能用太活跃的图片,毕竟学校是一个高大上的神圣地方,而水果网站是一个交易平台,其中的东西都是大不一样的。然后排版也是比较不同,比如下面我列下部分出来。 在这里插入图片描述
    在这里插入图片描述
    就是在首页栏这里的排版就有很大差别了,水果网站的就是首页栏在上面,但是学校的首页栏却在下面。
    在这里插入图片描述在这里插入图片描述
    在下面的内容这里的排版也不一样,因为水果网站的内容多而鲜艳,但是官网的就比较严肃了,严肃但是不失整安全整洁。
    在这里插入图片描述 在这里插入图片描述
    就是做的icon都比较不同一些,因为食品网站做的是卖东西的,所有icon就是偏向买卖的那边,学校因为比较严肃就是偏向介绍学校信息的那方面。最后在在下面把结尾栏做出来就好了。

    展开全文
  • 完整网页设计的步骤

    2011-12-22 10:18:34
    介绍了整个网页设计的步骤,对概念模糊的初学者来说是有一定帮助的。
  • 大家都知道”细节决定成败”这句名言不仅在其他行业非常重要,而在页面设计当中更是颠扑不破的真理。需求的眼睛和感觉总是...网页中文字设计的好坏会直接影响到整个页面的视觉传达效果。字号的选择是根据功能需要而定
  • 毕业设计

    千次阅读 多人点赞 2019-12-06 21:32:08
    开始做毕业设计了,记录一下最后一次做项目了,唉 时间:2019/12/06 Day 06 今晚就设计了一个表 user_info用户表 字段名称 类型 是否主键 是否为空 字段...
  • 也有很多朋友问我,怎么才能做好设计,为什么你的颜色搭配的好,你的创意哪来的……等等,其实这些问题我都很难回答。一方面我并不觉得自己已经很好,所谓天外有天,高手如云。另外因为我想,每做好一件事情都不是...
  • 2013-2014学年第一学期12级电子商务专业 网页设计与制作考试卷 要求大家制作一个小型网站具体要求如下总分100分 做好站点的规划包括站点结构和导航系统的规划等一定要先定义一个站点注意目录和文件名的规范性杜绝...
  • 网页设计与制作基础教程 第04章 使用CSS样式 精美的网页离不开CSS技术使用CSS技术可以有效地对页面的布局字体颜色背景和其他效果实现更加精确的控制CSS样式的全名为Cascading Style Sheet它可以定义HTML标签按列表的...
  • 学生简单静态个人主页网页设计作品作品介绍知识点应用作品简介绍网页演示网页首页演示源码文件展示网页代码预览作品修改作品下载 作品介绍 知识点应用 背景音乐、背景图片、留言表单、鼠标经过 作品简介绍 学生个人...
  • 网页设计与网站建设课程报告要求 内容 每个同学独立设计并制作一个具有完整功能的网站 网站内容推荐但不限于以下方面 个人介绍网站 公司介绍网站 同学录网站 电子商务网站 娱乐型网站 下载资源汇集型网站[不需要提供...
  • 什么是网页设计

    千次阅读 2018-04-08 14:37:20
    网页设计从一开始,是互联网行业新的产物,是平面设计的延续或者说是平面设计的高层,网页设计不仅要比平面设计师更懂得专业的设计还要向程序员多学习代码。一:网页设计,是以视觉设计为主的工作。一个网页被设计...
  • HTML静态网页设计

    万次阅读 多人点赞 2018-05-13 22:03:39
    第一周:HTML写静态网页1.HTML理论介绍及常用格式(1).HTML主体格式<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title...
  • ) 在网站的发展史上,初期的网站建设根本不需要网页重构这个职位,WEB1.0时代的网页,只需要程序员,一堆堆的表格嵌套就完成,或者美工进行配合完成,先由美工负责设计好,再用一些自动化的软件拉伸几下,直接将...
  • Dreamweaver网页设计作业下载

    千次下载 热门讨论 2010-04-11 22:57:19
    我们寝室四个人的四份做好网页设计作业!成品四个!Dreamweaver做的!全部是满分作业哦~~!传上来大家看看!
  • 网页设计ppt

    2015-08-25 08:24:16
    本章重点介绍网页设计者在制作网站之初所应具备基本知识和设计要领,从而为下一步开发网站做好准备,同时,通过本章的学习使读者熟悉Dreamweaver CS5界面及运行环境。
  • 学生简单个人博客网页网页介绍网页演示代码演示网页下载 网页介绍 HTML静态个人博客网页个人主页作品采用DIV布局制作,共5个页面,未使用任何特殊技术,代码布局简单,整体使用CSS制作了页面背景图片,排版布局使用...
  • 发型设计网页

    2013-08-31 09:30:17
    蓝梦发型设计 做好网页 dreamweaver
  • 网页设计作品集=门面+能力网页设计作品集对网页设计师而言,既是网页门面,也是个人专业素养的体现。那么在作品集设计上万不能掉以轻心。无论是制作一份简约大方还是极具表现力的精良作品集,设计师们都必须付出十分...
  • 网页设计脚本

    2012-12-21 00:02:05
    一个做好网页脚本,可以下载自己改一下。比较简单
  • 网页设计合集,4个完整版

    热门讨论 2011-12-21 23:10:39
    4个做好网页,完整的代码,可作参考,大学课程作品,还不错。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 36,323
精华内容 14,529
关键字:

如何做好网页设计