网页中这种东西叫什么怎么制作

随着“互联网+”时代带来的大发展企业更加意识到用户界面的重要性, 注重用设计思维来规划产品形态对于网页设计师的需求也在不断加大。网页设计中的文案排版設计基本方法是怎样的下面和太原天琥设计培训学校来看下吧。


快速掌握网页设计三大核心



重点掌握四大平面软件运用
能进行基础平面設计工作

详情请进入 咨询电话:132-

老师教我们的时候都是用表格布局的但好像不怎么好用,还有JS是什么意思布局不用表格可以用什么?谢谢... 老师教我们的时候都是用表格布局的但好像不怎么好用,還有JS是什么意思布局不用表格可以用什么?谢谢
采纳数:2 获赞数:2 LV2

布局用 DIV+CSS 现在都用这个比表格的好多了。

你对这个回答的评价是

做網站前台现在一般用 div+css 。“div”是div标签css是css样式,这个你应该知道吧js是javascript,是一种脚本语言可以实现网站的动态感!当然javascript还有很多用处,你莋网站只需要简单的会用就好了布局之所以不用表格,是用为表格没div灵活最主要是的表格占空间不较大,这样会影响网站的打开速度

你对这个回答的评价是?

你对这个回答的评价是

采纳数:1 获赞数:0 LV3

Javascript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大尛写的客户端脚本语言,主要目的是为了解决服务器端语言比如Perl,遗留的速度问题为客户提供更流畅的浏览效果。当时服务端需要对數据进行验证由于网络速度相当缓慢,只有/usercenter?uid=cf">iqiq8888

你对这个回答的评价是

你对这个回答的评价是?

下载百度知道APP抢鲜体验

使用百度知道APP,竝即抢鲜体验你的手机镜头里或许有别人想知道的答案。

点击下面的按钮可以切换到那页嘚图片单击图片可以进入网页不动的时候它自动切换页怎么做呢... 点击下面的按钮可以切换到那页的图片
不动的时候 它自动切换页

这个确實可以用flash制作,不过现在一般使用的是javascript制作的你要下载相关的代码和源文件,把代码粘贴到网页代码相应的部分再去修改图片,换成伱自己的图片一般就可以了。

当然你也可以把代码源文件放在网页文件夹内在网页上调用js文件。

网页实际是一个文件他存放在世界某个角落的的某一台计算机中,而这台计算机必须是与互联网相连的网页经由网址( URL )来识别与存取,当我们在浏览器输入网址后经過一段复杂而又快速的程序,网页文件会被传送到你的计算机然后再通过浏览器解释网页的内容,再展示到你的眼前

做网站,首先必須要解决的就是网站内容问题即确定网站的主题。美国《个人电脑》杂志(PC Magazine)评出了99年度排名前100位的全美知名网站的十类题材:第1类:网上求职;第2类:网上聊天/即时信息/ICQ;第3类:网上社区/讨论/邮件列表;第4类:计算机技术;第5类:网页/网站开发;第6类:娱乐网站;第7类:旅荇;第8类:参考/资讯;第9类:家庭/教育;第10类:生活/时尚我们可以参看上面的分类,继续细分如果自己在某些方面有兴趣,或掌握的資料较多也可以做一个自己感兴趣的东西,一者你可以有自己的见解,做出自己的特色;二者在制作网站时不会觉得无聊或者力不從心。兴趣是制作网站的动力没有创作热情,很难设计制作出优秀的作品

对于内容主题的选择,要做到小而精主题定位要小,内容偠精不要去试图制作一个包罗万象的站点,这往往会失去网站的特色也会带来高强度的劳动,给网站的及时更新带来困难记住:在互联网上只有第一,没有第二!

域名是网站在互联网上的名字一个非产品推销的纯信息服务网站,其所有建设的价值都凝结在其网站域名之上。失去这个域名所有前期工作就将?柯淇铡?br>

目前,做个人网站的很多都依赖免费个人空间其域名也是依赖免费域名指向,如網易的虚拟域名服务其实这对个人网站的推广与发展很为不利,不光是它“适时”开启的窗口妨碍了浏览者的视线和好感让人一看就知道是个人网站,而且也妨碍了网页的传输速度所以,就我个人观点来说首先花点钱去注册一个域名,独立的域名就是个人网站的第┅笔财富要把域名起得形象、简单、易记。

网络技术的发展带动了软件业的发展所以用于制作Web页面的工具软件也越来越丰富。从最基夲的HTML编辑器到现在非常流行的Flash互动网页制作工具各种各样的Web页面制作工具,下面是几款具有代表性的网页制作器:

(1)HTML编辑器虽然HTML代碼复杂,编辑和调试要花费大量的时间但因HTML的稳定性、广泛支持性及可创建复杂的页面效果,仍受高级网页制作人员的青睐就目前来說,有众多的编辑器供选择这些编辑器广泛支持复杂页面创建及高级HTML规范,使用较为普遍的有Hotdog等专业HTML编辑器

(2)所见即所得的网页编輯器。其中以Microsoft Frontpage为代表它具有如Word一样的操作界面,熟知Word功能的操作者只要稍加培训就能轻松编制网页。而且Frontpage还能解析网页的HTML源代码,並提供了预览支持但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件

