如何网站规划设计书好一个网站,以真实网站具体举例说明步骤

资源预览需要最新版本的Flash Player支持。 您尚未安装或版本过低,建议您
网站规划与网页设计网站设计流程确定网站的类型定位网站的主题和名称确定网站确定网站的栏目和版块确定网站的整体风格确定网站的目录结构和链接结构网站内容的确定网页的设计浏览器版本和分辨率第2章网站规划设计基础网站设计的主要任务包括网站架构设计,以浏览器为客户端的新闻中心、网上商店、虚拟邮局、客户关系管理等),系统测试及网站发布等。设计过程大体上分为以下13个阶段1编写网站设计的计划书;2确定网站设计总体思想,即网站设计如何能实现网站规划中提出的目标,以及网站的风格和特点,网页的外观与使用方面的特点;3确定网站提供的内容;4网站交互设计,如信息反馈、意见调查等;5对网站的内容进行分类;6设计网页必有的内容,如公司标志、联系方法和导航条等;7讨论并确定方案;8制作网页的模板;9制作网页并在不同平台的浏览器上测试网页;10检查网页的链接;11让部分顾客或员工试用网站,并提出反馈意见;12根据需要修改不合适的地方;13正式发布网站。网站设计流程1.门户网站(合了众多内容,提供多样服务,并使其尽可能地成为网络用户的首选。中文门户网站有三类?第一类新浪、搜狐、网易由国内网络公司经营的网站,网站内容除了搜索引擎外,还包括新闻、娱乐、游戏、文化、体育、健康、科技、财经、教育等若干版块,以及网上短信、个人主页空间、免费邮箱等服务项目;?第二类境外投资的网站,如中文雅虎、美国在线等,网站内容以新闻和娱乐为主,少数提供免费信箱、在线聊天等服务项目;?第三类是国内传统媒体办的网站,以人民网、新华网、央视国际为代表,以提供新闻和时事评论为主。确定网站的类型2.普及型网站?企事业单位和个人根据自身要求建立和发布的以介绍其基本情况、通信地址、产品和服务信息、供求信息、人员招聘及合作信息等为主旨的网站属于普及型网站。?以向客户、供应商、公众和其他一切对该网站感兴趣的人宣传、推介自身,并树立网上形象为目的,网站内容一般比较全面。?访问该网站,可以了解这些单位的业务范围、最新动态、产品及价格,并可以通过网站提供的用户咨询服务与相关部门进行在线信息交流。?包括企业网站、大学网站、政府网站及数量众多的个人网站。确定网站的类型3.电子商务类网站分为商家对商家)和商家对个人客户)两种按照交易过程可分为商品检索、商品采购、订单支付三个阶段。电子商务网站应该具有如下功能?商品发布功能;?商品选购功能;?具有个性化的采购订单模板,顾客进行购物组合比较;?“购物车”内置的价格计算模型可以根据商家的价格体系灵活定制;?在线交易功能;?商品交接、资金结算功能。确定网站的类型4.媒体信息服务类网站媒体信息服务类网站是报社、杂志社、广播电台、电视台等传统媒体为了树立自己的网上形象,方便服务对象而建立的网站,主要功能包括信息发布、电子出版、客户在线咨询、网站管理。5.办公事务管理网站办公事务管理网站是企业事业单位为了实现办公自动化而建立的内部网站,包括以下主要功能模块办公事务管理、人力资源管理、财务资产管理和网站管理。6.商务管理网站商务管理网站是企业内部为了进行广告及商品管理、客户管理、合同管理、营销管理等目的而建立的网上办公平台。确定网站的类型网站主题的确定网站的主题也就是网站的题材。网站使用的主要题材有网上求职、网上聊天/上社区/讨论/邮件列表、计算机技术、网页/网站开发、娱乐网站、旅行、参考/资讯、家庭/教育、生活/时尚等。选择网站题材的时候要注意以下3点。1.主题小而内容精2.题材最好是自己擅长的内容3.题材不要太滥、目标不要过高定位网站的主题和名称网站名称的确定选择网站的名称时要注意以下3点。1.名称要端正2.名称要易记3.名称要有特色潇湘书院铁血军事例如,“电脑学习室”和“电脑之家”相比,后者更简练些;定位网站的主题和名称业形象)指通过强化视觉效果的手段来加深用户对企业形象的印象。例可口可乐公司。1.设计网站的标志(文字母、符号或图案,也可以是动物或人物等。确定网站2.设计网站的标准色彩“标准色彩”是指能体现网站形象和延伸内涵的色彩。一个网站的标准色彩不宜超过3种?标准色彩要用于网站的题、主菜单和主色块,给人以整体统一的感觉。?其他色彩也可以使用,只是作为点缀和衬托,绝不能喧宾夺主。确定网站3.设计网站的标准字体标准字体是指用于题和主菜单的特有字体。一般网页默认的字体是宋体。4.设计网站的宣传标语网站的宣传标语也可以说是网站的精神、网站的目标,最好用一句话甚至一个词来高度概括。它类似于实际生活中的广告语句汽车之家我的汽车网站,我的汽车之家中国银行中国银行全球服务确定网站设计网站的栏目网站栏目实质是一个网站的大纲索引;索引应该将网站的主体明确显示出来。一般的网站栏目安排要注意以下4点。1.紧扣网站主题2.设计一个最近更新或网站指南栏目3.设计一个可以互动交流的栏目4.设计一个下载或常见问题回答栏目确定网站的栏目和版块设计网站的版块版块比栏目的概念要大一些,每个版块都可以有自己的栏目。设置版块时,应该注意以下几点各版块要有相对独立性;各版块要相互关联;版块的内容要围绕站点主题。确定网站的栏目和版块1.风格是建立在有价值的内容之上的2.将网站3.使用统一的图片处理效果4.设计宣传标语确定网站的整体风格设计网站的目录结构网站的目录是指用户建立网站时创建的目录。目录结构好坏,对浏览者没有什么太大的感觉,对于站点本身的上传维护,以及内容的扩充和移植有着重要的影响。建立目录结构的一些注意事项。1.不要将所有文件都存放在根目录下2.按栏目内容建立子目录3.在每个主目录下都建立独立的4.目录的层次不要太深5.不要使用中文目录名6.不要使用过长的目录名确定网站的目录结构和链接结构设计网站的链接结构网站的链接结构指页面之间相互链接的拓扑结构。建立在目录结构基础之上,但可以跨越目录。建立网站的链接结构有以下两种基本方式。1.树状链接结构树状链接结构类似于页链接指向一级页面,一级页面链接指向二级页面。优点条理清晰,访问者明确知道自己在什么位置,不会“迷路”。缺点浏览效率低,从一个栏目下的子页面到另一个栏目下的子页面,必须绕经首页。2.星(网状)状链接结构星状链接结构类似于网络服务器的链接,每个页面相互之间都建立有链接。优点是浏览方便,随时可以到达自己喜欢的页面。缺点是链接太多,容易使浏览者“迷路”,搞不清自己在什么位置,看了多少内容。确定网站的目录结构和链接结构网页组织结构-树状结构(分级结构)?树状结构由网站文件的主页开始,依次划分为一级标题、二级标题等等,逐级细化,直至提供给浏览者具体信息。主页页面1页面2页面3页面4页面5页面6页面7一级标题二级标题图网页组织结构-线性结构?组织线性顺序形式存在的信息,可以引导浏览者按顺序地浏览整个网站文件。主页页面1页面2页面3线性结构线性和分级结构的结合主页标题标题标题主页二级标题三级标题网站文件的结构通常是树状结构和线性结构相结合星(网)状结构主页标题一标题二标题三主页二级标题三级标题确定网站的题材,并且收集和组织了许多相关的资料内容后,按照以下方面组织内容来吸引浏览者浏览网站。1.站点结构图2.导航栏3.精美的图片4.引人入胜的内容5.反馈表6.联系方式页面7.搜索工具8.常见问题解答网站内容的确定站点结构图导航栏精美的图片引人入胜的内容联系方式搜索工具网页的基本元素网页通常以网页文件及其附属文件形式存在。1.文本2.图片和动画3.声音和视频4.超链接5.导航栏6.表格7.表单8.其他常见元素网页的设计1.文本2.图片和动画4.超链接5.导航栏6.表格图像格式由于受网络带宽的限制,在最常用的包括1.损压缩算法进行图像的压缩处理,是目前在网页设计中使用最普遍、最广泛的一种图像格式。2.因此适用于使用真彩色或平滑过渡色的照片和图片。因此用户将看到随着文件的减小,图片的质量也降低了。3.它适于任何类型、任何颜色深度的图片。4.矢量格式图像?浏览器能识别的图象有可叫?目前网上用的最多的是这两种格式文件体积较小。?很好的和页面融合,还能做成动画。使用网页图像的要点在通常需要考虑下列三个问题①确保文件较小;②控制图像的数量和质量;③合理使用动画。超级链接超链接是是网页中最重要、最根本的元素之一。超链接能够使多个孤立的网页之间产生一定的相互联系,从而使单独的网页形成一个有机的整体。(1)什么是超级链接超链接指从一个网页指向一个目标的连接关系,?目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片、一个电子邮件地址、一个文件,甚至是一个应用程序。?在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。?当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。超级链接?按照链接路径的不同,分为3种类型内部链接、锚点链接和外部链接。?按照使用对象的不同,链接分为文本超链接、图像超链接、锚点链接、多媒体文件链接、空链接等。1。避免孤立文件的存在应该避免存在孤立的文件,能使将来在修改和维护链接时有清晰的思路。2。避免使用过多的超级链接在一个网页中设置过多超链接会导致网页的观赏性不强,文件过大。如果避免不了过多的超链接,可以尝试使用下拉列表框、动态链接等一些链接方式。3。网页中的超链接不要超过4层链接层数过多容易让人产生厌烦的感觉,在力求做到结构化的同时,应注意链接避免超过4层。4。页面较长时可以使用书签在页面较长时,可以定义一个书签,这样能让浏览者方便地找到想要的信息。5。设置主页或上一层的链接有些浏览者可能不是从网站的主页进入网站的,设置主页或上一层的链接,会让浏览者更加方便地浏览全部网页。合理安排超链接在超链接过程中的路径问题网站中3种类型的文档路径绝对路径、和根目录相对路径以及和文档相对路径。?绝对路径是包含服务器协议(对于网页来说通常是)的完全路径,绝对路径包含的是精确地址而不用考虑源文件的位置。但是如果目标文件被移动,则链接无效。创建外部超链接时必须使用绝对路径。?和根目录相对的路径是从当前站点的根目录开始的路径。站点上所有可公开的文件都存放在站点的根目录下。和根目录相对的路径使用斜杠以告诉服务器从根目录开始。?和文档相对的路径是指和当前文档所在的文件夹相对的路径。这种路径通常是最简单的路径,可以用来链接和当前文档处于同一文件夹下的文档。网页布局1.网页布局的基本概念(1)页面尺寸?分辨率为1024768像素情况,页面显示尺寸为1007600像素;?分辨率为800600像素情况,页面显示尺寸为780428像素;?分辨率为640480像素情况,页面显示尺寸为620311像素。在网页设计过程中,向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。除非设计者肯定站点的内容很有吸引力,否则不要让浏览者拖动页面超过三个屏幕。网页的设计网页布局(2)整体造型整体造型页面的整体形象,图形与文本的结合应该是层叠有序的。虽然显示器和浏览器都是矩形的,但对于页面的造型,设计者可以充分运用自然界中的各种形状及它们的组合,如矩形、圆形、三角形、菱形等。网页制作大多结合多种图形加以设计,只是其中某一种图形的构图比例可能占得多一些。网页的设计网页布局2.网页布局的一般步骤(1)构思根据网站内容的整体风格,设计版面布局。不要讲究细节,只要有一个轮廓就行。(2)初步填充内容把一些主要的内容放到网页中,例如,网站的标志、广告条、菜单、导航条、计数器等。然后再考虑其他元素的放置。(3)细化利用网页编辑工具把草案做成一个简略的网页,对每一种元素所占的比例也要有一个详细的数字,以便以后修改。网页的设计网页布局3.网页排版布局的原则(1)平衡性(2)对称性(3)对比性(4)疏密度(5)比例网页的设计网页布局4.网页布局类型?“国”字型?拐角型?标题正文型?左右框架型?上下框架型?综合框架型?封面型??变化型网页的设计(1)“国”字型布局?也可以称为“同”字型?一些大型网站经常使用?最上面是网站的标题及横幅广告条,接下来就是网站的主要内容,左右分列一些小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种布局是网上最常见的一种布局类型。(2)拐角型布局拐角型布局与上一种布局只是形式上的区别,其实是很相似的。该布局上面是标题及广告横幅,接下来的左侧是一窄列链接等内容,右面是很宽的正文,最下面也有一些网站的辅助信息。在这种布局中,左侧一般是导航链接。网页的设计拐角型布局?(3)标题正文型布局?最上面是标题或类似的一些东西,下面一般是正文,例如,一些文章页面或注册页面等就属于这种类型。?(4)左右框架型布局?网页分为左、右两部分,一般左面是导航链接,有时最上面会有一个小的标题或标志,右面是正文。网页布局(5)上下框架型布局上下框架型布局与左右框架型布局类似,区别仅仅在于这种布局分为上、下两部分。(6)综合框架型布局综合框架型布局是左右框架型布局与上下框架型布局的结合,相对较复杂,类似于拐角型布局,只是采用了框架结构。(7)封面型布局封面型布局一般出现在一些网站的首页,由一些精美的平面设计结合一些小的动画组成,在页面中放上几个简单的链接或者仅仅是一个“进入”的链接,甚至直接在图片上加上链接而没有任何提示。这种布局需要精心设计,能给人带来赏心悦目的感觉。网页的设计封面型布局网页布局5.网页布局的常用技术(1)叠样式表)布局(2)表格布局表格布局的优势在于它能对不同对象加以处理,而又不用担心不同对象之间的影响,而且表格在定位图片和文本上比用格布局惟一的缺点是,当设计者使用了过多的表格时,会影响页面的下载速度。(3)框架布局从布局上考虑,框架结构不失为一个好的布局方法。网页的设计框架?框架可以将整个网页分割为多个独立的区域,每一个区域称为一个框架窗口,可以在任何一个框架窗口中单独显示一个网页。应用框架的页面称为框架页面。?框架将页面分成几个部分,每一个部分都是独立的个框架页面包含多个以分别控制每个框架区域的内容。?框架由两部分组成一个框架集和独立的框架。?框架集文件定义了包含在该框架集中的框架数量、每个框架的大小、链接到每个框架的页面。框架集并不在浏览器中显示,它只存储包括上述信息在内的、关于每个框架的信息。框架的作用?1)节约下载时间2)导航功能配色原则第一印象视觉处理原则“总体协调,局部对比1.色彩的形成色彩是一种视觉,是光作用于眼睛的结果。2.色彩的特征色彩的基本特征主要有色调、亮度和饱和度三个。?色调色彩的种类。同一色调指色彩中组成彩色成分的三原色光组合比例相同的一系列色彩。?亮度色彩的明亮程度。指颜色的深浅之分。?饱和度色彩的鲜艳程度。受物体表面结构、照射光源的特点以及视觉生理特性的影响。网页的设计配色原则3.色彩的心理感觉?红色是一种激奋的色彩,具有刺激效果,能使人产生冲动、愤怒、热情、活力的感觉;?绿色介于冷暖两类色彩的中间,给人以和睦、宁静、健康、安全的感觉,它和金黄、淡白色搭配,可以产生优雅、舒适的气氛;?橙色也是一种激奋的色彩,具有轻快、欢欣、热烈、温馨、时尚的效果;?黄色表现快乐、希望、智慧和轻快的个性,它的透明度最高;?蓝色是最具凉爽、清新、专业感的色彩,它和白色混合,能体现柔顺、淡雅、浪漫的气氛;?白色具有洁白、明快、纯真、清洁的感觉;?黑色具有深沉、神秘、寂静、悲哀、压抑的感觉;?灰色具有中庸、平凡、温和、谦让、中立和高雅的感觉。网页的设计配色原则4.色彩的分类?暖色系红、橙、橙黄、黄等色彩让人觉得温馨、和煦、热情。?中性系黄绿、绿等色彩让人觉得舒适、和谐。?冷色系青绿、蓝绿、蓝等色彩让人觉得宁静、清凉、高雅。网页的设计色彩具有联想与象征的特质?红色象征火、血、太阳?蓝色象征大海、天空和水面等。配色原则5.色彩的选择和搭配(1)色彩的鲜明性吸引读者注意,驻留时间长。(2)色彩的独特性留下深刻的印象。(3)色彩的适合性与网站气氛一致,不超过3,4种适宜。(4)色彩的联想性网页的设计?1024768像素?800600像素?640480像素?首先考虑800600像素,因为现在大多数用户都在使用这种分辨率。浏览器版本和分辨率网页的外观设计?根据网页的具体性质选择网页布局?选择合适的字体?注意要用常用的分辨率?不要有太多的广告?背景或墙纸的统一规划?底色或墙纸必须与文字对比强烈?不要把图片白色当作透明1.简述网站设计的流程。2.举例说明网站主题的分类和选择主题的原则。3.什么是网站的样设计网站的开电子工业出版社主页(),查看其4.打开新浪网主页(),了解新浪网的主要版块和栏目。5.简述确定网站风格的注意事项。6.举例说明怎样设计网站的目录结构和链接结构。7.举例说明网页基本元素的种类和特点。8.简述网页布局的步骤、原则和类型。9.根据自己的经验和体会,谈谈你对网页配色的看法。10.上网查看不同的网页,并分析其属于哪种布局。习题2
编号:44392 && 类型:共享资源 && 大小:3.75MB && 格式:PPT && 上传时间:
<a href="UserManage/CopyrightAppeal.aspx?bid=725494" title="版权申诉" class="fLeft works-manage-item works-manage-report" target="_blank"
关&键&词: 网站 规划 设计 基础
& 人人文库网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
本文标题:网站规划设计基础 链接地址:
当前资源信息
浏览:19次
官方联系方式
客服手机:&&& 1:&&&
2:不支持迅雷下载,请使用浏览器下载&&&
3:不支持QQ浏览器下载,请用其他浏览器&&&
4:下载后的文档和图纸-无水印&&&
5:文档经过压缩,下载后原文更清晰&&&【图文】网站规划设计_百度文库
赠送免券下载特权
10W篇文档免费专享
部分付费文档8折起
每天抽奖多种福利
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
网站规划设计
阅读已结束,下载本文到电脑
想免费下载本文?
登录百度文库,专享文档复制特权,积分每天免费拿!
你可能喜欢一个网站设计过程举例_百度文库
赠送免券下载特权
10W篇文档免费专享
部分付费文档8折起
每天抽奖多种福利
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
一个网站设计过程举例
阅读已结束,下载本文到电脑
想免费下载本文?
登录百度文库,专享文档复制特权,积分每天免费拿!
你可能喜欢dreamweaver怎么制作网页教程 dw建站设计网页_西西软件资讯
西西软件园多重安全检测下载网站、值得信赖的软件下载站!
→ dreamweaver怎么制作网页教程 dw建站设计网页
7.13.0. 已付费版
类型:商务办公大小:39.6M语言:中文 评分:10.0
Dreamweaver这一款专业的软件,相信相关专业的人员都不会陌生。可以说,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。这里西西给大家带来一个dreamweaver制作网页的教程,初学DW的朋友可以参考一下。一、定义站点1、 在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb。***备注:网站中所用的文件都要用英文名。2、打开Dreamweaver,选择“站点―新建站点”,打开对话框。在站点名称中输入网站的名称(可用中文),在本地根文件夹中选择刚才创建的文件夹(E:web)。然后确定即可。***备注:再次打开Dreamweaver,会自动找到刚才设立的站点。如果有多个站点,可以在菜单“站点―打开站点”中去选择。二、创建页面1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件”,这样就建好了一个页面,默认的文件名为untitled.htm。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。***网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。2、双击index.htm进入该页面的编辑状态。在标题空格里输入网页名称,按右键选页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背影图像,超级链接的颜色(一般默认即可),其他都保持默认即可。3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间。4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。***在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。如果需要用的话,要做成图片后再使用。***在网页上打入空格的办法是:把输入法调为全角。***在网页上换行的办法是:shift+Enter。只按Enter则为换段。三、为页面添加图片1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件夹”,这样建立了一个文件夹,用它来放图片,可以改名为tu或pic或images都可以。2、用菜单“窗口/对象”打开对象面板,点击“插入图像”,在对话框里选要插入的图片。如果会出现对话框:“你愿意将该文件复制到根文件夹中吗?”,必须选“是”,然后将它保存到刚建好的文件夹里。3、选中该图片,打开属性面板,可以在上面为图片取名,重新设置图片的高、宽,拖住图片角上的点可以变大小。按住shift键,再拖动角上的点,可以使图片保持宽高比例拉伸。如要恢复这原始大小,则单击右下角的“重设大小”按钮。4、 “链接”可以直接在这里输入地址。“替代”是图片的说明,即鼠标指向图片所显示的文字;“边框”是图片边框宽度,“对齐”是对齐方式。四、添加超级链接1、为文字添加链接。比如,在页面上输入“我的文章”,然后将其选中,打开属性面板,在“链接”一格中,选择它所要链接到的页面即可。后面一格“目标”我们一般常用的是self即打开的新窗口代替了现开的窗口;或是选择blank即打开新窗口。2、为图片添加链接与上面文字的链接同理,插入图片,然后在属性面板中的链接一格中选择即可。****图片可以创建不同的多个链接。方法如下:在属性面板中的“地图”一项下面有一些图形,比如点击方形,光标变成十字,在图片上画一个蓝色矩形的热区,此时在属性面板上可以为这个热区设置链接地址,鼠标指向会显示。同样,再用圆形设置一个热区,就可以再为该图片设置其他链接了。3、添加E-mail链接选中需要添加E-mail链接的文字或图片,打开属性面板,在“链接”一格中输入填写邮件地址。格式如下:mailto:邮件地址。注意中间不空格。4、如果链接到浏览器无法打开的文件,例如exe、Zip等文件,那么浏览者在点击这个链接的时候,就会实现文件下载、或是在线播放的功能。五、表格的使用1、点击插入/表格,打开表格面板进行设置。行数、列数、宽度、边框等,“单元格填充”为单元格内侧与内容的距离;“单元格间距”为单元格之间的距离,单位均为像素。2、插入表格后,在表格的边框上点击一下,可以全选整个表格。然后在下面的属性面板里可以进行各种设置。3、把光标移到其中一个单元格,此时看到的属性面板,就是单元格的属性面板。也可以进行各种关于单元格的操作。如背景色、背景图、边框、合并、拆分等。六、关于表格的其他操作一制作细线表格 原理:1、选中整个表格,设置其背景为黑色(该颜色即表格线的颜色)。2、选中所有单元格,设置其背景为白色。二自动格式化表格1、先制作好一张表格,然后选中。2、选菜单中的命令/格式化表格。即可以其中选择预设好的一些表格样式。三一像素分割条1、插入一个1行1列,宽为200像素,边框边距均为0的表格。2、选中表格,设置表格高为1像素,并设置一个背景色(即所要的线条颜色)。3、切换到代码和设计窗口,将代码&td& 删除。七、用表格构建完整的页面一网页顶部(一般包括图标、广告、导航菜单)1、创建一个1行2列,宽为760像素,边框及边距均为0的表格。2、选中表格,设置排列方式为居中对齐,背景色为#3366CC。3、将光标置于左边单元格中,设置其水平排列为左对齐,垂直排列为顶端对齐,然后插入一张图像,一般在此插入的是网站的图标,即logo。4、将光标置于右边单元格中,设置其宽度为500,水平排列为居中对齐,垂直排列为中间,然后插入图像,一般是网页广告,即banner。5、将光标置于刚完成的表格之后,插入/表格,创建一个1行1列,宽为760像素,边框及边距均为0的表格。6、选中刚创建的表格,设置排列方式为居中对齐,背景色为#005173。7、在该表格中依次插入多个图像,作为导航条菜单。二网页中部(左边栏目列表、中间网站新闻、右边栏目列表)1、 在导航条表格后面,插入/表格,创建一个1行3列,宽为760像素,边框及边距均为0的表格。并设置排列方式为居中对齐,背景色为#FFFFFFF。2、 将光标置于左边单元格中,设置其宽度为18%,水平排列为居中对齐,垂直排列为顶端对齐,然后插入一张图像,插入一个导航条。3、 将光标置于刚插入的图片后,插入/表格,插入一个12行1列,宽为90%的表格。设置其单元格间距为1,背景色为#CCCCCC。4、 将光标放在表格第一个单元中,设置其高为20,背景色为#FFFFFF。插入/图像,插入一个导航文字前面的小点。同样设置其他11个单元格,这样左边的栏目分类列表就完成了。5、 将光标置于主体表格的中间单元格中,设置其宽度为66%,水平排列为居中对齐,垂直排列为顶端对齐,然后插入/图像,插入一个导航条。6、 将光标置于图像后,插入/表格,插入一个4行1列,宽为95%的表格。设置其单元格间距为1,背景色为#CCCCCC。7、 将光标置于表格的第一个单元格中,拖动鼠标,将4个单元格都选中,设置高为60,背景色为#FFFFFF。8、 将光标置于主体表格右边的单元格中,设置其宽度为16%,水平排列为居中对齐,垂直排列为顶端对齐,插入/图像,插入一个导航条。9、 将光标置于图像后,插入/表格,插入一个7行一列,宽为90%的表格。设置其间距为1,背景色为#CCCCCC。10、按住Ctrl键,用鼠标点击刚插入的表格的第1、3、5、7单元格,然后设置它们的高为55,背景色为#FFFFFF。11、选中第2、4、6单元格,设置其高为6,背景色为#FFFFFF。12、切换到源代码窗口,将第2、4、6单元格中的空格符号“ ”删除。三网页底部(一般包括版权信息及其他相关内容)1、 将光标置于主体表格后,插入/表格,创建一个2行2列,宽为760像素,边框及边距均为0的表格。2、 选中表格,设置排列方式为居中对齐,背景色为#3366CC。3、 将光标置于表格第1行的左边单元格中,设置其宽度为50%,水平排列为默认,垂直排列为基线,背景色为#FFFFFF,然后输入版权信息,内容颜色随便。4、 将光标置于表格第1行右边单元格中,插入/图像,插入一个圆角图像,在它后面输入Email字样,设置其大小和颜色为1和#FFFFFF。5、 插入/表单对象/文本域,插入一个文本域,宽度可以随意。6、 插入/图像,插入一个GO的图像。7、 设置页属性。点击菜单修改/页面属性,在标题一栏中输入标题,并选择背景图像,将顶部边界设为0。***将整个网页分部分放到不同的表格中组合而成,还可以加快浏览器读取页面的时间。;因为浏览器是读完整个表格后才显示内容的,所以最好不要框在整个一个表格中。八、用布局表格构建完整的页面1、 单击插入/布局,里面的布局视图按钮,就切换到布局视图状态(默认为标准视图)。也可以用菜单里的查看/表格视图/布局视图来进入。2、 先单击绘制布局表格按钮,然后在页面中像绘图一样创建出布局表格。3、 就像上一个例子一样,先绘制好网页的顶部,再中部,再底部的大表格。4、 再单击绘制布局单元格按钮,然后在已经绘制好的布局表格中,再绘制布局单元格。5、 返回到标准视图,在已经划分好的表格里,再插入嵌套的小的表格,把页面再细化,就可以完成整个页面的设计了。****注意把整个页面都放在一个大的布局表格中,因为这样的网页浏览速度会很慢。应该按照页面的版面和内容划分出几个布局表格,然后在其中分别插入布局单元格。&&九、层的使用1、点击插入/层。也可以点击图标,然后拖动鼠标创建出一个层。3、选中创建的层,看属性面板。“层编号”和“标签”都使用默认即可。“层编号”是编程时需要用的,我们现在一般不用。“上”即距页面上边界的距离;“左”是距左边界的距离。“z轴”是层的顺序,数字大的叠加在数字小的上面。****如不设置颜色时,层是透明的。4、点中层左上角的小方框可以随意拖动层,大小也可以调节。5、“溢出”一栏中,当文字多于层的大小时,visible(超出的部分照样显示)、hidden(超出部分隐藏)、scroll(不管有否超出,都显示滚动条)、auto(有超出时才出现滚动条)。6、点击菜单窗口/其他/层,此时将出现层管理窗口。可以在其中修改层的名称和Z轴值,也可以点击眼睛图标使层可见或不可见。还有一个防止重叠的选项。7、层的对齐。按住shift键,同时选中几个层。然后用修改/对齐,用这里的选项。8、嵌套层。⑴首先在文档中插入一个层。⑵将光标置于该层内,然后继续插入一个层,就得到了嵌套层。⑶里面的叫子层,外面的父层。它们的Z轴顺序是一样的。拖动父层时,子层也会相对移动。移动子层时,父层不会随之移动。十、了解时间轴1、点击菜单中的插入/层,插入一个层。2、在层中插入图片,如一张飞机的图片。(这里的图片也可以是一张小动画的.gif图像)3、点击菜单中的窗口/其他/时间轴,打开时间轴窗口。4、选中页面上创建的层,用鼠标按住层左上角的小方框图标,将层拖放到时间轴的第1帧中。这时自动创建了一个长度为15帧的时间轴。5、选中时间轴上的第1帧,将页面中的层拖放到页左上角,即动画开始时的位置。6、选中时间轴上第15帧,可以拖动该帧至任意长度,如30帧。7、选中第30帧,将层拖放到页面的右下方,此时窗口中显示出层从第1帧到第30帧的运动轨迹。(此时运动为直线)8、可以点中第15帧,右键选“增加关键帧”,在选中第15帧的状态下,拖动层到页面中下方。9、勾选“自动播放”项。十一、制作滚动公告牌1、在页面上插入一个层,然后为层设置一个背景,作为公告版的框架。2、然后在创建的层中插入嵌套层,将嵌套层移动到父层的下方。3、在嵌套层中输入文本,并将其居中排列。4、打开时间轴面板,将子层作为对象添加到面板中。5、为子层创建一个向上移动的路径,将其移动到父层的上方。6、拖动最后一关键帧,增长动画时间,然后勾选“自动播放”和“循环”两项。7、选定父层,在其属性面板中将“溢出”属性设置为“hidden”。十二、在页面中运用flash动画1、点击插入中的Flash按钮,即可为页面插入一个动画。也可以选菜单插入/媒体/Flash来完成这一步。2、选中已插入的动画,看属性面板。这里可以设置它的宽、高,也可以通过拖动来改变大小。3、可以在这里点击“播放”来预览动画。十三、让插入的flash动画变透明1、当网页上已经有背景,或是想要在一张图片上再插入flash动画,而flash动画本身也有背景色,所以会影响美观,这时我们要把它做成透明动画。2、如在页面上插入一张图像。3、在图像上插入一个层,在层中插入好所需要的flash动画。4、选中flash动画,在属性面板中点击“参数”按钮。5、在“参数”的左面一格输入“wmode”。在右面“值”一格输入“transparent”。十四、在页面中播放声音1、在完成全页面以后,如果要为该页添加背景音乐,注意背景音乐一般是*.midi文件,这样的声音文件十分小,易于快速下载,其他格式不适合作为背景音乐。2、在页面中所有表格之外,(注意此时编辑窗口左下方的标签选择栏中仅显示&body&这一项,或是在左下角点一下&body&,这样才能保证这个行为是添加在整个页面上的)。点击行为窗口上的“+”按钮,(或用菜单 窗口/行为,打开行为窗口。)3、从弹出菜单中选择“播放声音”。打开一个对话框。4、在这个对话框里用“浏览”选择要播放的声音,并确定。5、这时行为面板上自动显示了事件为onload,动作为播放声音。点击这一行,中间出现一个按钮。点击按钮,可以设置这个声音在什么事件下播放。可以选择“显示事件”/“IE5.0。6、我们常用的如Onload(当页面载入时)、OnClick(单击鼠标)、OnMouseOver(鼠标移到对象上)、OnUnload(当关闭页面时)等。7、该行为也可以设置在图片上、文字链接上。在文字链接上播放声音之前,先为文字添加一个空链接,即选中文字,在链接一格里输入一个“#”符号。&十五、弹出窗口1、首先制作一个准备在小窗口中显示的页面(比如a.htm),由于这个弹出窗口不能太大,所以内容要少一些。2、打开一个制作好的页面,把光标移到页面中所有我表格以外,点击行为窗口上的“+”按钮,从弹出菜单中选择“打开浏览器窗口”一项。3、在对话框中里输入相应的设置。要显示的URL即a.htm,窗口宽度和高度自己定,单位为像素。属性中的各项参数需要就打勾。4、设置完毕后,点“确定”。此时行为窗口中将显示打开浏览窗口这个行为,触发条件为Onload,如果不是要这项,就自己设置。5、该行为也可以设置在图片上、文字链接上。。6、可以用这个方法来表示对浏览者的打开时的欢迎、网站公告、离开时的告别语等。十六、控制状态栏信息1、打开页面,选中一张图片。2、点击行为窗口上的“+”号按钮,选择设置文本/设置状态条文本。3、在对话框里的“消息”一栏里,输入需要显示的话,如对这张图片的介绍。4、可以设置行为的触发条件为OnMouseOver(鼠标移到对象上),这样当鼠标经过这张图片的时候,状态栏将出现相关的信息。5、如果需要鼠标在移开后,这个信息消失,那么再次使用这个行为,在“消息”一栏里什么都不写,然后把触发条件改为OnMouseOut(鼠标移开)。6、同样可以在一段文字上设置该行为。或是设置在整个页面上也可以。十七、弹出信息1、打开一个制作好的页面,点左下角&body&项。点击行为窗口上的“+”按钮,从弹出菜单中选择“弹出信息”一项。2、在设置窗口中“消息”一栏里输入想显示的消息即可。3、触发条件设置为Onload(当页面载入时),就可以用来作为打开页面的欢迎信息。如设为OnUnload(当关闭页面时),就可以作为用户关闭页面时送别信息。4、也可以在某一段文字上设置弹出信息。比如一段文字不愿让人复制,就选中整段文字,注意此时左下角显示〈P〉,即段落。5、然后同样操作,消息可以输入版权之类的语句。只是设置触发条件为OnBeforeCopy(按右键时触发),或OnCopy(按右键选复制时触发)。十八、动态图片按钮1、准备好两张同样大小的图片,常用的方法是如一张为灰度照片,一张为彩色照片。或一张是按钮凹下的样式,一张是按钮凸起的样式。2、举例:插入一个3行1列的表格,设置宽度为180像素。3、将光标置于第一行,插入一张灰度的图片。4、在属性面板中“链接”一栏里输入需要链接的地址,并给图片加上名称,如tu1.5、点击行为窗口上的“+”按钮,从弹出菜单中选择“交换图像”。6、此时在“图像”一栏中已显示要交换的图像,然后在“庙宇原始档为”一栏里选择好交换后的那张图。7、下面有两个参数,“预先载入图像”和“鼠标滑开时恢复图像”,都要选中。8、同样方法创建另外两个动态按钮。&十九、用框架布局页面框架由两个主要部分组成――框架集和单个框架。1、 点击插入中的框架,即显示出已定义的13种框架的样式。我们上―中―下结构为例。2、 点击“上―中―下”框架结构的图标,此时在页上插入上下两个框架,将整个页面分割成了3部分。我们分别在上面输入“上”,在中间输入“中”,在下面输入“下”。3、 先保存一下。点击菜单中的文件/保存全部。这时首先保存框架集文件,可以自己修改名字,如kuangjia.htm。然后将分别保存框架集中的其他页面。在保存对应的页面的时候,该部分会以虚线框起来,这样可将上面部分保存为shang.htm。下面部分保存为xia.htm。中间部分保存为zhong.htm。4、 至此,我们保存了四个页面,分别是框架集,和组成框架集的上、中、下三个页面。所以,其实这个框架是由四个页面组成的,所以用框架会降低一点用户浏览的速度。5、 点击窗口/其他/框架,打开框架的面板。在这里单击某个框架,即可选中该框架。当框架被选中时,编辑窗口中对应的框架出现虚线。6、 如:选中上面topframe,此时属性面板上显示的是上面这个框架的属性。同样选中中间框架和下面框架,也可以分别设置它们的属性。7、 在编辑窗口中,将鼠标放在两框架之间的边框上,光标将变成上下箭头形,此时点击边框,选中的是整个框架集。8、 此时属性面板上出现的是整个框架组的属性。可以在此设置框架集是否有边框、宽度及颜色等。不过最为重要的是可以在这里设置框架集中各个框架的大小。9、 在属性面板的右面的图示上选中上面框架,设置它的行为80像素,边框为0。10、选中下面框架,设置行高为30像素,边框为0。11、选中中间框架,设置行高为1,单位为相对。(相对的意思是:当前行相对于其他行所占的比例。设为1就是指占据除上和下以后的所有浏览窗口剩余空间。12、举例:将光标置于上面框架topFrame上,右键选页面属性,设置背景色为#FF6600。然后插入/表格,插入一个1行2列,边框边距都为0的表格。设置第1个单元格的宽度为116像素,然后插入一张图片。将第2个单元格设置为水平对齐方式为居中,垂直排列方式为底部,然后依次输入“狮子座”、“魔蝎座”、“双子座”字样。13、将光标置于中部框架mainFrame中,右键选页面属性,设置背景色为#FFFFCC。然后插入一张大图像。14、将光标置于下面框架bottomFrame中,右键选页面属性,设置一个背景图像。15、另外做好三个页面,作为“狮子座”、“魔蝎座”、“双子座”所要链接的页面。16、选中“狮子座”,在属性中为它设置好要链接的页面,然后在“目标”里选“mainframe”,即该内容在中间那个框架中显示。17、同样设置“魔蝎座”、“双子座”的链接。二十、跳转菜单1、 点击主菜单中的插入/表单对象/跳转菜单,也可以用插入/表单,中的跳转菜单图标,来调出跳转菜单设置窗口。2、 首先在“文本”一栏里输入“请选择相关网站”字样。然后点击窗口上的“+”号按钮。这时菜单里多了一个选项,这个选项没有链接,仅作为跳转菜单的说明文字。3、 在文一栏里输入需要的网站,如“新浪”,然后在“选择时,前往URL”一栏里输入网站链接地址http://www.sina.com.cn,此时,菜单项一栏里又多了一个选项,这个选项对应一个网的链接地址。4、 使用同样方法,在菜单中添加其他一些选项及对应的链接。还可以用“上”“下”的按钮,来调整它们的顺序。5、 设置窗口的“菜单之后插入前往按钮”一项先不要选择。选中“更改URL后选择第一个项目”一项,这样当使用跳转菜单到某个页面后,如果返回到跳转菜单页面,此时页面中的跳转菜单默认显示的依旧是第1项内容。6、 设置完毕后点击“确定”即可。****因为跳转菜单是一个表单,所以其实是先插入了表单(红色虚线区域),然后在表单中再插入了下拉菜单。7、 想修改选项,可以选中页面上的下拦菜单,此时点击属性面板中的“列表值”,即可修改各项内容了。8、 当选中跳转菜单时,行为窗口中也出现行为。双击该行为,也可以进入设置窗口,可以重新对其进行设置。9、 如果“菜单项”里的第一项就是链接,而不是上面所说的一句提示的话,那么就要选中“选项“中的“菜单之后插入前往按钮”。添加一个“前往”按钮。二十一、运用插件(Dreamweaver功能扩展)1、 首先下载好需要的插件,此处举例用的是Animate Browser Window。这是一个动态改变窗口的大小的插件。打开Dreamweaver Extension Manager,安装下载好的插件。2、 启动Dreamweaver,在做好的页面上,右击左下角〈body&,然后点击行为窗口中的“+”号按钮,在其中选择“Animate Browser Window”,然后在其中做相应的设置。这里设置窗口打开之前高宽均为0,打开后为填满屏幕。触发条件为onLoad。二十二、滚动字幕1、把光标插入点放在需要插入滚动字幕的地方。2、点击插入面板的“标签选择器 ”。3、选择 marquee标签,点击“插入”按钮。然后关闭“标签选择器 ”。4、转换到代码视图。把光标插入点放在 两个marquee标签之间。5、选择“窗口”/“标签检查器”。可以在“标签检查器”中设置标签的各种用法。6、点击behavior设置项右边的下拉箭头,选择滚动字幕内容的运动方式。其中三个选项意思分别是:Alternate:内容在相反两个方向滚来滚去。Scroll:内容向同一个方向滚动。Slide:内容接触到字幕边框就停止滚动。7、direction属性设置字幕内容的滚动方向。四个选项意思为:down:向下运动。Left:向左运动。Right:向右运动。Up:向上运动。8、scrollamount属性设置字幕滚动的速度。一般设为1。9、scrolldelay属性设置字幕内容滚动时停顿的时间,单位为毫秒。如果要让滚动看起来流畅,数值应该尽量小。实例中设置为1毫秒。10、width属性设置滚动字幕的宽度。这个任意,比如设置为300。11、onMouseOver事件设置鼠标移动到滚动字幕时的动作,常设置为停止滚动。onMouseOut事件设置鼠标离开滚动字幕时的动作,常设置为开始滚动。这个两项不能选,只能手工输入。在onMouseOver后面输入“this.stop();” 在onMouseOut后面输入“this.start();”12、style属性设置字幕内容的样式。实例中设置字幕文字大小,也要手工输入“font:12”。13、loop属性设置字幕内容滚动次数,默认值为无限。“-1”也为无限。14、全部代码:&marquee behavior=&scroll& direction=&left& width=&300& loop=&-1& scrollamount=&1& scrolldelay=&1& style=&font:12& onMouseOver=&this.stop();& onMouseOut=&this.start();&&滚动字幕内容&/marquee&&二十三、创建CSS样式表1、在网页上输入一些文字。2、打开“CSS样式”面板,也可以用“窗口/CSS样式”打开。3、面板下方有四个按钮,分别是附加样式、新建样式、编辑样式、删除样式。4、点击“新建样式”,打开对话框。输入名称,注意名称前有一个点号。如取名为.zi(中文名不行)。类型:创建自定义样式,定义在:仅对该文档。5、此时再打开一个对话框,在左边的分类里选择“类型”,然后在右面设置字体为宋体,大小为14像素,颜色任意。然后确定。6、选中页面上的文字,然后点击窗口里的样式.zi。此时这段文字就应用了CSS样式。7、如要对刚才定义的CSS样式进行修改,可以点中它,然后点下面的编辑样式按钮。二十四、创建动态链接样式表1、点击“新建CSS样式”对话框,在“定义在”一栏选择“仅对该文档”,在“类型”一栏里选择“使用CSS选择器”。2、当样式表类型选择“使用CSS选择器”时,下拉菜单的名字变成了“选择器”,表示输入内容为CSS选择符,单击下拉按钮,可以看到动态链接的4种状态。a:link――超级链接的正常状态; a:visited――访问过的超级链接状态。&a:hover――光标移至超级链接上时的状态; a:active――选中超级链接的状态。3、 接下来对这几种状态分别设定,首先从下拉菜单中选择a:link,点击“确定”按钮后弹出样式表设置窗口,设定该样式无下划线,颜色为#FF6600(橙色)。4、 用同样方法设定a:visited,设定其为无下划线,颜色为#FFFF00(黄色)。5、 接下来设定a:hover,设定其为有划线,颜色为#FF6600(橙色)。6、 a:active不用设置,它会自动依照a:hover而定。7、 在网页上输入一句话,在属性面板中设定它的链接为“#”。即可。****注意:必须按照这样a:link、 a:visited 、a:hover 、a:active的顺序来设置,否则不会出现预期的效果。如果我们需要一个页面上有两个或更多的链接效果,可以用以下方法:1、 点击新建样式按钮,样式类型选“使用CSS选择器”,在“选择器”一栏里,直接输入a.link2:link,接着设置a.link2:link为红色无下划线。2、 继续定义下面两个样式。名称都直接输入,分别设定它们为a.link2:visited,紫色无下划线。 a.link2:hover,蓝色有下划线。3、 此时在“CSS样式”选项下多了一个名称为link2的自定义样式。4、 在页面中输入一段话,为它添加一个#链接,选中这个链接,然后点击样式表窗口中的样式link2,将此样式应用在该链接上。5、 同样方法可以制作同一页面上的不同链接格式。****为保持一种风格,同一页面上不宜建立过多的链接样式。二十五、外部样式表***在不同的页面中应用相同的样式表。1、 新建样式表,取名,然后类型选“创建自定义样式”,定义在选“新建样式表文件”。2、 确定后,打开保存外部样式表的窗口。然后把它保存到本地站点中即可。3、 此时,可以看到样式表窗口中新增了一个样式表文件,文件的后缀名为css4、 如果当前页面中的一个内部样式表要导出为外部样式表文件,以便供其他页面使用,可以点击样式表窗口右上角的灰色的图标,选“导出样式表”,此时可以为样式取名和保存为一个外部文件。5、 当其他页面需要使用外部样式表时,可以点样式表窗口中的第一个按钮“附加样式表”,打开窗口,然后选择外部样式表文件,在添加为里选“链接”,确定即可。二十六、其他CSS****CSS里的背景,是设置文字背景、表格背景图等。****CSS里的区块,是指设置文本的文字间距、对齐方式、下标、上标、排列方式等。****CSS里的盒子,是指设置图片和文本内容之间的空白距离,以及图文混排的方法。****CSS里的边框,是指设置表格文本区、按钮等的美化。****CSS里的列表,是指设置列表项样式。即那种提纲式的一段话。****CSS里的定位,是指设置页面中图片的相对和绝对定位。****CSS里的扩展,其中的光标,可以设置光标的样式,可以设置为hand(手型)、crosshair(十字型)、text(“I”型)、wait(等待型)、default(默认型)、help(帮助型),还有各种方向的箭头型。****CSS里的扩展,其中的过滤器,可以用来做CSS滤镜特效,即用来加工图片的透明、发光等。但效果不太明显,还是用专门加工图片的软件来完成比较好。二十七、创建网上相册1、 首先要安装好FireworksMX软件。2、 加工好所需要放在网上的照片,把它们加工成一样大小,放在一个文件夹里。3、 点击菜单中的命令/创建网站相册,打开设置窗口。4、 输入相册标题,副标信息,其他信息(以后也可再修改)。“源图像文件夹”,选择刚才保存照片的文件夹。5、 “目标文件夹”,单击“浏览”按钮选择当前站点目录。(即将照片全部保存到站点里来)6、 “缩略图大小”一项,可以根据需要选择,“显示文件名称”一项,选中会在生成的相册中显示每个图片的文件名。7、 “列”一格是每一行显示的图片数,默认为5,可以自己改动。8、 下面两个“格式”一般都选“品质较高”。9、 选中“为每张图片建立导览页面”一项。确定即可。二十八、定制网页过渡功能*****网页过渡是指当浏览者进入或离开网页时,页面呈现的不同的刷新效果,比如卷动、百叶窗等。网页看起来会更具有动感,不过也要注意适可而止,否则太花哨的变化也容易引起浏览者的反感。步骤:1、 打开一个页面,单击菜单中的插入/文件头标签/Meta,会弹出Meta对话框。 2、 在对话框中的属性选项的下拉列表中选HTTP-equivalent选项,在值一格中键入Page-Enter,表示进入网页时有网页过渡效果。3、在内容一格中键入 Revealtrans(Duration=4,Transition=2),Duration=4 表示网页过渡效果的延续时间为4秒,Transition表示过渡效果方式,值为2时表示圆形收缩。4、输入完后单击确定,存盘。这样当我们点击一个超链接进入这个页面时就可以看到效果了。5、另外还有二十多种效供你选择,只要将Transition的值改为相应的效果的代号即可,具体效果和设置如下表所示效果 Transition 效果 Transition盒状收缩 0 溶解 12盒状展开 1 左右向中部收缩 13圆形收缩 2 中部向左右展开 14圆形展开 3 上下向中部收缩 15向上擦除 4 中部向上下展开 16向下擦除 5 阶梯状向左下展开 17向左擦除 6 阶梯状向左上展开 18向右擦除 7 阶梯状向右下展开 19垂直百叶窗 8 阶梯状向右上展开 20水平百叶窗 9 随机水平线 21横向棋盘式 10 随机垂直线 22纵向棋盘式 11 随机 23二十九、库的应用****网站中有些内容需要反复使用,比如自己制作的一个网站图标等,此时将这个组件存为在库里,可以随时调用。1、 打开一个页面,选择需要保存的组件,比如一个图标。2、 点击菜单窗口/资源,打开资源窗口。然后在其中选最下面一本书样的按钮,打开库面板。3、 点击下面的新建按钮,就将刚才选中的图标保存到库里了,此时还可以给它取名。4、 在一个新页面上要应用库里的内容时,打开库面板,选中需要用的图标,然后点击下面的“插入”即可。三十、用模板迅速完成站点(首页或内部某一页)1、 首先规划好自己想要制作的网站,要把它的各项链接的内容都设计好。如我的网站:首页上的链接有:网页版、动画版、请留言、关于我、联系我、许愿瓶网页版上的链接有:站长简介| |教研论文| |课堂寻真| |原创课件| |心海撷贝| |留影人生| |给我来信| |雁过留声|动画版上的链接与网页版相同。以下再链接到各种文章或课件的页面。如“课堂寻真”链接到全是教案标题的页面,然后由每一个教案标题,再链接到放这个教案的页面。其他同理。2、下载好比较适合自己规划的、所喜欢的网页模板,(模板网站比较好的如:http://www.mbsky.com )一般它都包括两个文件:一个是index.htm,另一个一般是命名为images的文件夹,即我们所说的用来放置图片的。3、定义好站点,然后将这两个文件(夹)复制到站点文件夹下。4、双击index.htm文件,即进入首页的编辑状态。然后就可以修改这个页面让它符合自己的需要。这样即可完成首页。三十一、将已有的网页保存为模板****用于在一个网站中有大量重复出现的页面时。(在新建和使用模板之前一定要定义好站点)1、 选择某一页,点击文件/另存为模板,将当前页面保存为一个模板。此时打开了“另存模板”窗口,为该模板取名,然后保存。2、 此时可以发现在站点中自动创建了一个名为Templates的文件夹,在该目录中存有我们保存的模板。其扩展名为.dwt3、 这个模板目前在被运用时,是无法修改的。所以要设定模板的可编辑区域。4、 比如,在当前模板页面中,需要让页面中间部分可编辑,这样使用模板时就可以在其中添加内容了。选中页面中间部分的表格单元格(按住CTRL键在单元格里单击),点击主菜单中的插入/模板对象/可编辑区域。此时会打开对话框,在其中为模板取名,然后确定。5、 此时所定义的可编辑区域被浅蓝色线条框起来,并且左上角还有该区域的名称。将模板文件保存并关闭。6、 点击主菜单中的文件/新建,在新建页面窗口中点击上方的“模板”选项。7、 此时在“模板用于”一栏中列出了当前定义的站点,选中某个站点,在窗口中间一栏中显示的是该站点拥有的模板文件。选中某个模板,在“预览”一栏中可以预览该模板。然后点“创建”按钮,就新建了一个页面。8、 在出现的新页中,除可编辑区域外,其他部分是不能进行修改的。三十二、上传自己的网站1、 申请网站空间,然后将它上传到网上。目前基本上没有免费空间,免费空间也都需要放置广告,或是申请一个收费空间,它都会提供十天左右的试用期,可以作为网站测试来用一下。2、 在点击申请后,会出现要求注册的表格,一般包括用户名、密码、邮箱、联系电话、省份、主页的名称、主页的类别、主页的简介等。3、 全部填完之后,即可得到以下几项:①用户名(刚才填写)②密码(刚才填写)③FTP上传地址 ④主页地址(有时是将以上几项发送到所填写的邮箱)4、 下载并安装FTP上传软件,可以用CuteFtp(昆山视窗/软件 可以下载,免费)5、 打开CuteFtp软件,点击主菜单中的文件/站点管理器。6、 在打开的对话框中填写好FTP上传地址、FTP站点用户名称、FTP站点密码,然后点击连接,就可以连接到站点服务器。(第二次打开就自动连接,不用再填写了)7、 连接好以后,在页面上出现框架,左边为本地计算机上的文件,右边为远程计算机,只要将左边的文件(即做好的网站文件)一个个拖动到右边,即完成了上传。三十三、宣传自己的网站如何让网站地址让别人知道,方法有二:1、 用专门的软件,可以将网站登录到各大搜索引擎。2、 手工登录。如打开百度(www.baidu.com),在下面有个链接“网站登录”,点击后会被要求填写网站地址、名称、内容等,然后就被收入百度的搜索引擎了,这样别人就可以搜索到你的网站了。其他网站登录同理。
(14) 保险师软件是为保险销售人员准备的能够提高销售业绩的辅助类软件,是最好用的随身展业工具,多家保险公司近百款热卖产品,随时随地制作计划书,学习交流无障碍,更能随时掌握自己的线上展业进程,做个更专业的保险人保险师软件致力于为全国万保险人日常展业增员客户新增工作提供全方位服务,能够帮助保险从业员随时随地制作保险计划书,以最专业的代资考辅导系统进行技能考核。保险人下载是一款专门为保险销售人员和代理人员准备的...
08-11 / 20.9M
推荐理由:保险师电脑版让你卸下重重的展业包,抛开与客户博弈的无底气,放下没有时间全心充电的担忧,致力于为全国30
02-05 / 19.8M
推荐理由:保险师apk是一款专业的致力于为全国300万保险人日常展业、增员、客户新增工作提供全方位服务的免费App。该软
08-11 / 20.9M
推荐理由:微易保险师app下载是一款保险销售人员学习和工作的必备手机软件,互联网保险系统支持加上传统保险行业销售工
08-11 / 20.9M
推荐理由:微易保险师电脑版是一款保险销售人员学习和工作的必备软件,互联网保险系统支持加上传统保险行业销售工具支
10-28 / 10.9M
推荐理由:保险神器app是一款保险销售人员必备的销售神器,这款神器可以让代理人开拓客户更轻松、说明促成更容易、建议
12-14 / 3.2M
推荐理由:上海保险是上海市内的一个保险相关的资讯的平台,主要是为用户带来了很多关于保险相关的信息的内容,有着很
(9) 企业培训是当前社会竞争中的一个热点话题,一个好的企业必须要有好的管理者才能继续向前开拓,市场竞争十分激烈,不进则退,不进则死,诺基亚摩托罗拉等知名品牌的倒下,警醒着每个企业的管理者,企业培训旨在提高管理层的整体素养,当然对于基层员工的培训也是必不可少的。基本含义企业培训是指企业或针对企业开展的一种提高人员素质能力工作绩效和对组织的贡献,而实施的有计划有系统的培养和训练活动。目标就在于使得员工的知识...
09-13 / 2.3M
推荐理由:华为培训APP,为企业客户、合作伙伴、院校学生、ICT从业人员量身定制的移动学习平台,提供随时随地、互动自
09-09 / 18.0M
推荐理由:超级企业+app是一款在线移动培训平台,服务于各大企业中的蓝领工人阶层,通过批量化培训让员工了解基本的职
12-09 / 2.2M
推荐理由:培训夹app是一款企业人才培训管理应用,为各企业机构服务,为数百家中小企业提供人才培训计划,通过规范化的
12-25 / 6.1M
推荐理由:山雀app是一个企业培训服务平台,在这里有着顶尖的专家,为广大用户提供高品质的企业培训管理课程,提供在线
12-01 / 17.4M
推荐理由:天马帮app是一款企业管理培训平台,当前社会竞争激烈,每天有着众多的公司兴起,也有着更多的公司倒闭,如果
10-28 / 5.2M
推荐理由:十步芳草是一款专门为大学生打造的就业能力提升平台。如果你是一名刚刚毕业,即将走向社会的大学生,相信你
(72) 西西手机办公软件下载专区为您推荐最好用的手机办公下载,很多用户都不知道移动端可以使用的办公软件有哪些,本页为您推荐手机办公软件排行榜前下载手机办公软件手机办公软件是指可以在手机上使用的一类办公软件,在这个手机智能化的时代,人们使用手机办公已经不再是一件稀奇的事情了,众多出名的办公软件也推出了手机版,在移动端办公和电脑端相比具有随时性和方便性,我们可以在任何时间任何地点手机上办公手机办公排行榜.手机版...
12-28 / 25.0M
推荐理由:金山软件的WPSOffice终于出现在Android平台上,并更名为KingsoftOffice。在手机上打开和编辑word,tst,wps文
02-16 / 14.9M
推荐理由:QQ邮箱Android客户端,QQ邮箱app提供实时的新邮件提醒,流畅的邮件收发体验。QQ邮箱app让你在手机上也能高效
01-03 / 2.9M
推荐理由:GNotes笔记本是一款能够把你的文字、图片、视频、涂鸦等同步到GMail、163、126邮箱的安卓记事本,并且支持S
02-10 / 32.1M
推荐理由:印象笔记安卓版evernote中国版,移动式笔记云服务专家,用来帮助用户记录要事等可以与电脑版相互同步据Ever
01-29 / 43.8M
推荐理由:网易旗下有道搜索推出的笔记类应用,通过云存储技术帮助用户建立一个可以轻松访问、安全存储的云笔记空间,解
01-21 / 48.4M
推荐理由:钉钉app是阿里发布的一款团队企业通讯软件,钉钉有三种登录方式,分别是扫码登录、账号密码登录和验证码登录
(13) 京东众包是对京东到家业务的延伸和扩充,有效借助社会化运力,服务更多消费者。京东众包模式在京东强大的自营配送体系基础上进行创新和探索,并更适应的业务需求,为提升用户的送达体验,做出更进一步的尝试。京东众包简介京东众包是基于技术一款物流运力平台,对外承接各大电商平台的订单,通过组织社会闲散运力,完成公里内配送业务。兼职人员只需要完成简单注册,认证和培训,即可上岗抢单,赚取提成,多劳多得。京东众包的特色...
03-04 / 16.1M
推荐理由:京东众包app安卓版手机客户端是一个物流运送的平台,京东众包,送物流就是快,还提供很多兼职的机会。把闲散
06-09 / 22.7M
推荐理由:京东众包ios版客户端是一款基于LBS技术一款O2O物流运平台应用。京东众包对外承接各大O2O电商平台的订单,通
01-23 / 21.4M
推荐理由:京东到家是京东推出的一款手机移动购物APP,京东到家下载是一款御宅神器,让你在家里就能轻松买到各种商品,
02-01 / 40.2M
推荐理由:京东商城是著名的网上购物中心~用户在上面可以买到物美价廉的商品,而且不必忍受出门的拥挤只需要用手指在手
01-21 / 27.4M
推荐理由:手机京东钱包app前身是京东网银钱包,一个会理财的钱包,一个懂你生活的钱包!官方介绍:京东钱包致力于资产
08-21 / 13.5M
推荐理由:最近电商都开出推出这种网银钱包一类的东西了,连京东也出了这货,京东网银钱包主要基于网银钱包账户系统,
07-0805-2303-1503-0803-0409-2609-1804-2804-2804-28
阅读本文后您有什么感想? 已有23人给出评价!
名称大小下载

我要回帖

更多关于 网站规划设计书 的文章

 

随机推荐