1、如何简单介绍网页是怎么设计的?
建议先你去网上下载些网页制作视频教程。。不可能在回答里给你完全说清楚那么多问题的哦。
你还可以去百度文库里下载些教程也可以的。
建议你按以下步骤学习:
1.网页制作三剑客必须要会使用。(dreamweaver /fireworks/flash)
dw是为网页布局的。fireworks是为网页处理图片的。flash是为网页提供动画的。
2学习些最基层的html语言的知识,
3在学习一些基本的html标签(要多加练习哦)
4.先试着用表格进行布局。之后可以学习div+css进行布局(目前比较流行的布局方式!)
5还要会使用些简单的javascript、vbscript
如果你只是想学习前台的话,可以直接学习“三剑客软件”,不学习html和javascript 。
如果你想学习后台的话,你就必须要学习代码了。
html----javascript/vbscript------asp/php/jsp-------数据库技术
有问题可以hi我。。建议你加入团队学习:(网站、网页制作)http://.baidu.com/team/view/%E7%BD%91%E7%AB%99%E3%80%81%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C
2、设计一个介绍自己的网页
你可以直接把你们老师的要求发出来,根据你们老师的要求来做,一般来说还是不难的。可以自己提供素材的
3、如何去设计一个网站首页?
首页是一个网站主要的访问页面,因此网站首页的重要性显而易见。对于网站来说,有一个让人心动的首页能让访客对网站产生好的印象,增加访客再次浏览网站的可能性。那么网站要怎样设计才能令人心动呢?
网站首页的组成包括图片、视频、文字以及将三种合理的组合在一起,网站首页的主题,就应该以用户为本,记住网站价值不在于你是做什么的销售什么的,而是你能为用户做些什么。虽然二者之间没有什么区别,但是,同样的话用不同的方式去表达,差别是很大的。如果网站首页设计以客户为本,那么,就会让用户有一种宾至如归的感觉。用户体验就会好。
4、怎么做一个网页(网页设计作业)
jsp+美工+编程
当人们访问你的站点时,他们都会立即下意识地判断:这个站点怎么样?值不值的当回事儿?是否值的把他加入到我的bookmark中去,要知道,在网络信息的虚拟世界里,互联网提供了天下大同的机会,同时也让这个虚拟世界充斥着数不清的商业站点、垃圾站点,大多数站点缺乏灵魂、主旨,东一榔头西一棒子,松散、混乱,原因就在于缺乏策划设计。因此要想使你的网站从那些数不清的站点中脱颖而出,就必须对整个站点作好统筹安排,规划,对所有的内容进行细意斟酌,把所有的意念合情合理的组织起来设计一个合理的页面样式。下面我们就具体的来探讨一下网站策划设计.
一、 首先确定web站点的营销目标:
1)、市场调查阶段
了解一下目前internet的发展状况以及同类站点的发展、经营状况,吸取他们的长处,找出自己的优势,对市场作个调查,明确自己网站的主题,寻找一个好的出发点。
2)、你设想中的网站规模有多大?
作网站并不是盲目的想做多大就作多大,而要根据自身的现阶段能力,以及企业的规模大小,确定你的网站是小型、中型、大规模的网站,还是从小规模的开始,然后逐步发展。这主要的是关系到网站的后期维护以及网站的发展方向来考虑的。
3)、确定网站的类别,你希望网站有怎样的设计特色
根据主题、形式以及本身企业的特点,网站的设计也有不同的类别,大概可分为:以内容为主,设计为辅,注重速度这种大型的专业网站,它一般体现在专业的 icp,isp供应商制作的网站,在设计这类网站时不要太花哨,应注重信息量;第二种大多数企业为了更好的宣传自己的产品,扩大销路,使自己的产品走向世界,提高自己企业的形象而制作的网站,这种网站制作应结合本身产品特点而制作的特色网站,相对来说比较注重产品的营销;第三种是形象类的网站,一般这种网站相对体现在政府部门,作为对外一个窗口,相对来说这种网站设计比较严肃;第四种是个人主页网站,这种网站相对比较自由,不受什么约束,可以根据每个人自己的特长自由发挥。因此我们在制作主页时先明确自己的定位方向,设计出适合自己的站点。
4)、你的主要目标受众是谁?
根据网站的类别不同,目标受众也不一样,有工商业者、专业人士、学生;女性,男性;儿童,青少年,中年人,老人;还是所有的人,比如教育类的网站相对来说是目标受众是院校的老师和学生。化装类、护肤产品类的网站相对来说是女性等。
5)、确定整个网站的整体风格
其实,这个原则和传统的印刷出版物没什么区别。你网页上所有的图像、文字,包括像背景颜色、区分线、字体、标题、注脚什么的,都要统一风格,贯穿全站。这样子读者看起来舒服、顺畅,会对你的网站留下一个“很专业”的印象。
举个简单例子。如果你在列示一二三四若干条的情况下,在每条前面用黑圆点加强视觉效果,那么其他类似地方,也应该用保持同样的风格。色彩斑斓的站点,尤其要注意风格的统一。颜色可以变,不过字体、主体文本对齐风格、标题、背景效果以及特殊图像效果等等都应保持统一。
很多缺乏编辑、出版背景的网友,很容易忽视这点,特别是网页一多,更容易忘。
6)、你准备投入多少资金、如何经营这个网站?
对所作的网站大概的作个估价,需要多少资金,你准备投入多少资金来运营这个网站,假设网站制作好以后如何经营这个网站,是全部由自己来做,还是委托专业服务来做,自己定期指导,还是设定要求、目标完全由别人代劳。这是不可忽略的问题,如果一个网站前期作的再好,后期没人维护也是空的,就好比一条刚建好的街道,干干净净的,人们也比较喜欢来这里逛街,日久了,人走的人多了,垃圾多了这时没人来管里,这样垃圾越堆越多,走的人肯定也越来越少了。日久了也逐渐被人遗忘了。网站经营也是这个原理。
7)、根据目标框架整理出站点的内容框架以及逻辑结构图
①把目标细化以整理出站点内容框架
基本确定的目标,您就应该把目标细化,并初步整理出为达到这些目的,站点所需要包含的所有内容了。例如,站点应该发布什么信息,站点需要提供什么应用程序,等等。然后,你应该把初步定下的内容纲要写下来,交给上级或业务人员审核批准。这实际上就形成了站点设计的需求报告。在你的内容纲要里,还应该注明这些内容的信息来源,哪个部门应该提供哪方面的信息。把这些罗列下来,会使得上级以及各个相关部门清楚"谁应该为这些内容负责"。
②进一步整理出站点逻辑结构图
定下内容纲要后,你应该能够大致画出站点的结构图了。结构图也有很多种,顺序结构,网状结构,继承结构,WEB结构等,应依据你的内容而定。例如,如果你是在编一个教程,那么可能用表示顺序的流程图就比较合适。多数复杂的网站会综合应用到几种不同的结构图。画出结构图的目的,主要是便于有逻辑地组织站点和链接,同时,将来你会用这个图去分配工作和任务。例如:
你可以告诉某个开发人员,让他完成结构图中某个分支的内容;
你可以把这个图递交给业务人员,告诉他们哪些页面,需要他们进一步提供内容或资料;
你可以把结构图给专业美工看,让美工人员考虑以什么样的形式来表现你要表达的内容等等。
简而言之,这个框架图,将为你下一步进行工作分配,人员安排提供依据。
二、 网站制作过程中把握的几点
1)、重点信息放在突出醒目的位置,整个网站空间排序适当
一个网站很重要的就是标题,标题就像路牌一样,人家在你的网站上逛来逛去,全靠它指路了。给人的第一印象是否能够马上注意到标题,标题要意义清晰、描述性强,把最吸引人的地方放在突出显眼的位置,然后再慢慢展开。或者说,把你的独特内容包裹成一个悬念,吸引人家注意。读者看一篇文章,前三段注意力最集中,如果这“寸土寸金”的前三段用不好,人家就要和你拜拜喽!
留出可调整的位置,用于满足临时性或短期营销活动的宣传需要。如,福州电信局12月11日举办的“福建省首届信息网络展示会”展览,需要在网页中放在最突出的位置。这就需要调整原有的结构,既让新的内容有突出的体现,还要不至于淹没其他重点。
在每屏中的文字与图形的布局既要考虑到重点的突出,还要给人以和谐的感觉。不能让图形淹没文字,也不能图形太少而让人觉得单调。视觉的吸引和诱惑力是不能低估的。 文字内容和图片搭配要和谐。
2)、网页应该易懂,控制没个模块的信息量。 网页要易读、易懂。
网站设计最重要的诀窍,恐怕就是你的网页要易读。 花时间和心思来规划文字和背景颜色的搭配方案。勿使背景冲淡了文字的视觉效果。
这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文字的视觉效果,别用花里胡哨的色彩组合,让人看起你的网页来很费劲。一般来说,浅色背景下的深色
这个原则也意味着,你最好别把文字的规格设得太小、也不能太大。文字太小,人家读起来难受;文字太大,或者文字视觉效果变化频繁,像是冲着人大喊大叫,看起来不舒服。
另外,最好让文本左对齐,而不是居中。按当代中文的阅读习惯,文本大都居左的。当然,标题一般应该居中,因为这符合读者的阅读习惯。
网页的内容最好能够开门见山,让浏览者在最短的时间内了解你的网页的内容。在内容上着笔尽量要细致,让人家能在最短的时间内,了解你想呈现给人家什么。给人家一幅清晰的画卷,别云山雾罩的。开门见山,直接了当。大家都知道,网友的耐心尤其少。你能提供的信息或许对他们有裨益,但如果要人家没完没了地翻下去才能找到,恐怕极少有人有这份耐心。
立体规划内容。将所有的结构按照一定的框架结构分别纳入不同的页面。
立体规划内容,将所有部分按一定的构架各就其位、分别纳入不同层次的页面。注意先要把最重要的内容放到首页上,其他的依次就绪。
然后,你就可以勾划页面蓝图、编HTML了。就文本内容的表现而言,记住尽量别让其一行文字的宽度,横跨整个屏幕。段落一多,这样子看起来很费劲,而且别人的浏览器还可能和你的差别很大。最好别超过屏幕宽度的一半。
文字的宽度,最好别超过屏幕宽度的一半。
3)、网页页面越小越好,最好别超过50k,尽量精简
上网的人追求的是速度。所以页面的大小是非常重要的,如果你的网站主要是为了提供消息内容,那么在最短的时间内呈现出来你的内容,别人会更加舒心的查看你的网站。
别使速度影响了你的效率,要知道,很多人是没有耐心的。网页的速度最好控制在十秒以内。或者更快。
有研究显示,如果一个网站页面的主体在15秒之内显现不出来,访客会很快失去对该站的兴趣。当然,也有例外,比如内容实在太精彩,人家不去不行。再像视觉艺术类站点,也不能以“快”为唯一设计标准。不过,即使这类站点,也该在加个导引页,给读者一个提示,别不理睬人家的心情。但是大多数网站还是以内容为主,大部分人感兴趣的还是信息量,追求的是速度。
要限定页面的大小,就得从各个角度考虑节省。最大的一头是图像,有的好东西,只得割爱了。想想看,在创意表达、品牌形象、挣钱几个目标之中,哪个最重要?
4)、网站导航要清晰,容易查找,
所有的超链接应清晰无误地向读者标识出来,所有导航性质的设置,像图像按钮,都要有清晰的标识,让人看得明白,千万别光顾视觉效果的热闹的,而让人家不知东西南北。 所有的导航条都要非常清晰明确的让浏览者看出来。
链接文本的颜色最好用约定俗成的:未访问的,蓝色;点击过的,紫色或栗色。如果你一定要别出心裁,链接的文本就要想着以什么方式加以突出,比如说加粗体?加字号?两侧加竖标?或者几者兼用。总之,文本链接一定要和页面的其他文字有所区分,给读者清楚的导向。
链接文字要重点突出;
清晰导航还要求:读者进入目的页的点击次数,不能超过三次。如果三次以上还找不到,人家可就没有耐心陪你玩了!
三、 网站推广
网上世界黑漆无边,你怎么让人家找到你?很多有些经验的网友知道这个问题的份量,不过对于一波一波兴奋上网的新手,他们脑中的概念大多是:“有了网站,自然有人来”。不怪他们,商家们的欺骗宣传太成功了,他们哪里知道,网上有数不清的网站像“无人区”一样死寂。因此我们在作好网站以后,后期的推广宣传工作也不可忽略,主要的可以从以下几个方面来宣传。
1)、传统媒体:广播、报纸、电视都是很好的方法。现在我们已经看到很多在传统媒体中的商家广告,就是以网址为广告内容的主体。同时,商家所有的印刷品,包括名片,都是宣传网址的良好介质。
2)、因特网本身的方法:诸如导航台、新闻组、电子邮件群组、图标广告、分类广告等等,都是宣传网址的好方法。提高你网站在导航站点的排名、Banner广告、有技巧得利用传统媒体、BBS、新闻组都是获取潜在用户注意力的手段。 充分利用网页的交互性,增强与客户之间的联系,及时得到客户的反馈信息,了解客户的需求,不断的改进网站,提高整个网站的信誉。
孙子曰:“夫未战而庙算胜者,得算多也;未战而庙算少者,得算少也。多算胜,少算不胜,而况无算乎?“这里的庙算就是我们讲的谋略,也就是今天所讲的策划。
策划是一种能力,是一种谋略,一种技巧,一种手段,一个计划,一次革命!
策划就是设计。人们称邓小平为“改革开放的总设计师”,实际上也就是对策划、策划实践的一次历史性确认。
真正的策划人是一个复合型人才,必须掌握:经济学、哲学、心理学、传播学、营销学、管理学等,以及具体的如战略、竞争、策略、计划、市场调查、市场渠道设计、品牌经营、企业规划,甚至人力资源以及整个国家和世界的动态和发展趋势。
5、如何去设计一个自适应的网页设计或html5
如今移动互联网随着3G的普及,越来越火爆,更多需求跟随而来!APP应用市场和APP应用数量成倍成倍的增长!从而给移动互联网带来新的挑战!
移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?
手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。
很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。
于是,很早就有人设想,能不能”一次设计,普遍适用”,让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout)?
一、了解什么是”自适应网页设计”
自从2010年,Ethan Marcotte提出了 “自适应网页设计”(Responsive Web Design)这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。
他制作了一个 范例,里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素,则6张图片并排在一行。
如果屏幕宽度在600像素到1300像素之间,则6张图片分成两行。
如果屏幕宽度在400像素到600像素之间,则导航栏移到网页头部。
如果屏幕宽度在400像素以下,则6张图片分成三行。
mediaqueri.es上面有更多这样的例子。
这里还有一个 测试小工具,可以在一张网页上,同时显示不同分辨率屏幕的测试效果,我推荐安装。
二、需要允许网页宽度自动调整
“自适应网页设计”到底是怎么做到的?其实并不难。
首先,在网页代码的头部,加入一行 viewport元标签。
viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。
所有主流浏览器都支持这个设置,包括IE9。对于那些老式浏览器(主要是IE6、7、8),需要使用 css3-mediaqueries.js。
三、在进行设计的时候不能使用绝对宽度
由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。这一条非常重要。
具体说,CSS代码不能指定像素宽度:
width:xxx px;
只能指定百分比宽度:
width: xx%;
或者
width:auto;
四、相对大小的字体
字体也不能使用绝对大小(px),而只能使用相对大小(em)。
body {
font: normal 100% Helvetica, Arial, sans-serif;
}
上面的代码指定,字体大小是页面默认大小的100%,即16像素。
h1 {
font-size: 1.5em;
}
然后,h1的大小是默认大小的1.5倍,即24像素(24/16=1.5)。
small {
font-size: 0.875em;
}
small元素的大小是默认大小的0.875倍,即14像素(14/16=0.875)。
五、流动布局(fluid grid)或瀑布流
“流动布局”的含义是,各个区块的位置都是浮动的,不是固定不变的。
.main {
float: right;
width: 70%;
}
.leftBar {
float: left;
width: 25%;
}
float的好处是,如果宽度太小,放不下两个元素,后面的元素会自动滚动到前面元素的下方,不会在水平方向overflow(溢出),避免了水平滚动条的出现。
另外,绝对定位(position: absolute)的使用,也要非常小心。
六、选择性加载CSS
“自适应网页设计”的核心,就是CSS3引入的 Media Query模块。
它的意思就是,自动探测屏幕宽度,然后加载相应的CSS文件。
上面的代码意思是,如果屏幕宽度小于400像素(max-device-width: 400px),就加载tinyScreen.css文件。
如果屏幕宽度在400像素到600像素之间,则加载smallScreen.css文件。
除了用html标签加载CSS文件,还可以在现有CSS文件中加载。
@import url(“tinyScreen.css”) screen and (max-device-width: 400px);
七、CSS的@media规则
同一个CSS文件中,也可以根据不同的屏幕分辨率,选择应用不同的CSS规则。
@media screen and (max-device-width: 400px) {
.column {
float: none;
width:auto;
}
#sidebar {
display:none;
}
}
上面的代码意思是,如果屏幕宽度小于400像素,则column块取消浮动(float:none)、宽度自动调节(width:auto),sidebar块不显示(display:none)。
八、图片的自适应(fluid image)
除了布局和文本,”自适应网页设计”还必须实现图片的 自动缩放。
这只要一行CSS代码:
img { max-width: 100%;}
这行代码对于大多数嵌入网页的视频也有效,所以可以写成:
img, object { max-width: 100%;}
老版本的IE不支持max-width,所以只好写成:
img { width: 100%; }
此外,windows平台缩放图片时,可能出现图像失真现象。这时,可以尝试使用IE的 专有命令:
img { -ms-interpolation-mode: bicubic; }
或者,Ethan Marcotte的 imgSizer.js。
addLoadEvent(function() {
var imgs = document.getElementByIdx_x(“content”).getElementsByTagName_r(“img”);
imgSizer.collate(imgs);
});
不过,有条件的话,最好还是根据不同大小的屏幕,加载不同分辨率的图片。有 很多方法可以做到这一条,服务器端和客户端都可以实现。
只要遵循这8条设计准则,我相信你们可以很快的设计出自适应的网页出来
6、谁能告诉我 网页怎么去设计啊,步骤该怎样呢
先学习PS,然后学习一下网页设计所需要的色彩以及网页的各个要素,然后再多看看一些优秀的网站以及优秀的网页模板,这时候你差不多就能简单的做一些网页模板了,然后在学dreamweaver,html,div+css你就可以把你设计的网页效果图用PS切片在拼成一个简单的网页了。。。要是你只设计网页的话,可以不学dreamweaver也没关系,有些公司需要设计网页的还制作,而有些公司只需要设计而不需要你制作成完整的网站模板