购买

¥ 30.0

加入VIP
  • 专属下载特权
  • 现金文档折扣购买
  • VIP免费专区
  • 千万文档免费下载

上传资料

关闭

关闭

关闭

封号提示

内容

首页 网站设计与建设-第1讲-Web基础知识

网站设计与建设-第1讲-Web基础知识.ppt

网站设计与建设-第1讲-Web基础知识

烟雨梦兮
2018-10-14 0人阅读 举报 0 0 暂无简介

简介:本文档为《网站设计与建设-第1讲-Web基础知识ppt》,可适用于IT/计算机领域

网站建设与维护《网站建设与维护》第讲Web基础知识Web设计综述导航与Web设计图形与Web设计多媒体与Web设计静态网站、动态网站及IP域名《网站建设与维护》问题:网页、网站、主页的概念是什么?什么是CS、BS?最好的网站设计方法是什么?什么是最小公分母设计?“空白”在网页中的作用是什么?页面布局格式、页面布局方法和布局技术分别有哪些?什么是浏览器安全颜色?什么是抖动?颜色确定原则是什么?字体选用原则是什么?《网站建设与维护》Web设计综述WWW简述P网页:通过浏览器所看到的每一个画面包含了众多的信息如文字、图像、动画和声音等。网站:也叫站点是指在Internet上由一组相互关联的网页文档和各种网页元素组成的集合。一个网站对应磁盘上的一个文件夹网站的所有信息都会放在该文件夹下或其子文件夹下。《网站建设与维护》*主页:用户进入一个站点所看到的第一个页面是站点的目录索引主页实际上是一个网站的入口点。超链接:网页还包含与其他网页相连的连接点这些连接点可能是图形也可能是文字它们叫做“超链接”通过点击可以转到另一个网页或网站或打开一个应用程序。超文本:不仅包含文字还包含声音、图形、图像、动画和视频等还实现非线性地存储、组织、管理和浏览信息的超链接。“超文本”也叫做超媒体它是WWW的核心技术。*《网站建设与维护》*Web技术与工具PCS:客户端服务器模式服务器通常采用高性能的PC、工作站、小型机或专用服务器并安装数据库管理系统客户端需要安装相应的专用客户端软件。BS技术:浏览器服务器模式所有页面信息和数据都放置在了服务器端客户机上只需要有浏览器。*《网站建设与维护》*Web常用技术:HTML、DHTML、CSS、XML、AJAX、JavaScript和JavaApplets。网页设计工具:FrontPage、Dreamweaver、HotDogProfessional、NetscapeCommunicator、IBMRSA、Eclipse、WebPageMaker和BEAWebLogicWorkshop等。最好的网站设计方法:手工编码加上所见即所得的工具。*《网站建设与维护》*Web客户与Web设计Web内容永远是第一位的多媒体外观设计与设计技术始终是第二位的。站点设计既应该专注客户的共性也应该兼顾个性。*《网站建设与维护》*客户资源与Web设计设计基础指导方针最小公分母设计:以最低的客户环境为基础设计网页让更多客户可顺利浏览网站。英寸显示器。分辨率:*KbsModemIE以上版本极少用户会花时间下载插件(flash)参照著名网站的设计(最有效)网站设计还要特别考虑你的客户群*《网站建设与维护》*页面布局与Web设计Web页面布局是对页面的整体规划即对页面划分成不同的区域用于放置不同的页面内容。常见布局格式:按导航元素放置的方式分类左边空白布局上边空白布局上左边空白布局右边空白布局上下空白布局分布式的布局艺术风格布局*《网站建设与维护》*左边空白布局格式http:wwwhyattcom返回*《网站建设与维护》*左边空白布局格式http:wwwcaselogiccom返回*《网站建设与维护》*上边空白布局格http:wwwamazoncom返回*《网站建设与维护》*上左边空白布局格式http:wwwmicrosoftcom返回*《网站建设与维护》*上左边空白布局格式http:wwwpkueducn返回*《网站建设与维护》*右边空白布局格式http:wwwartcom返回*《网站建设与维护》*上下空白布局格式http:wwwtsinghuaeducn返回*《网站建设与维护》*分布式布局格式http:wwwsinacomcn返回*《网站建设与维护》*艺术风格布局格式http:wwwvastorientcomcn返回*《网站建设与维护》*艺术风格布局格式http:wwwvastorientcomcn返回*《网站建设与维护》*空白“空白”实际上与其他页面布局元素有紧密关联甚至是其他元素的一部分比如行间距等。“空白”在网页设计中非常重要它使网页简洁、明快阅读舒畅是网页设计中必不可缺少的元素。“空白”是分隔其他元素的最主要因素。切记不要将尽可能多的信息放在一个网页中应该有合理的、简明的分类不要强迫客户从一堆信息中艰难地挑出所需要的信息要让客户自己选择是否进入更深的链接获得信息。*《网站建设与维护》*页面布局方法纸面布局法:在设计页面布局时需要在纸面上画出页面布局的草图将你的设想落实到纸面上查看设计效果。软件布局法:使用图形软件工具设计页面布局草图软件可以使用你比较熟悉的图形软件例如Photoshop、Fireworks等。切忌不要边设计边修改页面布局否则会浪费很多时间和精力一旦确定就不要轻易修改。*《网站建设与维护》*页面布局技术CSS页面布局:能完全精确的定位文本和图片。表格页面布局:几乎成为一个标准可对不同对象加以处理。每一个单元格可以放置不同对象易于内容对齐。表格边界应设置为。框架页面布局:框架页面以左上角对齐每个框架部分都可以独立控制而表格就不可以。透明GIF页面布局:占位图像Flash页面布局:强大功能、信息更丰富视觉及听觉效果要比其他布局更加具有冲击力。*《网站建设与维护》CSS页面布局返回《网站建设与维护》*表格页面布局返回*《网站建设与维护》框架页面布局返回《网站建设与维护》*Flash页面布局返回*《网站建设与维护》*页面尺寸推荐分辨率:*页面的显示尺寸为:*像素避免左右拖动页面*《网站建设与维护》*http:wwwmicrosoftcom**《网站建设与维护》*http:wwwmicrosoftcom**《网站建设与维护》*http:wwwmicrosoftcom*返回*《网站建设与维护》*颜色与Web设计网站颜色给客户最直接的视觉冲击它在网站的感知和展示上扮演重要角色。企业的文化、风格和态度可以通过网站的颜色体现出来好的色彩搭配可以使网页独具魅力相反则使浏览者感到厌烦。网页色彩的选择包括:色调、背景、文字、图表、边框和链接等应采用何种色彩以及如何搭配等内容。*《网站建设与维护》*颜色与Web设计颜色格式浏览器安全颜色:个颜色用于OS剩下的种颜色用于页面。抖动是浏览器将颜色近似为它所支持的最相近的浏览器安全颜色的过程。配色方案*《网站建设与维护》*颜色格式颜色:风格、文化和态度RGB:“”绿十六进制数:“#FF”绿RGB颜色格式是一个位颜色模式每一个RGB值是一个字节(位)即每一种颜色有三个字节表示:位(红)位(绿)位(蓝)=位R、G、B均为时就合成了白光R、G、B均为时就形成了黑色。返回*《网站建设与维护》*http:wwwlyndacomhexhhtml返回*《网站建设与维护》*Photoshop拾色器:Web安全颜色返回*《网站建设与维护》*配色方案色调红色:激奋色彩代表热情、奔放、喜悦、庆典有刺激效果能使人产生冲动有愤怒、热情和活力的感觉。例如党团或节庆网站。绿色:介于冷暖色之间代表植物、生命、生机、蓬勃向上、和睦、宁静、健康、安全的感觉。植物园、动物园、游乐园、旅游网站、医院网站和环保网站常采用绿色为基调的网站。。橙色:具有轻快、欢欣、热烈、温馨、时尚的效果。例如女性博客或网站常使用这种颜色为主色调。黄色:代表高贵、富有具有快乐、希望、智慧和轻快的个性它的亮度最高。该颜色一般与红、蓝、橙等颜色做搭配颜色。返回*《网站建设与维护》*蓝色:凉爽、清新、专业的色彩。代表天空、清爽、深远的感觉能体现柔顺、淡雅、浪漫的气氛。例如Microsoft公司IBM公司网站。紫色:代表浪漫、爱情并给人以神秘、压迫的感觉。棕色:代表土地。例如对于沉稳、古色的网站。白色:代表纯洁、单纯、简单具有洁白、明快、纯真、清洁的感受。黑色:代表严肃、庄严、夜晚、沉着具有深沉、神秘、寂静、悲哀、压抑的感觉。例如悼念网站。灰色:代表阴暗、消极具有中庸、平凡、温和、谦让、中立和高雅的感觉。主要用于配色特别是按钮、方框和图片边缘修饰。返回*《网站建设与维护》*配色方案:单色方案、相似色方案、互补色方案和三合一色方案单色方案:在网站设计中始终使用一种基本颜色为避免单调我们可以通过调整这种基本颜色的灰度和亮度来得到更多的颜色。单色方案是一种比较稳重的方案给客户简洁、清雅和经典的感觉比较适于风格严谨的网站比如政府网站学校网站、学术网站企业网站等。返回*《网站建设与维护》*配色方案:单色方案、相似色方案、互补色方案和三合一色方案(续)相似色方案:色彩圆环上选择彼此相邻的几种颜色构成的配色方案。例如橙色、橙红色以及橙黄色就可以组成一个相似色方案。返回典型做法是用一种颜色作为页面背景而另外一种在颜色环中与其相邻的颜色作为前景色。除了绿色和黄色之外蓝色和绿色以及红色和褐色也是比较常用的相似色配色方案。*《网站建设与维护》*配色方案:单色方案、相似色方案、互补色方案和三合一色方案(续)互补色方案:在色彩圆环上沿直径相对应的两种颜色构成一对互补色下图中小箭头所指的红色和深绿色就互为互补色。双重互补色:分别在色彩圆环两个互补色的临近两边选择两个相似色就可以得到一个由这四种颜色组成的。返回*《网站建设与维护》*配色方案:单色方案、相似色方案、互补色方案和三合一色方案(续)三色方案:是指在色彩圆环中选择一个等边三角形三个顶点上的颜色构成的配色方案。例如红、黄、蓝是一个三色方案。返回*《网站建设与维护》*颜色确定原则颜色简洁、新颖、舒服、大方充分体现企业的文化形象网站应该使用企业原有CI颜色。选择与网站主体一致的网站色调选择一种适合的配色方案除了黑色和白色以外选择三到四个颜色就足够了太多的颜色会导致杂乱令人厌烦。网站的色系可以分为暖色系、中性系和冷色系几种。网站色系要整个网站需要保持一致。*CI系统(CorporateIdentitySystem)即企业形象识别系统《网站建设与维护》*颜色确定原则续网站的色系包含了网页底色、文字颜色、图片颜色、动画颜色和边框颜色等。图片的颜色尽可能的少减少图片尺寸应使用浏览器支持的个Web安全颜色*《网站建设与维护》*http:wwwmicrosoftcom–最新*《网站建设与维护》*http:wwwintelcom–新封面*《网站建设与维护》*http:wwworaclecom*《网站建设与维护》*返回*《网站建设与维护》*http:wwwtsinghuaeducn*《网站建设与维护》*http:wwwpkueducn*《网站建设与维护》*字体和Web设计标准、大方、清晰、引人入胜、协调英文字题:TimesNewRoman、Arial中文字体:宋体磅或磅(相当于WORD的五号宋体字)磅汉字大小为缺省设置。Truetype字体:无级缩放对于非标准字体浏览器使用近似字体特殊效果字体应放在图形中段落行不易过长不要横跨整个浏览器窗口改变页边距、行边距和颜色增加字体效果字体在整个网站上使用一致性原则使用同一种字体表示同类型的数据或信息*《网站建设与维护》*字体工具中文在线字体浏览工具*《网站建设与维护》*字体工具单字中文搜索引擎*《网站建设与维护》*小结Web基本概念:网站、网页、主页等Web常用技术和设计工具Web客户及资源与Web的关系页面布局常用格式颜色选择原则字体选用原则返回*《网站建设与维护》导航与Web设计导航的重要性导航的基本概念导航体系站点结构导航规则《网站建设与维护》问题导航的作用是什么?什么是主要导航、次要导航?站点结构设计原则是什么?导航规则有哪些?什么是次点击规则?《网站建设与维护》导航的重要性:导航并非必须但是导航是获得网站信息最快捷、最清晰、最易理解的一种方式。导航能使“游客”知道应该到哪里去畅游导航是路线图、是路标。导航不仅仅是一些超链接而且是客户一看导航就知道他需要的信息在那里导航应该是一个网站信息的总体分类。提供信息分类间切换。推荐重要的浏览信息:导航可以为浏览客户推荐网站最重要和具有特色的信息。导航设计的成功是网站设计成功的关键。《网站建设与维护》导航基本概念导航:信息分类汇总目录的超链接集合主要导航:可以从站点的各类层次栏目的网页上进行访问是对整个网站信息的分类划分主要导航栏一般应以相同样式在相同位置出现于所有页面中次要导航:在指定的某类层次栏目的网页内进行访问它是对某一个栏目的信息分类划分次要导航栏应以相同样式在相同位置出现于所有该类的页面中。《网站建设与维护》主要导航和次要导航《网站建设与维护》导航体系导航体系:站点的结构图由顶层主页和各分支具有不同深度的子页组成也称为站点的信息体系。网站导航:串接网站页面的链条。被引导的导航:引领浏览客户按照步骤完成某种任务。浏览器导航:地址栏、收藏夹、历史纪录站点地图:网站体系的结构图形表示站点地图也称为网站地图。搜索引擎:打开互联网信息海洋宝库的一把金钥匙解决了在信息海洋中“迷航”的问题。其他导航:颜色、图像、超链接颜色、导航指示符号。《网站建设与维护》站点结构站点结构就是一个网站在服务器上保存文件的目录结构。《网站建设与维护》站点结构设计原则(补充)不要将所有的文件都放在根目录下根据栏目规划来设计目录结构不要使用中文目录名和文件名目录名和文件名见名知义、大小写敏感。每个目录下都建立独立的images子目录把某个栏目的多个子栏目都用到的图片放在该栏目的根目录下的images目录中数据库文件单独放置《网站建设与维护》导航规则导航应遵循“次点击规则”站点并不需要选择独特的导航方式特例除外站点结构清晰和逻辑性强导航系统是手段不是目的借鉴成功导航导航系统应该包含多种导航:主要导航、次要导航、站点地图、热点链接和站内搜索等。导航外观会对用户产生影响导航名称要规范和大众化导航名称既要有吸引力又要简明扼要和准确最新通知和新闻需要有提示当前导航条提示网站徽标和名称要放到主页的左上方《网站建设与维护》导航体系返回《网站建设与维护》网站导航返回《网站建设与维护》被引导的导航ebay《网站建设与维护》被引导的导航注册《网站建设与维护》被引导的导航登录电子商务交易平台《网站建设与维护》被引导的导航选择购买物品《网站建设与维护》被引导的导航确认所购物品以及付款方式《网站建设与维护》被引导的导航ebay的Email确认函返回《网站建设与维护》浏览器导航图浏览器导航《网站建设与维护》历史纪录《网站建设与维护》收藏夹返回《网站建设与维护》站点地图返回《网站建设与维护》搜索引擎“中文搜索引擎指南”网站《网站建设与维护》搜索引擎知名搜索网站返回谷歌搜索网站http:wwwgooglecom:LarryPage和SergeyBrin该技术诞生于斯坦福大学的一个学生宿舍里百度搜索网站http:wwwbaiducom:李彦宏、徐勇百度网站年月创立于北京中关村是全球最大的中文搜索引擎。雅虎搜索网站http:wwwyahoocn天网搜索网站http:mazetianwangcom《网站建设与维护》其他导航元素《网站建设与维护》返回导航指示符号《网站建设与维护》次点击规则通过导航应该点击不超过次就可以找到所需要的信息。如果过多点击才能获得信息就会使浏览客户容易迷失方向和不知所措。返回《网站建设与维护》独特导航返回《网站建设与维护》网站徽标和名称要放到主页的左上方返回《网站建设与维护》小结导航的重要性导航的不同类型站点结构与导航的关系常见导航规则返回《网站建设与维护》图形与Web设计网站图像常用规则位图图像和矢量图形常用图形文件格式《网站建设与维护》问题图像常用规则有哪些?位图和矢量图有什么区别?常用图形文件格式有哪些?《网站建设与维护》网站图像常用规则网站徽标应适宜大小放在主页左上方网站标题应放在主页徽标的右边网站图像与网站色系协调一致图像的文件尺寸应该要足够小图像尽量避免使用高分辨率的真彩照片在网页中勿滥用图像Internet和Intranet的图像区别切割大幅图像使用Web标准调色板避免抖动《网站建设与维护》位图图像和矢量图形位图:位图图像(栅格图像)使用颜色网格(像素)来表现图像。每个像素都有自己特定的位置和颜色值。JPEG、GIF、BMP格式都是位图。如果增加图像的尺寸文件的大小就会增加。优点:适合用来表达色彩丰富的图形。缺点:原始文件尺寸大放大会失真。位图处理工具:AdobePhotoshopCSAdobeFireworksCSMicrosoft画图CorelPaintShopProXCorelPainterIX《网站建设与维护》矢量图形矢量图形:由被称为矢量的数学对象定义的线条和曲线组成。矢量根据图像的几何特性描绘图像适用于线、形状和插图。常用的矢量图形格式有AI、FH、SWF。优点:放大不会失真。缺点:不能用来表达像素复杂的图形。矢量常用工具:AdobeIllustratorCSAdobeFlashCSCorelDRAWGraphicsSuiteX《网站建设与维护》常用图形文件格式网页的图像标准文件格式仅包括GIF、JPEG和PNGgif:与平台无关限于色无损压缩格式(推荐使用)可以“渐显”支持动态gif支持透明文件尺寸小。jpg,jpeg:位色(万种颜色)适于具有丰富色彩的实景图形和照片有损压缩。缺点:无法控制位色与色调色板的映射有损压缩会降低图像质量。JPEG:同时支持有损和无损压缩能实现渐进传输。《网站建设与维护》常用图形文件格式续png:支持位图像并产生无锯齿状边缘的背景透明度PNG保留灰度和RGB图像中的透明度。PNG是目前保证最不失真的格式它汲取了GIF和JPG二者的优点。PNG是采用无损压缩方式来减少文件的大小显示速度很快同样支持透明图像。缺点是不支持动画应用效果。bmp:支持高达位的图像不支持文件压缩占用磁盘空间过大不适用于Web页。tif:图像格式复杂存储内容多占用存储空间大最早流行于Macintosh现在Windows主流的图像应用程序都支持此格式。MAC(Macintosh,苹果电脑)区别于装配有微软Windows系统的电脑(PC)图像格式复杂存储内容多占用存储空间大其大小是GIF图像的倍是相应的JPEG图像的倍最早流行于Macintosh现在Windows主流的图像应用程序都支持此格式。《网站建设与维护》常用图形文件格式续PSD:Adobe公司的Photoshop的专用格式包含图层、通道、遮罩等多种设计的样稿便于修改上一次的设计。可轻易转化为其他格式。swf:Flash制作矢量动画的后缀。可以边下载边观看因此特别适合网络传输。网上动画的事实标准。SVG:目前最火热的图像文件格式可缩放的矢量图形。它是基于XML由WC联盟进行开发的。可用任何文字处理工具打开SVG图像通过改变部分代码来使图像具有互交功能并可以随时插入到HTML中通过浏览器来观看。《网站建设与维护》       小结Web图像常用规则Web常用图形格式返回《网站建设与维护》图像(图片)颜色要与网站色系协调一致返回《网站建设与维护》切割大尺寸图像返回《网站建设与维护》1多媒体与Web设计多媒体Web设计原则动画与Web设计视频与Web设计音频与Web设计多媒体需要考虑的问题《网站建设与维护》问题多媒体设计原则有哪些?《网站建设与维护》多媒体Web设计原则根据网站主题选择多媒体重视网络带宽慎用视频网页应避免使用背景音乐避免网页使用零乱的动画网页中避免使用滚动文本网站中避免使用特别插件网站拒绝最新、最耀眼技术避免网站设计的版权侵害《网站建设与维护》动画与Web设计动画是由一系列静态画面连续地播放形成的每个动画页面称为帧(Frame)一秒钟动画所包含的帧数称为帧速率(fps)计算机上的动画一般达到fps时播放就已经很流畅了。通过动画可以把抽象的内容形象化使许多难以理解的内容变得生动有趣。确保动画和内容紧密关联网页应该浑然一体切忌Web动画是一个孤立个体合理使用动画可以达到事半功倍的效果。动画应少而精一个网页上一般放一幅动画为宜。《网站建设与维护》最常使用的基本动画类型GIF动画JavaScript或VBScript创建动画翻转动画Flash动画《网站建设与维护》1视频与Web设计视频可以在下载后播放也可以使用Web视频流和客户端应用程序播放视频。现在很多互联网网站都提供Web视频直播或Web节目点播。Web视频客户端播放软件:PPStream、PPLive、PPMate等。《网站建设与维护》NBA中文官方视频网站《网站建设与维护》Web视频客户端播放软件PPStream《网站建设与维护》视频文件的主要格式FLV格式(flv):FLV是FLASHVIDEO的简称形成的文件极小、加载速度极快可在线观看。AVI格式(avi):将语音和影像同步组合在一起采用有损压缩方式但压缩比较高因此尽管画面质量不是太好但其应用范围仍然非常广泛。主要应用在多媒体光盘上用来保存电视、电影等各种影像信息。QuickTime格式(mov、qt):Apple公司开发的一种音频、视频文件格式支持位彩色支持RLE、JPEG等领先的集成压缩技术提供多种视频效果并配有提供了多种MIDI兼容音响和设备的声音装置。跨平台、存储空间要求小。MIDI:乐器数字接口。它指示MIDI设备要做什么,怎么做,如演奏哪个音符、多大音量等。《网站建设与维护》MPEG格式(MPEGMPGDAT):是运动图像压缩算法的国际标准几乎所有的计算机平台共同支持其压缩效率非常高同时图像和音响的质量也非常好。RealVideo格式(RARMRMVB):能把影像信息从视频服务器经流式传输向用户计算机连续、实时传送。ASF格式(ASF):Microsoft公司推出的一个在Internet上实时传播多媒体的技术标准。WMV格式(WMV):WMV是微软推出的一种流媒体格式它是在“同门”的ASF格式升级延伸来得。在同等视频质量下WMV格式的体积非常小因此很适合在网上播放和传输。和前面某些视频格式不同的是MPEG采用有损压缩方法减少运动图像中的冗余信息从而达到高压缩比的目的当然这些是在保证影像质量的基础上进行的。VideoCD(VCD)、SuperVCD(SVCD)、DVD(DigitalVersatileDisk)则是全面采用MPEG技术所产生出来的新型消费类电子产品。《网站建设与维护》音频与Web设计内嵌音频:内嵌音频是一种“音频流”技术内嵌在HTML网页中用于背景音乐、视频伴音或Flash动画伴音等不能下载除非网站整体需要否则不要内嵌音频。可下载音频:将音频文件完全下载到用户客户端后使用WindowsMediaPlayer或RealOnePlayer等媒体播放器进行播放。《网站建设与维护》3音频格式mid:文件长度很小但声音机械一般用于背景音乐不适合网上广播。rarmram:RA、RM文件是真正存储数据的文件RA、RM格式的文件既有音频也有视频压缩比大并支持流媒体播放。mp:它是一种音频压缩技术MP使用感知音频编码压缩CD音质的声音得到的保真度几乎一模一样。文件尺寸小音质好。wav:WAV格式的声音文件质量和CD相差无几也是目前PC机上广为流行的声音文件格式但容量过大在网络上使用起来不方便。《网站建设与维护》swf:AdobeFlash制作后缀名为SWF的动画高清晰度的画质和小巧的体积目前已成为网上动画的事实标准。movqt:AppleComputer开发了QuickTime文件格式以创建、编辑、发布和查看多媒体文件。QuickTime格式可以包括视频、动画、图形、D和虚拟现实内容。au:是UNIX操作系统下的数字声音文件。wma:来自于微软的重量级选手后台强硬音质要强于MP格式更远胜于RA格式。支持音频流技术适合在网络上在线播放。wma以减少数据流量但保持音质的方法来达到比MP压缩率更高的目的。内置了版权保护技术可以限制播放时间和播放次数甚至于播放的机器等等。《网站建设与维护》多媒体网站设计考虑的主要因素网站主题客户群用户感受网络带宽下载时间浏览器分辨率慎用插件页面协调慎用视频背景音乐《网站建设与维护》小结多媒体Web设计原则动画与Web设计视频与Web设计音频与Web设计多媒体网站设计需要考虑的问题返回《网站建设与维护》http:wwwhyattcom《网站建设与维护》http:wwwhyattcom《网站建设与维护》http:wwwhyattcom返回《网站建设与维护》静态网站、动态网站及IP域名静态网页、静态网站动态网页、动态网站动态生成静态网站Web应用程序域名申请步骤《网站建设与维护》问题什么是静态网页、静态网站、动态网页、动态网站、Web应用程序?《网站建设与维护》*静态网页:网页内容每次调用固定不变,Web服务器将纯粹的HTML文档传送给客户浏览器设计针对性和灵活性强都有一个固定的URL容易被搜索引擎检索对应独立的磁盘文件网页设计比较简单存取速度比动态网页快更新内容必须重新制作网页网站制作和维护工作量大交互性较差缺乏对信息数据的管理、检索和维护静态网页信息发布、维护等需要专业人员《网站建设与维护》*静态网站所有网页都是由“静态网页”组成的网站称为静态网站没有数据库的支持静态网站可能包含动画和滚动信息静态网页一般是以htm、html、shtml、xml为后缀的网页文件。《网站建设与维护》*动态网页:具有交互性、自动更新和因人而异的特点存取数据库、有代码在服务器端运行并只有访问时才确定内容的网页称为动态网页。动态网页一般是以asp、php和jsp为后缀的网页文件。有GIF动画、Flash动画或滚动文本的网页不是动态网页交互性、自动更新、因时因人而变需要数据库的支持信息发布、维护等不需要专业人员非常容易检索、统计和管理维护等可以实现更多的功能如用户注册、用户登录等等。很难被搜索设计比较复杂存取速度比静态网页要慢《网站建设与维护》*动态网站有动态网页的网站称为动态网站动态网站并不是所有网页都是动态网页大多数网站都是以静态网页和动态网页混合而组成的。动态网页一般是以asp、php和jsp为后缀的网页文件。《网站建设与维护》*动态生成静态网站提高动态网站的运行效率:减轻服务器的负担减少数据库的访问次数解决搜索引擎搜索动态信息的问题增加数据的安全性:减少客户端对数据库的访问静态网站的动态生成技术的主要思路是将网站的动态信息和彼此之间的关系存入数据库根据特定的规则和模版生成网站各层次的静态页面以静态页面的形式发布原有动态信息完成网站的自动生成。《网站建设与维护》Web应用程序:编写一些功能相对独立或完整的动态网页集合在服务器端运行接受Internet服务器传送过来的用户请求检索数据库、数据处理完成某项应用任务将数据发送给服务器服务器将数据信息传递给客户例如:计数器、留言本、论坛、聊天室等《网站建设与维护》申请域名为什么注册域名:建立Internet服务的基础通过域名可最直接方便访问网站上的信息。国际域名可以通过国际互联网络信息中心(NIC)申请:http:wwwinternicnetcn注册域名:向中国互联网络信息中心(CNNIC)申请:http:wwwcnnicnetcn或向所在网络的域名管理中心申请。《网站建设与维护》*中国互联网络域名体系域名中的字符:个英文字符、个阿拉伯数字、“”英文中的联字符组合规则:不区分大小写、域名长度有限制在顶级域名“CN”之外暂设“中国”、“公司”和“网络”个中文顶级域名。顶级域名CN之下设置“类别域名”和“行政区域名”两类英文二级域名。在顶级域名CN下可以直接申请注册二级域名。任何组织或者个人不得采取任何手段妨碍我国境内互联网域名系统的正常运行。《网站建设与维护》*域名注册申请表应当包括内容申请的域名域名主域名服务器和辅域名服务器的主机名以及IP地址单位名称、负责人、单位行业、通信方式域名技术联系人、管理联系人以及联系方式申请者应当在域名注册协议中遵守各种管理规定对于违反《管理办法》规定的域名应当予以删除在二级域名GOV下申请注册三级域名时申请者应当提交单位公章的申请表和政府机构的相关资料在二级域名EDU下申请注册三级域名的规则由中国教育和科研计算机网网络中心另行规定。《网站建设与维护》*域名命名一般原则域名应该简明易记便于输入短而顺口便于记忆发音清晰避免拼写错误避免同音异义词。域名要有一定的内涵和意义有助于实现企业的营销目标有利于企业宣传。例如:lenovocomcn、haiercom、chinanewscomcn等。《网站建设与维护》*域名命名方法用企业名称的汉语拼音作为域名例如hongtacomhaiercomchanghongcomcn。用企业名称相应的英文名作为域名例如greatwallcomcnchinamobilecom。用企业名称的缩写作为域名例如cctvcomcngdbbkcom(广东步步高)用汉语拼音的谐音形式给企业注册域名例如美的mideacomcn康佳konkacomcn格力greecom新浪sinacomcn以中英文结合的形式给企业注册域名例如荣事达rongshidagroupcom中国人网chinarencom《网站建设与维护》*域名命名方法–续以纯数字注册域名例如com、com、com、com。在企业名称前后加上与网络相关的前缀和后缀例如海尔商城ehaiercom中国营销传播网emktcomcn联合商情itcom、北京奥运beijingcn。用与企业名不同但有相关性的词或词组作域名例如BestDiamondvalue公司域名为jewelercom不要注册其他公司拥有的独特商标名和国际知名企业的商标名注册net域名时要谨慎。《网站建设与维护》*申请域名步骤步骤一:确定域名注册代理商http:wwwcnnicnetcnhttp:wwwxinnetcom步骤二:搜索域名查新过程步骤三:注册域名步骤四:注册用户:用户名、密码步骤五:如实填写注册申请表步骤六:确立付款方式、填写发票内容步骤七:订单确认步骤八:域名管理:基本信息修改、DNS(域名指向)的修改、URL转发功能。《网站建设与维护》*小结静态网页、静态网站动态网页、动态网站动态生成静态网站Web应用程序基本概念域名命名原则域名申请步骤返回《网站建设与维护》*http:wwwsdueducn:静态网页返回《网站建设与维护》*动态网页:http:msnynetcomviewjspoid=返回《网站建设与维护》*Codedevelopedwithalanguagecompilerthattargetstheruntimeiscalledmanagedcodeitbenefitsfromfeaturessuchascrosslanguageintegration,crosslanguageexceptionhandling,enhancedsecurity,versioninganddeploymentsupport,asimplifiedmodelforcomponentinteraction,anddebuggingandprofilingservices《网站建设与维护》*Codedevelopedwithalanguagecompilerthattargetstheruntimeiscalledmanagedcodeitbenefitsfromfeaturessuchascrosslanguageintegration,crosslanguageexceptionhandling,enhancedsecurity,versioninganddeploymentsupport,asimplifiedmodelforcomponentinteraction,anddebuggingandprofilingservices《网站建设与维护》*Codedevelopedwithalanguagecompilerthattargetstheruntimeiscalledmanagedcodeitbenefitsfromfeaturessuchascrosslanguageintegration,crosslanguageexceptionhandling,enhancedsecurity,versioninganddeploymentsupport,asimplifiedmodelforcomponentinteraction,anddebuggingandprofilingservices《网站建设与维护》*Codedevelopedwithalanguagecompilerthattargetstheruntimeiscalledmanagedcodeitbenefitsfromfeaturessuchascrosslanguageintegration,crosslanguageexceptionhandling,enhancedsecurity,versioninganddeploymentsupport,asimplifiedmodelforcomponentinteraction,anddebuggingandprofilingservices《网站建设与维护》*家注册机构返回Codedevelopedwithalanguagecompilerthattargetstheruntimeiscalledmanagedcodeitbenefitsfromfeaturessuchascrosslanguageintegration,crosslanguageexceptionhandling,enhancedsecurity,versioninganddeploymentsupport,asimplifiedmodelforcomponentinteraction,anddebuggingandprofilingservices《网站建设与维护》*返回Codedevelopedwithalanguagecompilerthattargetstheruntimeiscalledmanagedcodeitbenefitsfromfeaturessuchascrosslanguageintegration,crosslanguageexceptionhandling,enhancedsecurity,versioninganddeploymentsupport,asimplifiedmodelforcomponentinteraction,anddebuggingandprofilingservices《网站建设与维护》*作业end**************************************CI系统(CorporateIdentitySystem)即企业形象识别系统***********MAC(Macintosh,苹果电脑)区别于装配有微软Windows系统的电脑(PC)图像格式复杂存储内容多占用存储空间大其大小是GIF图像的倍是相应的JPEG图像的倍最早流行于Macintosh现在Windows主流的图像应用程序都支持此格式。MIDI:乐器数字接口。它指示MIDI设备要做什么,怎么做,如演奏哪个音符、多大音量等。和前面某些视频格式不同的是MPEG采用有损压缩方法减少运动图像中的冗余信息从而达到高压缩比的目的当然这些是在保证影像质量的基础上进行的。VideoCD(VCD)、SuperVCD(SVCD)、DVD(DigitalVersatileDisk)则是全面采用MPEG技术所产生出来的新型消费类电子产品。wma以减少数据流量但保持音质的方法来达到比MP压缩率更高的目的。内置了版权保护技术可以限制播放时间和播放次数甚至于播放的机器等等。Codedevelopedwithalanguagecompilerthattargetstheruntimeiscalledmanagedcodeitbenefitsfromfeaturessuchascrosslanguageintegration,crosslanguageexceptionhandling,enhancedsecurity,versioninganddeploymentsupport,asimplifiedmodelforcomponentinteraction,anddebuggingandprofilingservicesCodedevelopedwithalanguagecompilerthattargetstheruntimeiscalledmanagedcodeitbenefitsfromfeaturessuchascrosslanguageintegration,crosslanguageexceptionhandling,enhancedsecurity,versioninganddeploymentsupport,asimplifiedmodelforcomponentinteraction,anddebuggingandprofilingservicesCodedevelopedwithalanguagecompilerthattargetstheruntimeiscalledmanagedcodeitbenefitsfromfeaturessuchascrosslanguageintegration,crosslanguageexceptionhandling,enhancedsecurity,versioninganddeploymentsupport,asimplifiedmodelforcomponentinteraction,anddebuggingandprofilingservicesCodedevelopedwithalanguagecompilerthattargetstheruntimeiscalledmanagedcodeitbenefitsfromfeaturessuchascrosslanguageintegration,crosslanguageexceptionhandling,enhancedsecurity,versioninganddeploymentsupport,asimplifiedmodelforcomponentinteraction,anddebuggingandprofilingservicesCodedevelopedwithalanguagecompilerthattargetstheruntimeiscalledmanagedcodeitbenefitsfromfeaturessuchascrosslanguageintegration,crosslanguageexceptionhandling,enhancedsecurity,versioninganddeploymentsupport,asimplifiedmodelforcomponentinteraction,anddebuggingandprofilingservicesCodedevelopedwithalanguagecompilerthattargetstheruntimeiscalledmanagedcodeitbenefitsfromfeaturessuchascrosslanguageintegration,crosslanguageexceptionhandling,enhancedsecurity,versioninganddeploymentsupport,asimplifiedmodelforcomponentinteraction,anddebuggingandprofilingservices*

VIP尊享8折文档

用户评价(0)

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

文档小程序码

使用微信“扫一扫”扫码寻找文档

1

打开微信

2

扫描小程序码

3

发布寻找信息

4

等待寻找结果

我知道了
评分:

/137

网站设计与建设-第1讲-Web基础知识

¥30.0

会员价¥24.0

VIP

在线
客服

免费
邮箱

爱问共享资料服务号

扫描关注领取更多福利