1第1章网页设计与网页文件规划学习目标如何给网站定位网站设计原则网站建立步骤域名的相关知识网页文件如何规划了解常用网页制作工具和网页编程语言2第1章网页设计与网页文件规划教学内容1.1定位网站的系统、类别和形象1.2网站建立步骤1.3网页规划和步骤1.4网页制作工具本章小结返回总目录31.1定位网站的系统、类别和形象——定位网站的系统在因特网飞速发展的今天,网络技术和与之相应的建立网站、制作网页,已经成为最吸引人的技术。从网站功能考虑,网站系统可以划分为以下方向:1.辅助政府部门进行国家管理。2.为新闻和宣传提供平台。3.为商业活动提供交易平台。4.为科研和学术交流服务。5.没有任何商业目标的公益性网站和个人爱好网站。返回目录41.1定位网站的系统、类别和形象——定位网站的类别网站的类别比较繁杂,从信息流转和提供服务的方式出发,可以分为以下几类:1.门户类网站2.信息发布类网站3.电子商务类网站4.资源服务类网站5.娱乐游戏类网站6.远程教育和医疗诊断类网站返回目录51.1定位网站的系统、类别和形象——定位网站的形象衡量网站建设是否成功,一个重要指标是该站点的访问量,准确的形象定位对于提高网站的点击率至关重要。网站形象是指它主要侧重的内容和功能。1.人们感兴趣的网站内容通常有:(1)新闻(包括时事新闻、体育新闻、财经新闻、娱乐新闻等)。(2)求职、招聘、交友、征婚信息。(3)计算机软件和硬件信息。(4)科教医疗信息。(5)金融证券信息。(6)商贸信息和各类广告。(7)休闲、旅行、娱乐信息。(8)电子书籍和影视。返回目录61.1定位网站的系统、类别和形象——定位网站的形象2.人们感兴趣的网站功能通常有:(1)搜索引擎和信息查询。(2)电子邮件和免费电子信箱。(3)免费个人主页空间。(4)软件的上传与下载。(5)网上聊天室、新闻组、BBS、发送短信。(6)实时股票信息和网上股票交易服务。(7)网上游戏娱乐。(8)网上商务活动、网上购物、网上结算。返回目录71.1定位网站的系统、类别和形象——了解网站设计原则设计网站有下面一些基本原则:1.内容明确2.抓住用户3.点击规则——对于小型网站,主页上任何一条信息点击次数不超过3次,被称为3次点击规则。对于大型网站,可使用导航和工具条来改善操作。4.学习HTML5.优化网站构架6.避免使用特殊字体,尽量减少图片7.避免长文本和错别字返回目录81.2网站建立步骤——了解网站费用网站费用由建站费用和运作费用产生,包含以下几个方面:1.域名费用——域名分级别,不同级别的域名收费是不同的。2.服务器硬件设备费用——一个网站的硬件至少包括计算机和网络接入设备,这笔费用应根据网站规模而定,不必过分铺张。3.系统软件费用和开发维护费用4.网站的市场推销费用和经营费用——要提高自己的市场份额,应加强宣传并提高服务质量,这笔费用是应该考虑的。返回目录91.2网站建立步骤——网站的结构网站的逻辑结构由四部分组成:1.服务器部分——包括计算机硬件、操作系统、程序、电子邮件程序等。2.网络接入部分和网络安全系统——包括路由器、调制设备和网络安全系统。3.数据存贮部分和中间件——数据存贮存系统要有海量存贮能力,高速搜索能力,有效的数据采集、制作和发布能力。中间件介于服务器系统和数据存贮系统之间。4.研发和维护部分——此部分贯穿于网站从建立到消亡的全过程,需要专人负责。返回目录101.2网站建立步骤——申请域名域名是网站在因特网上的门牌号码,也可看作网站在因特网上的商标,只有知道了域名才能访问网站。域名的命名基于IP地址层次化的主机命名方式,由26个英文字母、10个阿拉伯数字、减号和下划线组成,用圆点分隔成几节,字母不区分大小写。域名应选择简短、有意义、容易记的单词。域名有惟一性。域名可以进行交易,买卖或过户。域名分级别,从右向左依次为最高级(也称顶级)、次高级等,最左边为主机名。顶级域名有2类:机构域和地理域。机构性域名由三个字母组成,地理性域名由两个字母组成。见表1和表2。返回目录111.2网站建立步骤——申请域名域名类型.com商业性的机构或公司.org非盈利的组织、团体.gov政府部门.mil军事部门.edu教育部门.net从事与因特网相关的网络服务机构或公司表1机构域返回目录121.2网站建立步骤——申请域名域名国家和地区.cn中国.hk中国香港.tw中国台湾.jp日本.uk英国.us美国表2地理域返回目录131.2网站建立步骤——接入Internet的方式接入因特网的方式通常有三种:1.专线接入——花费较大但优势明显,一线多用,提供的服务内容也多。2.服务器托管——将Web服务器由其他网络公司托管,费用比第一种接入方式低的多,但需要远程维护,技术要求高。3.虚拟主机——租用某些ISP(InternetServiceProvider)的剩余磁盘空间,这些空间一般允许个人网站免费使用,节省了购买服务器的费用,但需要远程管理,受到的限制也比较多。返回目录141.2网站建立步骤——网站服务器设备选择服务器要综合考虑各方面因素,如:价格、性能、安全性、可扩展性。1.单从价格出发,应首先考虑PC服务器,PC服务器又分工作组级、部门级和企业级三档,价格各不相同,可根据网站规模确定使用何种级别的PC服务器。2.单从性能出发,Unix服务器占有一定优势,是高端系统的首选。3.如果选择PC服务器,操作系统一般为:WindowsNT或Windows2000或Linux。如果选择小型机为服务器设备,一般使用Unix为平台。返回目录151.3网页规划和步骤——网页文件规划网页文件规划要遵循三个基本原则:内容、速度和页面美观,其中内容最重要。1.规划主页严格来说,主页(HomePage)和网页(Webpage)是两个不同概念,主页是指登陆到网站后看到的第一个页面。主机上默认首页名称是固定的,不能随便起,要符合根据远程服务器的要求,通常为index.htm或index.html或default.htm或default.html。主页的一个重要的功能是导航,利用超链接指引用户查询保存在网址或其他位置的信息,超链接层数不能太多,最好以关键字或词语形式查询信息。返回目录161.3网页规划和步骤——网页文件规划2.设计网站标志(logo)网站标志就如同商品的商标一样,是站点特色和内涵的集中体现,好的标志能让人看见logo就联想到拥有该标志的网站。标志可以是汉字、英文字母、动物或人物的符号、图案等。3.设计网页的色彩视觉冲击是网站给人的第一印象,好的色彩搭配能体现网站形象,延伸网站内涵,还能直接影响访问者的情绪。通常,网站的主要色彩不要超过3种,用于网站标志、标题、主菜单和主色块,显得整体统一。其他色彩可作为点缀和衬托,不能喧宾夺主。返回目录171.3网页规划和步骤——网页文件规划4.规划页面规划页面就是规划页面布局。包括主页在内的所有页面都应该简洁清晰,以最少的元素表达最多的信息。整体风格要与页面所表述内容一致。5.设计网页的图形和背景图形是网站的特色之一,具有醒目、吸引人和传达信息形象的作用。适当运用图形可以为网页增色,应用不当也会带来反效果。图形的传输远没有文字传输快,要充分考虑图形文件的大小和传输速率。背景也是如此,虽能使页面美观,但却耗费传输时间。返回目录181.3网页规划和步骤——网页文件规划6.网页文本文本通常是网页的主要内容,也是网站经常更新的部分。网站成功与否,内容很关键。网页上文字的字体、颜色等属性要与页面整体风格匹配,并贯穿整个网站建设,尽量不用闪烁文字。7.联系方式提供联系方式使访问者与自己联系或发表意见,是网页文件规划中不可缺少的,通常应提供电子信箱、电话号码、传真、通信地址等。8.留言本留言本可以方便自己与网页访问者交流,访问者对返回目录191.3网页规划和步骤——网页文件规划网站的评价可以写在留言本里,回答问题也可以在留言本里进行。9.网页文件放置一般的小网站可以将所有文件放在同一文件夹中,大一点的网站则在网站文件夹中设置子文件夹,将本网站所有相关文件分门别类放入子文件夹。10.计数器和聊天室如果想知道网站的访问次数,还可以在主页上为网站设置一个计数器。也可申请免费聊天室程序,链接添加到主页中。返回目录201.3网页规划和步骤——网页框架网页框架指网页文件系统的组织结构,合理的框架可以让Web页面井井有条,在实际管理中减少不必要的错误。组织站点的基本原则是一个页面一个主题,避免大主题,把大主题分成几个子主题,用主页把所有页面联起来,在主页中加入指向其他页面的链接,并附带简短描述性文字,将读者带入不同主题的领域。在每个页面加入超链接,方便读者按按自己意愿阅读。返回目录211.3网页规划和步骤——网页制作步骤网页制作一般分为如下步骤:1.将主题拆分为若干子主题,为每个子主题制作网页。2.为子主题网页划分区域,可使文本、图形有所分隔。此设计相对自由。3.为主页划分区域,合理安排网站名称、网站标志、公共导航等必要内容,并在主页上为每个子主题建立带描述性文字的超链接。返回目录221.4网页制作工具——网页制作应用软件目前比较流行的用于Web页面制作的应用软件有以下几种:1.FrontPage2.Dreamweaver3.Fireworks4.Flash5.Photoshop返回目录231.4网页制作工具——网页编程语言要提高网页制作技术,除了掌握网页设计软件的使用,还应了解掌握必要的Web页面开发语言,下面介绍几个流行的Web页面开发语言:1.HTML(HypertextMarkedLanguage)语言2.XML(ExtensibleMarkupLanguage)语言3.VRML(VirtualRealityModelingLanguage)语言4.ASP(ActiveServerPages)语言5.PHP(HypertextPreprocessor)语言6.Java语言7.JavaScript语言8.JSP(JavaServerPages)语言返回目录24本章小结定位网站的系统、类别和形象因特网是信息的海洋,这些信息存放在世界各地被称为“网站”的计算机上,网站用“网页”发布信息。网站是因特网的灵魂,没有网站,因特网就失去存在的意义。网站建立步骤:申请域名、在本地机器建文件夹、将本地机器文件夹中所有文件上传到申请的免费空间、在浏览器地址栏里输入个人网站的域名网页规划和步骤-网页文件规划要遵循三个基本原则:内容、速度和页面美观。-网页框架指网页文件系统的组织结构。网页制作工具:分为应用软件和主流编程技术两大类。返回目录