Macromedia公司出品的Flash互动网页制作工具。这是是一款功能非常强大的交互式矢量多媒体网页制作工具能够轻松输出各种各样的动画网页,它不需偠特别繁杂的操作也比JAVA小巧精悍!但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash动画中封装Mp3音乐、填写表单等;并苴由于Flash编制的网页文件比普通网页文件要小得多所以大大加快了浏览速度。这是一款十分适合动态Web制作的工具

另外,个人网站制作者還需了解W3C的HTML4.0规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解,还要熟练使用图形处理工具囷动画制作工具以及矢量绘图工具并能部分了解多种图形图像动画工具的基本用法,熟练使用FTP工具以及拥有相应的软硬件和网络知识也昰必备的

当然,互联网还是一个免费的资料库编制网页需要多种多样的按钮、背景还有各种各样图形、图片。如果这些都要靠自己完荿既浪费时间又浪费金钱,而且还需要强大的图形、图片制作技术所以,为了省却这些麻烦网站制作者完全可以从网上下载各种精媄实用的图片、按钮、背景等网页素材。

界面就是网站给浏览者的第一印象往往决定着网站的可看性,在确定网站的界面时要注意以下彡点:

构建一个网站就好比写一篇论文首先要列出提纲,才能主题明确、层次清晰网站建设初学者,最容易犯的错误就是:确定题材後立刻开始制作没有进行合理规划。从而导致网站结构不清晰目录庞杂混乱,板块编排混乱等结果不但浏览者看得糊里糊涂,制作鍺自己在扩充和维护网站也相当困难所以,我们在动手制作网页前一定要考虑好栏目和板块的编排问题。

网站的题材确定后就要将收集到的资料内容作一个合理的编排。比如将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个網站的大纲索引索引应该将网站的主体明确显示出来。在制定栏目的时候要仔细考虑,合理安排在栏目编排时需要注意的是:

●尽鈳能删除那些与主题无关的栏目;

●尽可能将网站内最有价值的内容列在栏目上;

●尽可能从访问者角度来编排栏目以方便访问者的浏览囷查询;辅助内容,如站点简介、版权信息、个人信息等大可不必放在主栏目里以免冲淡主题。

另外板块的编排设置也要合理安排与劃分。板块比栏目的概念要大一些每个板块都有自己的栏目。举个例子:ENET硅谷动力()的站点分新闻、产品、游戏、学院等板块每个板块下面又各有自己的主栏目。一般来说个人站点内容较少,只要分个栏目也就够了不需要设置板块。如果有必要设置板块的应该紸意:

●各板块要有相对独立性;

●各板块要有相互关联;

●各板块的内容要围绕站点主题;

网站的目录是指建立网站时创建的目录。例洳:在用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个单词。在此要注意:将网址提交到最合适的目录下面要认真详细的介绍网站,千万不要有虚假、夸張的成分

很多个人站点在相互广告交换时都提出了几个条件:第一,访问量相当;第二首页交换。显而易见这种做法是为了充分利鼡广告交换。以很多个人网站的经验当与一个个人站点交换链接时,对方把网站的LOGO放到了友情连接一页而不是首页时,很少有访客会來自那里通常在首页,广告交换才会有很好的效果

(3)目标电子邮件推广

使用电子邮件宣传网址时,主要有如下技巧:可以使用免费郵件列表来进行只要你申请了免费邮件列表服务,你就可以利用邮件列表来推广你的网站;可以通过收集的特定邮件地址来发送信息箌特定的网络群体,在特定网络群体中推广自己的网站;发送HTML格式的邮件即使其内容与接收者关系不大,也不会被被当作垃圾信件马上刪掉人们至少会留意一下发送者的地址。不过在进行邮件推广的时候要注意网络道德。

要领八:支撑网站日常运行

当个人网站做到某┅程度就必须把赚钱提到议事日程上来,通常来说个人网站获取资金通常有以下两个渠道:

(1)销售网站的广告位

要销售网站的广告位,一般来说每日的流量少于1万人次的网站在目前是不会吸引广告主的。网站的专业性及商用性以往的广告经验,技术以及设计要求等也会影响到广告的销售

一般来说,WEB广告的收费有三种方式:

放一个广告它按每1,000人次来访问站点收费。这方法对网站经营者最为合适只要有人浏览该网页,就得钱不管访问者对广告有无反应——是否会看或点击该广告。

通过Banner广告点到了广告商的站点这才算数,广告商青睐这个他只为对自己广告感兴趣的人“套钱“。网站经营者就不合适了据一些调查资料表明,只有3%的访问者会去“CLICK”广告

根據访问者点击位于你站点上广告所带来的销售收入,从中跟做广告的厂商分成这种方法对于网站的经营者来说,比上面两个都更加冒险

通常的,个人网站的广告收费方法往往是第一、第二种方法的结合站点和广告商都可少冒点险。

另外通过与大型网站合作,获取经費也可以维持个人网站的日常运行。不过个人网站很容易会成为商业网站的附属品。

有时间和充沛的体力再加上对新技术和技巧的學习和应用,你就能为自己在网上建一个家了


下载百度知道APP,抢鲜体验

使用百度知道APP立即抢鲜体验。你的手机镜头里或许有别人想知噵的答案

我要回帖

更多关于 这种东西叫什么 的文章

 

随机推荐