网站设计与Web应用开发技术(第四版)（微课版）ch02 移动互联网项目策划设计与运行环境设置.ppt

网站设计与Web应用开发技术(第四版) 网站设计与Web应用开发技术(第四版) *第2章移动互联网项目策划设计与运行环境设置教学目标教学重点教学过程第*页教学目标理解项目建设的基本流程项目策划的总体方法项目设计的步骤和策略Web项目运行环境的建立与配置服务器的安全与防范策略项目开发模型及评估第*页教学重点项目设计的步骤和策略Web项目运行环境的建立与配置第*页教学过程理解项目建设的基本流程项目策划的总体方法项目设计的步骤和策略Web项目运行环境的建立与配置服务器的安全与防范策略项目开发模型及评估第*页2.1项目设计的总体流程初始会商：收集待建设网站的关键信息，包括：站点的目标受众，要发布的主要内容等概念开发：设计人员根据已收集到的信息，开始构思。通常，网站设计师以草图的形式呈现，其中包含整个网站的结构，不同的布局设计及导航等内容综合：当设计人员的构思得到了确认，就可以开始制作一些初始图样，之后再配合文字加以说明。页面布局和导航：若前面的设计获得了确认，则进入编制页面样例阶段，加入导航器，并进行初次的尝试和体验第*页2.1项目设计的总体流程媒体制作：经反复修改后，站点的外观和感受最终得到了认可，此时再制作所需的各种媒体素材，并进行优化内容整合：利用各种技术将不同的媒体素材(HTML、CSS、JavaScript、JAVA、Python、.NET、Node.js等)，按照项目的目标有机的整合在一起项目测试：在站点被正式发布之前，测试人员要完整测试整个项目，尽量减少站点中包含的错误，并在修改后进行必要的回归测试交付：一旦测试完成，就可以正式发布。这标志着项目正式进入运行阶段，当然后期的完善还需要持续的做下去第*页2.1项目设计的总体流程第*页2.2项目建立的前期工作——方案策划(1)前期的市场分析(2)建设的目的及功能定位(3)项目的技术解决方案(4)项目内容规划(5)界面设计(6)项目的测试(7)项目的发布与推广(8)项目的维护(9)项目建设日程表(10)费用明细第*页2.3项目设计项目的CI形象设计设计项目的标志(logo)设计页面的主色调设计界面的标准字体设计项目的宣传标语第*页2.3项目的设计项目的总体结构设计文件的目录结构合理设计网页间的逻辑结构第*页2.3项目的设计项目的版面设计布局的概念布局设计的步骤版面布局形式第*页2.3项目的设计项目的色彩设计216种安全色彩色彩的意义色彩搭配不同色彩方案在网页设计中的应用第*页2.3项目的设计项目的导航设计导航需要放置在重要的位置上注意超链接颜色与一般文字的区分测试所有的超链接与导航按钮的有效性让超链接的字串长短适中对较长的文本提供必要的链接在较长的页面内提供目录与标题暂时不提供到尚未完成页面的超链接不要在一篇短文里提供太多的超链接第*页2.3项目的设计项目信息的可用性设计文字列表形式图片形式图片加文字内容形式使用迷你块第*页2.3项目的设计项目的交互设计基于用户行为体验的交互设计基于用户情感体验的交互设计设计的原则和方法第*页2.4网站的架设：IIS的安装与配置Web服务器是通过服务软件实现的常用软件：IIS和Apache等第*页2.4建立项目的准备——环境安装与配置Web服务器装有Web浏览器的客户端网络TCP/IPTCP/IPHTTPIP地址Internet

ExplorerHTTP第*页IIS的基本功能2.4.1MicrosoftInternet信息服务(IIS)索引服务安全套接字层WindowsMedia服务附加的开发人员支持ActiveServerPages（活动服务页面）VBScript和JavaScript远程管理InternetIIS第*页2.4.1MicrosoftInternet信息服务(IIS)IIS1.0WindowsNT3.51IIS2.0WindowsNT4.0IIS3.0WindowsNT4.0withSP3InstalledIIS4.0WindowsNT4.0withOptionPackIIS5.0Windows2000IIS5.1WindowsXPIIS6.0WindowsServer2003IIS7.0Windows7