2 站点制作流程.ppt

1、第二章 站点制作流程,2.1 网页制作的基本步骤 2.2 实例操作,2.1 网页制作的基本步骤,1、网站前景 这其实应该是网站远景规划，你的网站向哪个方向发展，发展空间有多大，预计受众有哪些，受众量有多少，这些都直接决定你定位的网站是否值得做下去。任你网站做得再漂亮，无人欣赏就没有任何价值。 2、自身优势 在定位网站之前，我们要先了解下自己的情况。比如你特别了解游戏，那么你就可以做游戏类的网 站，对汽车行业很了解，那就去做个汽车类的网站，要结合自己的情况来。不要做自己特别不了解的行业.要做 自己擅长的方面。,2.1.1 网站定位,3、竞争对手 在初步确定一个网站定位后，就可以根据相应的关键字去

2、搜索一下，同类的网站有哪些，网站规模如 何，如果你能真的想到一个大家需要而尚没有人做的方向，那十分恭喜你，成功的机率就大了很多。当然，这也不是说有同类网站不可以做，只要能提供网民真正需 要的内容，做出特色和差异，还是有发展潜力的。 4、可行性 这里的可行性的影响因素包含技术，资金，如果一个新手想做一个搜狐，新浪一样的门户网站，劝你 还是放弃，做好市场调查后再入手。对于个人站长来说，资金影响通常不大，主要就是技术，如果懂程序和美工，可以自己进行页面和程序设计最好，否则就可以到 网上找适合的模板，适合修改一下即可，而如果什么不懂，最好就找一个完全适合的网站系统，修改下栏目设置和内容即可，如果既不懂

3、技术又找不到合适的模板， 还是放弃为好。 5、赢利模式 对于站长来说，这才是根本问题找不到好的赢利模式，就直接限定了网站的发展前景。 广告、卖商品、竞价排名。,进行网站的整体规划也就是组织网站的内容和设计其结构。 组织网站的内容可以从两个角度来考虑。从设计者的角度来考虑，可以依据被描述对象的组织机构、类别划分等来组织内容；从浏览者的角度来考虑，就应该将各种素材依据浏览者的需要进行内容分类，以便浏览者可以快捷地获取所需要的信息及其相关内容。,2.1.2 整体规划,合理的结构设计对于网站的规划也是至关重要的。以下是三种常用的结构类型。, 层状结构 层状结构类似于目录系统的树型结构，, 线性结构 线

4、性结构类似于数据结构中的线性表，用于组织本身的线性顺序形式存在的信息，可以引导浏览者按部就班地浏览整个网站文件。, Web结构 Web结构类似于Internet的组成结构，各网页之间形成网状连接，允许用户随意浏览。,通常在进行网页开发时，首先都进行静态网页的制作，然后再在其中加入脚本程序、表单等动态内容。 对于网页的外观设计，提供以下建议： （1）不要先决定网页的外观，然后迫使自己去适应它，应该根据网站的访问者对象、要提供的信息以及制作目标得出一个最适合的网页架构。,2.1.3 网页设计与制作,1静态网页的设计与制作,（2）每页排版不要太松散或用太大的字，尽量避免访问者浏览网页时要作大幅度的滚

5、动，对于篇幅太长的一页可以使用内部链接解决。 （3）注意不同分辨率的问题。 （4）不应在每页中插入太多的广告。相信任何访问者都不会喜欢浏览尽是些广告的网页，要考虑该页内容与广告的比例，广告太多，只会令人烦厌。,（5）不要每页都采用不同的墙纸，以免每次转页时都要花费过多的时间去下载。 （6）底色或墙纸必须与文字对比强烈，以易于阅读。如果网页是文章式或是包含大量文字，不妨在底色与文字的搭配上下些工夫，力求让访问者能够舒适地阅读网页。,静态网页制作完成后，接下来的工作就是为网页添加动态效果，包括一些脚本语言程序和数据库程序的设计，以及加入动画效果等。,2为网页的添加动态效果 动态网页,当网页设计人员

6、制作完所有网站页面之后，需要对所设计的网页进行审查和测试，测试内容包括功能性测试和完整性测试两个方面。 所谓功能性测试就是要保证网页的可用性，达到最初的内容组织设计目标，实现所规定的功能，读者可方便快速地寻找到所需的内容。完整性测试就是保证页面内容显示正确，链接准确，无差错无遗漏。,2.1.4 测试网页,用户使用的是屏幕而不是打印纸 不是所有的显示器都以相同的方式显示 人们会使用不同的浏览器 不是所有人的带宽是一样的 不是每个人使用相同的操作系统 有些网站还会考虑有生理缺陷的人士,网页设计好，必须把它发布到互连网上，否则网站形象仍然不能展现出去。发布的服务器可以是远程，也可以是本地，但必须支持

