suc前端小白入门系列项目实战web综合-挂号网.pdf

实战开发：城市医院预约挂号统一平台 实战开发三步走 需求 设计 开发 • 这个项目的目标是什么？ • 我需要设计哪些功能满足这些目标？ 第一步：需求 需求 ：城市医院预约挂号平台 具体科室 需求 ：网站地图 本次案例开发的页面 功能路径 第二步：界面设计 界面设计：首页 1.首页.png 2.按医院挂号（医院列表）.png 3.医院详情（科室列表）.png 4.科室详情（科室排班表）.png 5.按科室挂号（科室列表）.png 6.按疾病挂号（疾病列表）.png 7.公告列表.png 8.公告详细.png 9.帮助中心.png 首页标注 切图工具 PxCook MarkMan 设计vs 交互 1 2 第三步：开发 开发：模块 #top .header-logo #header .header-search #n .banner-search .n -menu .banner-slider .banner-help #banner 开发：模块 .tab-hospital / .tab-department .news .tab .close #content 开发：模块 #footer HTML+CSS 完成静态页面样式开发 开发：完成页面框架编写 根据之前的模块 标注 开发：基本样式编写 开发：基本样式编写 - 预览图 JQ插件模式开发UI组件 JQ插件开发方法 1.通过$.extend()来扩展jQuery 2. 通过$.fn 向jQ uery添加新的方法 3. 通过$.widget()应用jQuery UI的部件工厂方式创建 JQ插件开发方法 1. 通过$.extend()来扩展jQuery 3. 通过$.widget()应用jQuery UI的部件工厂方式创建 $.extend({ sayHello: function() { con