1 网页是怎样制作的整理.ppt

2.个人网站 个人网站具有较强个性化，是以个人名义开发创建的网站，其内容、样式、风格等都是非常有个性的。 /cool/8134.html /cool/8108.html （模拟电脑开机的flash主页） /cool/8135.html /cool/7909.html /cool/8119.html 电子商务GUI 3.专业网站 这类网站具有很强的专业性，通常只涉及某一个领域，内容专业。 如榕树下网站（）即是一个专业文学网站。 专业证券金融网站（） 电子商务GUI 4.职能网站 职能网站具有专门的功能，如政府职能网站等。目前逐渐兴起的电子商务网站也属于这类网站，较有名的电子商务网站有 阿里巴巴（） 卓越网（） 当当网上书店（） 电子商务GUI 桂林企业网站欣赏 /index.php（桂林市惠之林化妆品有限公司 ） /（杨阿婆爽口酸网站） /（桂林大瀑布酒店） /（漓泉啤酒） /（桂林旅游股份有限公司） 电子商务GUI 1.5 网站开发流程和网页制作的一般步骤 制作网页是有一定顺序和步骤的，用户不可能一开始就直接编辑网页，应先做一些准备工作。 电子商务GUI 1 收集、整理资料 2 规划、创建站点 3 制作网页 4 站点测试 5 网页发布 6 站点的更新与维护 1 收集、整理资料 在确定了制作哪方面的网页后，需收集和整理与网页内容相关的文字资料、图像、动画素材等。如想要制作影视网站就需收集大量中外电影的信息以及演员资料；要制作公司网站就需收集公司的介绍、产品信息和企业文化等。 电子商务GUI 思考：若想制作网站，需要收集哪些资料？ （行业：教育类、金融类、旅游类、餐饮类······） 2 规划、创建站点 收集好资料后还需对资料进行有效地管理，站点就是管理资料、素材的场所。在创建站点之前需对站点进行规划，站点的形式有并列、层次和网状等，用户需根据实际情况选择。规划站点时应按素材的不同种类分为几个站点，再将收集好的素材分类放置在相应站点中，然后在不同站点中将不同的素材进行细分。站点规划好后即可对其进行创建了。 电子商务GUI 阶段名称 主要工作内容与阶段成果 规划与设计 网站规划 网站策划书或网站建设规划 需求分析 网站建设目标、需求说明书、功能模块图等 网站设计 网站设计说明书 案例：规划站点--网站功能与结构设计 电子商务GUI 中文首页 公司简介 产品信息 营销网络 服务中心 联系我们 论坛 图： 某公司网站整体结构图 3 制作网页 网站是由多个页面链接而成的。在制作网页时需注意以下几方面的问题，以便浏览者轻松浏览网站。 电子商务GUI 页面框架的构建是指对网页的整体布局，针对网页中的内容应将网页有条理地划分为几部分 导航条应出现在网站的各个页面中，提供各个站点的相关主题，引领浏览者有条理地浏览网站。导航条通常放置在页面的上部或左侧 在分页面中放置返回首页链接，以便浏览者在访问分页面后快速回到首页，以重新选择其他页面进行浏览 为网页添加相应的内容，以传递网页信息给浏览者 （1） 页面框架 的构建 （2） 导航条 （3） 返回首页 链接 （4） 添加 网页元素 4 站点测试 在制作好网页后，不能立即就发布站点，还需对站点进行测试。站点测试可根据浏览器种类、客户端要求以及网站大小等要求进行测试，通常是将站点移到一个模拟调试服务器上对其进行测试或编辑。 测试站点的过程中应注意以下几方面： 监测页面的文件大小以及下载速度。 运行链接检查报告对链接进行测试。由于在网页制作中，各站点的重新设计、重新调整会使某些链接所指向的页面可能已被移动或删除，所以应检查站点是否有断开的链接，若有则自动重新修复断开的链接。 为了使页面不支持的样式、层、插件等在浏览器中能兼容且功能正常，可进行浏览器兼容性的检查。使用“检查浏览器”行为，可自动将访问者定向到另外的页面，这样就可解决在较早版本的浏览器中无法运行页面的问题。 网页布局、字体大小、颜色和默认浏览器窗口大小等区别是在目标浏览器检查中无法预见的，需在不同的浏览器和平台上预览页面进行查看。 电子商务GUI 5 网页发布 发布站点之前需在Internet上申请一个主页空间，以指定网站或主页在Internet上的位置，在后面的章节中将详细讲解申请主页空间的知识。 网页发布通常使用FTP（远程文件传输）软件上传网页到服务器中申请的网址目录下，这样速度较快。 电子商务GUI 阶段名称 主要工作内容与阶段成果 部署与管理 网站发布 域名申请、服务器准备、文件上传与发布 网站推广与维护 网站推广、日常管理与维护等 6 站点的更新与维护 站点上传到服务器后，还需对站点进行更新和维护，以保持站点内容的最新和页面元素的正常。 电子商务GUI 1.6