7、ASP，因为动态程序是建立在ASP基础上的。 常用工具：cutftp 76 北京市网通,2.1.5 网页上传发布,关于空间,什么是网站空间，简单地讲，就是存放网站内容的空间，我们在上网时，通过域名（网址、网站地址）就可以访问到对方的网站内容，然后看对方网站的文章，或下 载音乐、电影什么的。 网站空间实现方式： 1、自己管理 2、主机托管 3、虚拟空间 空间有其对应的IP。,管理界面,主机管理,关于域名,域名是Internet网络上的一个服务器或一个网络系统的名字, 在全世界没有重复的域名.域名的形式是以若干个英文字母和数字组成,由”.”分隔成几部分, 如就是一个域名。从

8、技术上讲，域名只是一个Internet中用于解决IP地址对应问题的一种方法。 域名服务器（DNS的全称是Domain Name Server ）的功能就是将域名与主机IP一一对应解析。,域名管理,网站的宣传和推广一般有两种途径和方法。一是通过传统媒体进行广告宣传；另一是利用Internet自身的特点向外宣传。 新兴职业：网站推广员、网站市场调研员,2.1.6 网站的宣传与推广,现在的网站注重信息的不断更新和交互性，只有这样才能吸引更多的浏览者来访问和参与。如何知道哪些网页内容需要调整、更新和修改，网页需要增加那些内容呢？这些不能靠主观臆断来确定，而是需要得到访问者的反馈意见，也可根据不同网页的

9、被访次数来分析。 获得用户反馈信息的方法很多，常用的有计数器、留言板、调查表等，也可以建立系统日志来记录网页的被访情况。,2.1.7 网站的反馈与评价,网站要注意经常维护更新内容，保持内容的新鲜，不要做好就放到服务器永远不变了，只有不断地补充、更新内容，才能够吸引浏览者。维护更新时可以充分利用Dreamweaver提供的模板和库技术，以提高工作效率。,2.1.8 网站的更新与维护,网站规划实例,2.2 创建网页和网站实例操作,需求分析 构建开发环境 搜集素材 详细设计 测试 发布,1、需求分析,展示出xxxxx班积极向上的精神面貌 展示出xxxxx班已取得的各项成绩 展示出xxxxx班基本信息

10、（联系方式） 统计xxxxx班每一名同学的基本信息 统计xxxxx班中各种临时事务的信息 展示xxxxx班各种历史数据 目前我们只做前三个,定位能够展示班级风采 特点以真实打动人，不以技术吸引人 收入同学们爱好的产物，基本不需要投入成本,2、构建开发环境,Dreamweaver Iis在发布中我们会详细介绍 Photoshop Flash 当然也有一些适合于初学者的小工具 （flash制作小软件）,3、搜集素材,文字 图片 动画 视频 模板 等等,文 字,走进西安高新一小二零零六级（2）班，你就会看见五十六张鲜花般灿烂的笑脸。这就是由我们五十六个性格各异、各有所长的孩子组成的优秀的班集体。我们

11、像一个个跳动的精灵，可爱的天使，活跃在校园的每一个角落。我们是夏天夜空里闪烁的星星。我们是春季花园里含苞的花儿。我们笑，我们闹，在跌跌爬爬中成长。我们思，我们想，在热爱中学会学习。因为有我们， 这里的世界格外精彩！我们手挽手，我们肩并肩，我们的步子永远向前！因为有我们，我们的集体温馨而甜蜜！我们细心地呵护她，尽情地沉浸在温暖的怀抱里！,图 片,D:张麟华教学相关教案网页类网页设计公选ppt班级网页制作图片,动 画,D:下载swf 文字制作工具（文字效果） D:张麟华项目网站工具SWiSHmax（图片轮播）,视 频,D:张麟华教学相关教案网页类网页设计公选ppt班级网页制作视频 插入Flv视频, ,4、 详细设计首页,1、利用表格布局 2、制作导航,4、 详细设计子页,显示图片 显示视频,5、测试,浏览各种信息是否全面、正确 在不同分辨率下浏览 在不同浏览器下浏览 在不同的网络环境下浏览 在不同的机器配置下浏览,6、发布,IIS IIS是Internet Information Serv