导航:首页 > 万维百科 > 怎么进行网页设计

怎么进行网页设计

发布时间:2021-03-22 13:12:02

1、如何进行简单的网页制作?

1、使用网页三剑客之一的Dreamweaver,来制作网页是最简单的方式。

2、Dreamweaver 是一个“所见即所得”的可视化网站开发工具,主要用于动态网页和静态网页的开发,你所提到的所有标签都可以使用到。

3、Dreamweaver 现在比较新

的版本是Dreamweaver CS6,或者CC系列更加新一点,比如CC2018等

4、个人比较喜欢使用Dreamweaver8,虽然版本比较旧,但是使用方便,体积小,也很稳定。

5、希望对你有帮助。

2、怎样才能做好网页设计

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。 四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。

五、制作网页

材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。

六、上传测试

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

七、推广宣传

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

八、维护更新

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

3、怎样做网页设计

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

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

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等软件综合运用,让创意为用户服务,培养学员独立思考、创作的良好习惯和先进的设计理念,培养创新型网页设计师!

4、怎么做网页设计

先要确定你是用什么语言。
网页设计有ASP,PHP,JSP,.NET
不同的语言方法不一样,不回过大体还是一样。
要学答习网页设计最好要会一些基础的代码
可以先看看网页设计的基础教程。
然后在学习DIV+CSS
这样就快很多。
至于视频在网上有很多。

网页设计工具
DreamWeaver 网页制作 FrontPage 网页制作(太老了不推荐)
PhotoShop 图片处理 FIREWORKS 矢量图形制作和图像处理
flash 动画制作
FlashFXP FTP工具

5、网页设计怎么做?

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

6、网页设计应该怎么做?

1.确定网页的主体色调风格。

我们制作自己的网页首先应该对自己的网页有一个整体的规划,是建一个什么类型的网站,网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划。

2.规划网站的整体布局——导航、按钮、图片、文字的排版方式。

做什么事都不能盲目的没有目的的进行,那样只能浪费时间浪费精力,在我们制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图,或者浏览几个自己比较喜欢的网站学习借鉴。

3.准备和归类素材——图片、音频、视屏、文章等。

制作一个网页需要大量的文件,我们必须先将这些不同类型的文件进行归类放置,整理到一个文件夹中。

打开Dreamweaver软件,新建一个站点,然后在站点下建立不同的文件夹存放素材。

.4建立自己的主页,按照之前的定的风格设计布局。

不要急着添加图片和文字,先将导航栏,标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错,文件添加后就不要更改文件路劲了,否则会导致文件的丢失。

5.制作网页是一个非常复杂的过程,如果想从头到尾自己制作一个网页的话是很难说清楚的,所以这里就分享一个很简单的方法。

找到一个适合自己风格或是自己比较喜欢的网页,右击鼠标——另存为。
这时浏览器就会将这个网页中的所有的元素都复制下来,存放到一个文件夹中。

6.打开Dreamweaver软件代开刚刚下载的网页,这时Dreamweaver中就会显示你下载网页的所有元素,不会出现丢失的情况。

7.替换网页中的元素即可。

选择需要进行修改的图片或是文字直接更换即可。选择一个元素然后在下面的属性栏中进行更换即可。同时还可以更换图片的大小和其他的属性。

8.按下F12进行预览效果即可。不满意的地方进行修改,一定要注意随时保存文件。

7、怎么设计网页排版

在现在这个大数据时代,网页制作已经没有以前那么难了,那么,如何进行网页设计、网页设计需要注意些什么呢?今天我来跟大家分享一下怎么设计网页排版。
网页设计、制作
首先,我们需要确定网页的主题。
做网站一定要明确主题,就像我们平时做饭一样,知道做什么了,才能更好的准备食材。
第二步,收集材料
材料需要新颖,独特有利于后期的制作。
第三步,规划网站
网页的结构、栏目的设置、风格、颜色搭配、版面布局、文字图片的运用等都需要设计者一一规划好
第四步,设计网站选择制作网站的工具
网页设计最关键的一个过程,复杂而精细,需要设计者用足够的耐心去完成它。通常建议采取先大后小、先简单后复杂的程序来进行制作,即在制作网页时,先设计好大的结构,然后再逐步完善小的结构;先设计简单的内容,然后再设计复杂的内容,以便及时修改问题,提高制作效率。
根据自己的需求和喜好来进行选择,一款功能强大、使用简单的软件往往可以起到事半功倍的效果Dreamweaver或者其他的编辑器。
搭建站点购买域名和空间
购买域名空间并绑定好,然后把我们制作的网站上传到空间里面进行测试,正式运营。上传后,在浏览器中打开自己的网站,逐页逐个链接进行测试,发现问题,及时修改,然后再上传测试即可
后期的维护更新
网页制作好以后需要定期维护和更新,一潭死水,会变质,同样一个网页,如果长期不动,别人也不会喜欢,需要注意经常维护更新内容,只有不断地维持更新,网页才能保持活力,继续吸引浏览者

8、网页设计,怎么做?

一、确定网站主题

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

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

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

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

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

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

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

9、如何自学网页设计

1、在桌面上右键点击鼠标,出现对话框之后,点击新建。

2、新建一个文本问档,用于写网页代码。

3、打开记事本,现在我们就可以编写简单的HTML代码了。

4、现在,我们把文本的命名改成1.html。

5、一个简单的HTML网页就搭建完成了,可以通过浏览器打开试试看。

10、怎么做网页设计?

网页设计的话,静态的没得意思了,学会了也赚不到钱,去搞动版态的,动态中效果权最炫的应该是Flash的脚本AS做的,很多世界500强企业的网站都是用这种技术做的哈。有空你可以在网上查下,什么宝马、奔驰、劳力士的网站都是用这个技术做的。如果想学成都地区好像只有一家叫·闪·客·教·育·的机构在教,你可以去问下。

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