1. 如何制作一个简单的个人网站(网页设计课程需要的作业)需要两个样本
建站系统可以帮到你,自己去下载一个,有免费的,如:PageAdmin网站管理系统、wordpress系统、帝国软件、动易系统,这些都是比较常用的。
2. 网站制作需要哪些素材
那么在网站制作过程中,我们需要哪些素材呢? 网站制作常用的素材:背景图片、图标、动画图片等等。 一、背景图片 CSS控制背景图片:对于一个网页,我们开始设计的时候,可能没有过多的去想背景图到底是什么,因为大多都是设计背景色就可以了,因为它与前景音乐一样,对于网页的打开,速度会有一定的影响。不过对于一般的个人网站,或者个人博客而言,它对展现自己的个性,当然是不可或缺的了。控制背景图片的CSS属性有很多,只要与图片的相关的,大多都会用的上。 1、为网页设计背景图片的代码是:body {background:url("d:\images\04.jpg")}或者body {background-image:url("d:\images\04.jpg")}。这样的话,我们就能将想要作背景的图片导进网页里了。 2、显示原始图片大小:body {background:url("d:\images\04.jpg");background-repeat:no-repeat} 3、控制图片大小:body{background-image:url("d:\images\04.jpg");width:350px;height:350px;} 二、图标 图标是具有指代意义的具有标识性质的图形,它不仅是一种图形,更是一种标识,它具有高度浓缩并快捷传达信息、便于记忆的特性。图标可以使用各种不同的格式BMP ,PSD ,GIF , JPEG ,WMF ....所有这些格式有几种不同的属性(点阵图,向量,压缩,分层,动画... ),可以用来存储图片,和决定任何大小。 三、gif图片 gif图片图片是图片的一种形式,gif图片可以达到一定程度的Flash效果,这就有利于搜索引擎优化,也可以是网站看上去更加美观。 网站制作素材可以有效的提高网站的整体风格,增加网站的视觉效果,可以提高网站的浏览量,吸引客户的眼球,让他流连忘返,很难在离开你的网站。素材的运用,要能结合网站的主题和需要表达的意境而定,好的素材能起到画龙点睛的作用。
3. 如何用photoshop制作网页界面
photoshop制作网页界面的一般流程为新建文档
文档尺寸为浏览器全屏后减去下拉条等元素的宽度,一般为1000px。高度一般为三到四屏。高度设置成五屏、六屏的也有。一般考虑的用户的阅读耐受力,太多屏的高度会影响用户阅读。多了建议做跳转。
设计好文档尺寸,然后就是网页设计工作了。在网络资源丰富的今天,web页面的设计素材网站是丰富的。昵图网、我图网、爱给网、68design网里有很多设计素材。
最后,记得保存您的网页界面文件。
4. 如何制作网页
推荐两款现在比较流行制作网页的软件
FRONTPAGE 这个OFFICE办公软件中有附带
Dreamweaver很多人都在用这个,我也在用,呵呵~
怎么制作我在这里就不废话了,要靠自己去体会,网上有
这两款软件的教程,可以去看看~
不过要想做比较精彩的网页,你还要会FLASH,你没看到现在
很多网页都是靠FLASH来衬托的吗~~
学会之后自己做成功一个网页会很有成就感的,呵呵`
5. 制作课件和网页的方法
课件制作软件简介
一、 PowerPoint
PowerPoint是微软的Office系列组件之一,是幻灯片制作工具。由于它编辑多媒体的功能比较强大、简单易学,所以很多老师都是以PowerPoint起步制作课件的。PowerPoint内置丰富的动画、过渡效果和多种声音效果,并有强大的超级链接功能,可以直接调外部众多文件,能够满足一般教学要求。PowerPoint易于上手,并支持IE浏览器的两大优点,是最显而易见的。但PowerPoint的动画有些生硬、单调,交互功能实际上是超级链接,对于交互性要求较高的课件显得力不从心。
二、AuthorWare
AuthorWare是课件制作工具中应用比较广泛的平台,它的最大特点是创造了基于图标的创作方式,用可见的流程贯穿课件制作的整个过程,清晰有序。我们只需对13种图标(其实最常用的是12种,视频图标不常用)进行拖放及设置,就可以完成普通课件的开发,无需编写过多的程序代码。AuthorWare内置众多过渡效果(利用插件,可产生更多的效果),5种基本动画功能,如果能够灵活应用可以满足普通课件对动画的要求。AuthorWare的灵魂是它强大的交互功能和函数库,11种交互方式使我们轻松实现各种随心所欲的交互效果,丰富的函数让我们如虎添翼。但AuthorWare对于多声道支持不算理想,而且图标方式及众多的函数有时显得很繁琐,真正运用自如地利用AuthorWare开发较为优秀的课件也并非易事。
三、方正奥思
方正奥思多媒体创作工具(FOUNDER AUTHOR TOOL)是北大方正电子有限公司印艺事业部研究开发的一个可视化、交互式多媒体集成创作工具。方正奥思能在中文 Windows95/98/me/NT 4.0/2000 环境下运行,具有直观、简便、友好的用户界面。可以把文本、图形、图像、声音、动画及影像等多媒体素材集成编辑,制作出各种多媒体应用产品。支持丰富的媒体播放方式、过渡效果和动态效果,能实现灵活的交互性;可以制作路径动画;支持变量和系统函数,可以进行简单的脚本程序编写及具有多媒体数据库管理功能。创作出的产品可生成 EXE 文件,直接在操作系统下运行。具有生成网页功能,但生成网页时有些功能将受到限制。普及版以上版本可以免费进行升级。
四、课件大师
课件大师是武汉凡高软件公司出品的课件制作工具。课件制作大师,即蒙泰瑶光多媒体编着系统。现在比较流行的版本为《课件大师II》即瑶光3.0。该软件提供了可视化的全中文界面,通过它能够将声音、动画、图像以及文字等各种媒体集成在一起,并加以控制,最终生成一个可独立执行的放映程序。课件大师支持众多的多媒体格式如Gif、Flash、MP3等,并自带旋转及轨迹动画功能。它与奥思一样都是基于页的序列,但它与奥思不同的是创造了子页的设计思想。课件大师II正版软件价格很低(只有150元左右),且带有部分课件制作素材,比较适合于教师们个人使用,但该版本不享受免费升级服务。
五、广州凯迪
凯迪多媒体创作工具,是广州凯迪软件有限公司开发的一个多媒体开发工具。在众多的多媒体创作系统中是一枝红杏:不仅完全摆脱了编程方式、操作简便,强大的动画制作功能、自我创作能力强大、直面教育实际有记分牌(自动统计分数)等功能。而且打包后的文件所占存储空间很小,运行速度快。但集成功能较弱,有些多媒体格式如MP3、Flash,该系统无法支持。
六、Dirctor与Flash
Dirctor与Flash和AuthorWare都是美国Macromedia公司产品。Flash与Dirctor最大的特点是动画功能及交互功能强大。也是目前制作课件的常用工具,由于是国外软件所以学习起来略有难度。
综上所述,AuthorWare、Director等外国大型多媒体创作工具有点难,现在利用这些工具制作课件的人绝大部分是计算机教师及部分骨干学科教师。虽然这些开发工具比使用高级语言(如C语言、Visual Basic语言)方便多了,在某种程度上减轻了繁琐的“底层”设计之苦。但是这几种开发工具都是英文版软件(都有汉化版,但所有参考书都是针对英文版写的),加之每种软件都提供了较为丰富的函数及脚本设计语言,所以不太适合初学课件制作者使用。而奥思、凯迪、课件大师等国产多媒体开发工具,有一个共同特点:国人自己的产品,功能强大,直面教育实际,操作简单,创作效率与质量高(当然也包括国产的洪图、易思等多媒体创作工具,这里不再赘述),因此比较适合普通学科教师使用。大力倡导使用这些国产软件,这不仅打破了国外多媒体创作平台一统课件制作天下的局面,也为广大教师找到了一条课件制作的捷径。愿这些优秀的国产软件能够成为我们中小学教师制作课件的“利器”!
七、几何画板与数理平台
《几何画板》与《数理平台》等软件带来了数学实验,它们提供了一个十分理想的让学生积极的探索问题的“做数学”的环境,学生完全可以利用它来做数学实验,这样就能在问题解决过程中理解和掌握抽象的数学概念,使得学生获得真正的数学经验,而不仅仅是一些抽象的数学结论。
目前,在这方面已经有了一些有益的尝试。1995年夏季,两个美国初中二年级学生(David Goldeheim和Dan Litchfiled)应用几何画板发现了又一种任意等分线段的方法;东北育才学校一名学生发现了广义蝴蝶定理。抛开这些问题自身的意义不说,他们处理问题的过程(猜测,验证,论证),对我们的数学教学也是一种启示。
《数理平台》是南京金华科软件有限公司推出的一款与《几何画》板功能相似课件制作工具。它除了具有与《几何画板》相似的作图与度量功能外,还有自己的特色:拥有自己的设计语言(可以利用这些代码创作出更好的、功能更强大的课件)、可以生成可执行文件(打包后的课件可以脱离数理平台系统而独立运行)、专业版可以网络课件等。
《几何画板》、《数理平台》及《Z+Z智能教育平台》等软件,直面数学(包括物理)学科实际,不仅是辅助教学的好工具,也是学生进行数学实验的好工具,计算机较强作图的处理能力为数学的发现学习提供了可能,它的动态情境可以为学生“做”数学提供必要的工具与手段,使学生可以自主地在“问题空间”里进行探索,来做“数学实验”。教师可以将更多的探索、分析、思考的任务交给学生去完成。
分类二:
我们知道,制作一款课件,最基本的前提就是要有一把制作课件的利器。目前,制作课件的软件有不少种,下面作一些简单的介绍。如果你正要学习制作课件,最好先看一看下面的内容。
Macromedia Authorware
Authorware是面向Web和在线学习的具有领导地位的可视化媒体创作工具。它在丰富的媒体支持、创作能力,Web 创作和出版、学生的学习情况跟踪和课程管理上都提供了重大的增强。 Authorware允许开发者在Web,LANs和CD-ROM上创建多媒体项目。
它是一个优秀的基于流程图标的交互式多媒体创作工具,它不仅可以利用自身的图标和函数来设计程序,而且还能够利用控件、接口和自定义函数实现许多复杂的功能。本站从Authorware的工作界面开始,到最后的自定义UCD函数,坚持由浅入深、由易到难、理论联系实际的原则,全面介绍多媒体课件、软件的制作方法,充分利用实例,手把手教你做课件,同时有课件作品、源程序供你参考、下载。
Macromedia Flash
Flash是交互式矢量图和Web动画的标准。网页设计者使用Flash创建漂亮的、可改变尺寸的 、以及极其紧密的导航界面、技术说明以及其他奇特的效果。
除此之外,它的另一大优点在于,它的输出文件体积非常小,一个有音乐的5分钟短片还不到500KB,这在目前大容量可移动存储设备尚未能普及和国内网速现状的今天,确实有它的优势。
Macromedia Dreamweaver
作网页形式的课件,没什么不可以。一个可视化的网页设计工具,一个HTML编辑器,支持最新的HTML标准,包括动态HTML。在编辑上你可以选择可视化方式或者你喜欢的源码编辑方式。
Dreamweaver是一个集网页制作和网站管理于一身的、功能强大的网页编辑软件,是第一套针对专业网页设计师开发的可视化网页制作工具。利用它可以很轻松地制作出跨平台和浏览器的充满动感的网页。
目前最优秀的制作网页的集成工具。
FrontPage 2000
FrontPage 2000提供了优秀的WEB页编辑器,可以方便、快捷地编辑WEB页形式。在编辑器中提供了所见即所得、手工编辑HTML和预览WEB页三种编辑工具。
它是一个非常简单实用的网页编辑软件,用它可以非常快速地编辑好一个网页,特别适用于第一次做网页的朋友。要想用这个软件做一个好的网页,最重要的是掌握表格的运用,相信做过网站的朋友都有这个体会。Frontpage还可以做简单的多媒体课件、企业策划书、产品演示说明书等,它具有上手快,易学、易用的特点。
FrontPage 2000是初学者最理想的制作网页的集成工具。
6. 如何制作班级网页,流程怎么样的,需要什么工具,收集什么素材!
使用DREAM WEAVER ,挺好的,我在上小学的时候就用这个做过网页,素材什么的,就用班级的一些照片呀,同学的作文呀,就可以了。。。。
7. 制作网页需要什么素材
制作网页是需要的素材很多,很烦琐。比如说,你要懂得Photoshop、Dreamweaver、还要懂得数据库等知识,最好上传的时候,你还要申请域名,找服务器公司。
如果你下在一个网页模板的话,可以省去前面那些繁琐的事,你只要申请域名,找服务器公司就行。
TemplateMonster(怪兽模板)中国区官方网站http://china.templatemonster.com/这里有很多好看的网页模板,你不妨去看看。
8. 网站页面制作有哪些技巧
【导读】在当下的企业网络推广阶段中,越来越多的企业网站制作技术越来越娴熟,导致在同行企业网站竞争环境越来越激烈,但是只有少数的企业是赢家。那么,网站页面制作有哪些技巧呢?今天就跟随小编一起来了解下吧!
1、网站页面分割设计
在网站页面设计中可采用内容分割成块状,通过合理分割进行内容优化将站内重要产品或服务内容等重点一一呈现在用户眼前,同时辅以图文并茂的形式展现给目标用户群体,吸引潜在用户的点击与访问,让用户更容易接受页面分割设计,从而达到促进企业网站排名优化提升的效果。
2、网站页面导航栏设计
通常在网站页面中的阅读设计是通过滚动的方式实现的,但如果采用从头滚动到尾部结束的方式过于枯燥,很容易导致用户在访问浏览网站期间产生视觉疲劳,建议站长针对这种设计方式可以在页面两侧或顶部添加导航栏,跟随用户的阅读访问进行变化,明确用户在访问阶段中处于哪个位置,也可一键回到之前所处位置。
3、网站页面设计学会突出重点
通常情况下,大多数企业网站所采用的页面设计风格属于传统意义上的突出重点,与此同时也暴露了该类型设计风格下的枯燥乏味,非常影响用户在访问网站期间的使用体验,很容易产生厌倦感,建议站长在针对不同企业网站建设中设计一些具有针对性的交互设计或创意设计,让用户在访问期间提升停留时间,对企业网站印象深刻。
4、网站页面设计不得影响页面加载速度
在当下一些新兴崛起的企业网站中更提倡采用一些具有创意的设计,但通过创意设计的繁杂设计很容易设计过度影响网站页面的加载速度。一旦影响网站页面加载速度,再好的创意设计也不能完整体现,一时之间不知道谁更难过。建议有创意设计想法的站长注意页面设计素材的压缩,避免影响页面加载速度影响用户的访问使用体验。
以上就是小编今天给大家整理分享的关于“网站页面制作有哪些技巧?”的相关内容,希望对你有所帮助。为了帮助各位小伙伴更快的上手工作,小编特此还整理了平面设计小白入门宝典,需要的自取哦!
9. 怎样制作网页(包括制作工具)
网站设计八步骤
由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。 四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
五、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
六、上传测试
网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。
七、推广宣传
网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者.
回答者:陈董事长 - 副总裁 十一级 3-30 10:23
怎样制作网页?先说说目前网页制作流行的三类作法:
一、使用像Dreamweaver、Fontpage一样的所见即所得的网页编辑软件。Fontpage较容易些,会操作Word就会使用它。专业人士一般用Dreamweaver来做网页,用flash、firework等来美化网页,有兴趣的可以下载网页三剑客Dreamweaver、flash、firework来试试。
二、使用记事本修改网页Html代码,不推荐使用Fontpage等网页编辑软件修改的原因是:很多网页格式如果用网页编辑软件打开就会变形,所以直接使用记事本修改网页Html代码是最简洁有效的方法。当然可以去下载强化的HTML工具更好,例如: UltraEdit。
三、其实很多现成网页模版、网站系统已经做好了,而我们不必再次证明“牛顿定律”浪费我们的宝贵时间。就像PHP论坛程序现在别人做的挺好的(例如Discuz!,PHPwind),我们何苦再去编写一个论坛程序呢?简直是费力不讨好,并且Bug特别多。当然学习数据库编程开发的人例外。
怎么做网站呢?首先我们需要了解一下网站的页面组成,网站一般包括以下几部分:
首页:网站的门面,如同公司的形象,特别注重设计和规划。
次页:网站的主要导航结构页面,讲究风格的一致性,并于首页呼应。
普通页:网站主要的承载信息的页面,设计要求不高,但要求链接准确、文字无误、图文并茂,并沿袭网页的风格。
弹出页:一般用于广告、新闻、消息、到其他网站的链接等等,一般用的很少。
通过上面的分析,我们可以看出:
从功能上来看,首页主要承担着树立企业形象(当然不仅仅是首页)的作用,次页在导航方面起着重要的作用,比如各栏目内部主要内容的介绍,都可以在次页中体现再进入普通页,让浏览者能够迅速了解网站各栏目的主要内容,择其需要而浏览,而普通页则是主要的信息页面,也是网站的最终页面,对于大型网站,这种结构非常重要,而对于中小型企业,网站规模较小、页面数量不多,有时次页就起着普通页的作用,至于弹出页,建议您不是必要,最好不要用。下面详细介绍各页面的设计技巧:
一、首页设计技巧
网站首页是企业网上的虚拟门面,在此,提醒上网的企业注意自己门面的设计,决不能敷衍了事、马马虎虎。我们会经常看到印刷精美的产品目录或广告,当您屡屡看到那些印有产品目录或广告的精美印刷制品的时候,相信您或多或少会对有关的产品形成一种好感,即使您不会购买,也必然对这些产品形成一定程度的认同。而对于设计毛糙的宣传品,您肯定会怀疑其内容的真实性,从而对其产品或服务产生质疑。好,现在说说网站的设计,相信您会同意这种说法:网站的页面就好比是“无纸的印刷品”。既然如此,我们会因此而得出一个结论:精良和专业网站的设计,如同制作精美的印刷品,会大大刺激消费者(访问者)的购买欲望,反之,您公司所提供的产品或服务将不会给消费者(访问者)留下较好的印象。值得一提的是,除非您的企业有专业的网站规划、设计人员,否则您最好找专业公司或专业人员为您设计制作,一个优秀的专业设计人员会很快明白您的意图,并根据您的建站目的提出建设性的意见。
一般来说,网站首页的形式不外乎有两种,一种是纯粹的形象展示型,这种类型文字信息较少,图像信息较多,通过艺术造型和设计布局,利用一系列与公司形象和产品、服务有关的图像、文字信息,组成一幅生动的画面,向浏览者展示一种形象、一个氛围,从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力,能够努力挖掘企业深层的内涵,展示企业文化。这种类型的首页在设计过程中一定要明确要以设计为主导,通过色彩、布局给访问者留下深刻的印象,当然,我们不能为了设计而设计,我们的目的是营销,在设计过程中一定要牢记这一点!
另一种是信息罗列型,一般的大、中型企业网站和门户网站常用的方式,即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等,这种风格比较适合网站信息量大,内容丰富的网站,因为是以展示信息为主,这是的设计就要在细微之处体现企业形象,建议设计人员最好仔细阅读企业的CI手册,熟悉企业标志、吉祥物、字体及用色标准,在网站的局部体现出来,往往平淡之中一个优美的符合企业特点的曲线就能够给人以深刻的印象,从而将企业形象印在浏览者的脑海里。设计人员在设计过程中要注意使用这些语言符号来表达一种独特的企业信息。
网页设计时注意事项:
1.不要花里胡哨。
2.要有风格,要突出行业的特点。比如娱乐业热烈活泼些,政府网站则要庄重些;收藏书画业要古朴典雅,策划时装业则要前卫些。
3.一张网页一般两屏到三屏就可以了,不要太长,会影响你的网页打开的速度。如果内容实在太多,应该分作几个页面,或者分为几个二级栏目。
对初次建站的用户来说,制作网页是件头疼的事情;对于由别人帮助建站的用户来说,网站的后期更新维护可能更令人头疼。缺乏专业人才及专业知识,让大家对建站望而生畏。推荐您选购‘自助建站专卖店’自助网站系统,由于不需要专业人员制作网站程序,且SOHO个人工作室不像公司那样牵扯分享利益的人多而成本高,我们所提供的网站建设价格在市场上具有很强的竞争力。我们更懂得每一个网站的制作质量都是下一个网站的广告。三大承诺,放心选择:“免费试用满意后再付款”“主机空间正式付款7天内无条件退款承诺”“100%网站及域名所有权”。为进一步免除您的后顾之忧,近期还计划安装支付宝等第三方网上支付手段,让大家放心购买。用户进入网站后台后,自己就可以在现有模板上对网站内容进行更新,不用再为如何制作网页担心,‘自助建站专卖店’销售数十种正版品牌建站软件,享受自动升级服务和相关的技术服务(定制模版+内容更新)
。
视频教程:手把手教你学Dreamweaver MX 200
参考资料:考资料:http://www.pconline.com.cn/pce/sj/wz/dreamweaver/0503/580605.html (摘选)
10. 怎么制作一个网页
要领一:确定网站主题
做网站,首先必须要解决的就是网站内容问题,即确定网站的主题。美国《个人电脑》杂志(PC Magazine)评出了99年度排名前100位的全美知名网站的十类题材:第1类:网上求职;第2类:网上聊天/即时信息/ICQ;第3类:网上社区/讨论/邮件列表;第4类:计算机技术;第5类:网页/网站开发;第6类:娱乐网站;第7类:旅行;第8类:参考/资讯;第9类:家庭/教育;第10类:生活/时尚。我们可以参看上面的分类,继续细分。如果自己在某些方面有兴趣,或掌握的资料较多,也可以做一个自己感兴趣的东西,一者,你可以有自己的见解,做出自己的特色;二者,在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站的动力,没有创作热情,很难设计制作出优秀的作品。
对于内容主题的选择,要做到小而精,主题定位要小,内容要精。不要去试图制作一个包罗万象的站点,这往往会失去网站的特色,也会带来高强度的劳动,给网站的及时更新带来困难。记住:在互联网上只有第一,没有第二!
要领二:选择好域名
域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站,其所有建设的价值,都凝结在其网站域名之上。失去这个域名,所有前期工作就将全部落空。
目前,做个人网站的很多都依赖免费个人空间,其域名也是依赖免费域名指向,如网易的虚拟域名服务,其实这对个人网站的推广与发展很为不利,不光是它“适时”开启的窗口妨碍了浏览者的视线和好感,让人一看就知道是个人网站,而且也妨碍了网页的传输速度。所以,就我个人观点来说,首先花点钱去注册一个域名,独立的域名就是个人网站的第一笔财富,要把域名起得形象、简单、易记。
要领三:掌握建网工具
网络技术的发展带动了软件业的发展,所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具,各种各样的Web页面制作工具,下面是几款具有代表性的网页制作器:
(1)HTML编辑器。虽然HTML代码复杂,编辑和调试要花费大量的时间,但因HTML的稳定性、广泛支持性及可创建复杂的页面效果,仍受高级网页制作人员的青睐。就目前来说,有众多的编辑器供选择,这些编辑器广泛支持复杂页面创建及高级HTML规范,使用较为普遍的有Hotdog等专业HTML编辑器。
(2)所见即所得的网页编辑器。其中以Microsoft Frontpage为代表,它具有如Word一样的操作界面,熟知Word功能的操作者,只要稍加培训就能轻松编制网页。而且,Frontpage还能解析网页的HTML源代码,并提供了预览支持。但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。
(3)现在非常流行的 Macromedia公司出品的Flash互动网页制作工具。这是是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页,它不需要特别繁杂的操作,也比JAVA小巧精悍!但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash动画中封装Mp3音乐、填写表单等;并且由于Flash编制的网页文件比普通网页文件要小得多,所以大大加快了浏览速度。这是一款十分适合动态Web制作的工具。
另外,个人网站制作者还需了解W3C的HTML4.0规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解,还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具,并能部分了解多种图形图像动画工具的基本用法,熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的。
当然,互联网还是一个免费的资料库。编制网页需要多种多样的按钮、背景还有各种各样图形、图片。如果这些都要靠自己完成,既浪费时间又浪费金钱,而且还需要强大的图形、图片制作技术。所以,为了省却这些麻烦,网站制作者完全可以从网上下载各种精美实用的图片、按钮、背景等网页素材。
要领四:确定网站界面
界面就是网站给浏览者的第一印象,往往决定着网站的可看性,在确定网站的界面时要注意以下三点:
①栏目与板块编排
构建一个网站就好比写一篇论文,首先要列出题纲,才能主题明确、层次清晰。网站建设初学者,最容易犯的错误就是:确定题材后立刻开始制作,没有进行合理规划。从而导致网站结构不清晰,目录庞杂混乱,板块编排混乱等。结果不但浏览者看得糊里糊涂,制作者自己在扩充和维护网站也相当困难。所以,我们在动手制作网页前,一定要考虑好栏目和板块的编排问题。
网站的题材确定后,就要将收集到的资料内容作一个合理的编排。比如,将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。在制定栏目的时候,要仔细考虑,合理安排。在栏目编排时需要注意的是:
●尽可能删除那些与主题无关的栏目;
●尽可能将网站内最有价值的内容列在栏目上;
●尽可能从访问者角度来编排栏目以方便访问者的浏览和查询;辅助内容,如站点简介、版权信息、个人信息等大可不必放在主栏目里,以免冲淡主题。
另外,板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些,每个板块都有自己的栏目。举个例子:ENET硅谷动力(www.enet.com.cn)的站点分新闻、产品、游戏、学院等板块,每个板块下面又各有自己的主栏目。一般来说,个人站点内容较少,只要分个栏目也就够了,不需要设置板块。如果有必要设置板块的,应该注意:
●各板块要有相对独立性;
●各板块要有相互关联;
●各板块的内容要围绕站点主题;
②目录结构与链接结构
网站的目录是指建立网站时创建的目录。例如:在用Frontpage建立网站时都默认建立了根目录和Images子目录。目录的结构是一个容易忽略的问题,大多数站长都是未经规划,随意创建子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的维护,以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排,比如:
●不要将所有文件都存放在根目录下。有网站制作者为了方便,将所有文件都放在根目录下。这样就很容易造成:文件管理混乱,搞不清哪些文件需要编辑和更新,哪些无用的文件可以删除,哪些是相关联的文件,影响工作效率;上传速度变慢,服务器一般都会为根目录建立一个文件索引,如果将所有文件都放在根目录下,那么即使只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件,很明显,文件量越大,等待的时间也将越长。
●按栏目内容建立子目录。子目录的建立,首先按主栏目建立。友情连接内容较多,需要经常更新的可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,例如:网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录,例如:CGI程序放在cgi-bin目录,所有提供下载的内容也最好放在一个目录下,便于维护管理。
●在每个主目录下都建立独立的Images目录。一般来说,一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便,比如在栏目删除时,图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单,就是方便维护与管理。
其它需要注意的还有:目录的层次不要太深,不要超过3层;不要使用中文目录,使用中文目录可能对网址的正确显示造成困难;不要使用过长的目录,太长的目录名不便于记忆;尽量使用意义明确的目录,以便于记忆和管理。
网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上,但可以跨越目录。形象的说:每个页面都是一个固定点,链接则是在两个固定点之间的连线。一个点可以和一个点连接,也可以和多个点连接。更重要的是,这些点并不是分布在一个平面上,而是存在于一个立体的空间中。一般的,建立网站的链接结构有两种基本方式:
●树状链接结构(一对一),这类似DOS的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。这样的链接结构浏览时,一级级进入,一级级退出,条理比较清晰,访问者明确知道自己在什么位置,不会“不知身在何处”,但是浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须回到首页再进行。
●星状链接结构(一对多),类似网络服务器的链接,每个页面相互之间都建立有链接。这样浏览比较方便,随时可以到达自己喜欢的页面。但是由于链接太多,容易使浏览者迷路,搞不清自己在什么位置,看了多少内容。
因此,在实际的网站设计中,总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面,又可以清晰地知道自己的位置。所以,最好的办法是:首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构。关于链接结构的设计,在实际的网页制作中是非常重要一环,采用什么样的链接结构直接影响到版面的布局。
③进行形象设计
网站的设计可以从以下几点出发:
●设计网站标志(LOGO)。LOGO是指网站的标志,标志可以是中文、英文字母,也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如:网站内有代表性的人物、动物、植物,可以用它们作为设计的蓝本,加以卡通化或者艺术化;专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志,采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。
●设计网站色彩。网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。“标准色彩”是指能体现网站型象和延伸内涵的色彩,要用于网站的标志,标题,主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用,但应当只是作为点缀和衬托,绝不能喧宾夺主。一般来说,一个网站的标准色彩不超过3种,太多则让人眼花缭乱。适合于网页标准色的颜色有:蓝色,黄/橙色,黑/灰/白色三大系列色。
●设计网站字体。和标准色彩一样,标准字体是指用于标志,标题,主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格,可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵,选择更贴切的字体。需要说明的是:使用非默认字体只能用图片的形式,因为很可能浏览者的计算机里没有安装特别字体,那么辛苦设计制作便可能付之东流了。
●设计网站宣传语。也可以说是网站的精神、主题与中心,或者是网站的目标,用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站,进行对外宣传,可以收到比较好的结果。
要领五:确定网站风格
“风格”是抽象的,是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志,色彩,字体,标语)、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素,网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局,还是交互方式,只要你能由此让浏览者明确分辨出这是你网站独有的,这就形成了网站的“风格”。
风格是有人性的,通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性:是粗犷豪放的,还是清新秀丽的;是温文儒雅的,还是执着热情的;是活泼易变的,还是墨守成规的。
总之,有风格的网站与普通网站的区别在于:在普通网站上你看到的只是堆砌在一起的信息,你只能用理性的感受来描述,比如信息量多少,浏览速度快慢等;在有风格的网站上你可以获得除内容之外的更感性的认识,比如站点的品位,对浏览者的态度等。
在明确自己想给人以怎样的印象后,要找出网站中最有特色的东西,就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之,风格的形成不是一次定位的,你可以在实践中不断强化、调整、改进。
要领六:有创意的内容选择
好的内容选择需要有好的创意,作为网页设计制作者,最苦恼的就是没有好的内容创意。网络上的最多的创意即是来自于虚拟同现实的结合。创意的目的是为了更好的宣传与推广网站,如果创意很好,却对网站发展毫无意义,那么,网站设计制作者也应当放弃这个创意。另外,主页内容是网站的根本之所在,如果内容空洞,即使页面制作地再怎样精美,仍然不会有多少用户。从根本上说,网站内容仍然左右着网站流量,内容为王(Content Is King)依然是个人网站成功的关键。
要领七:推广自己的网站
网站的营销推广在个人网站的运行中也占着重要的地位,在推广个人网站之前,请确保已经做好了以下内容:网站信息内容丰富、准确、及时;网站技术具有一定专业水准,网站的交互性能良好。一般来说,网站的推广有以下几种方式:
(1)搜索引擎注册与搜索目录登录技巧
注册着名的搜索引擎站点是在技术上推广网站的第一步。注册搜索引擎有一定的技巧,像AltaVista、搜索客这样的搜索引擎,它自动收录提交的网址。另外,注意Meta的使用,不要提交分栏Frame页面,大部分搜索引擎不识别Frame,所以一定要提交有内容的Main页面。
而像Yahoo、搜狐等搜索目录网站采用手工方式收录网址,以保证收录网站的质量,在分类查询时获得的信息相关性比搜索引擎站点(靠Spider自动搜索的)更强。由于搜索目录网站收录网站的人为因素相对较多,因此在提交网站时要注意遵守规则。如Yahoo要求注册站点描述不超过25个单词。在此要注意:将网址提交到最合适的目录下面,要认真详细的介绍网站,千万不要有虚假、夸张的成分。
(2)广告交换技巧
很多个人站点在相互广告交换时都提出了几个条件:第一,访问量相当;第二,首页交换。显而易见,这种做法是为了充分利用广告交换。以很多个人网站的经验,当与一个个人站点交换链接时,对方把网站的LOGO放到了友情连接一页,而不是首页时,很少有访客会来