照片书,模板.docxVIP

照片书,模板 　　篇一：照片书设计报告 　　Web开发技术  　　实验二  　　0、因为web开发知识与实践紧密相连，多而且杂，所以需要在实践中对用到的知识做笔记，以免下次操作时忘记。  　　1．使用第三讲的mypod素材，将前面学过的mypod网站上线。  　　注意：请做好笔记，记录这个题目所涉及的PPT以外的知识，笔记占30%分数，网站界面占70%分数。  　　你的笔记：  　　1、 图片和链接要一一对应。  　　2、 插入图片时，注意图片的大小；  　　mypod网站：/  　　2．参考 自学前端语言javascript和jQuery，附件文件夹的照片书制作网页已经具备了不少功能，请补全照片书制作网页的当前页面下移一页功能。  　　注意：需要自学js基本语言特征，和jQuery插件特性。请做好笔记，将凡示例中不懂的语法做自学笔记，笔记占70%分数，代码占30%分数。  　　你的笔记：  　　1、 使用外部JavaScript时，外部文件不能包含标签。  　　2、 JavaScript中，若对所赋值的变量还未进行过声明，该变量会自动声明。  　　3、 进行“+”运算时，若把数字与字符串相加，结果将成为字符串。  　　4、 是一个按钮，input定义  　　输入控件，有多种类型，在type中定义。text是文本框，radio是单选，selecr是下拉框，checkbox是复选，buttton是按钮，file是上传，value是控件显示的文字。最后的onclick是js事件。是对控件做操作时对应的事件处理。此处为单击事件，当按钮被单击时会触发“”中的内容。  　　5、 函数在页面起始位置定义，即部分。  　　6、 可以在文本串中使用反斜杠对代码进行拆行。  　　你添加的代码如下：  　　=function (){ //下移一页  　　var index=$(select[name=photobook]).get(0).selectedIndex;//看看当前选择的是哪一页//你的第2题代码请写在下面  　　if(index===-1) {  　　alert(照片书模板已经空了，新增一个空页！);  　　(); 　　return; 　　}  　　if(index===2){  　　alert(已经是最后一页不能下移了);return;  　　}  　　(index,index+1);  　　//alert($.toJSON());  　　//然后再处理界面  　　$(select[name=photobook] option:eq(+(index)+)).text(第+(index+1)+页 +[index].description);  　　$(select[name=photobook] option:eq(+(index+1)+)).text(第+(index+2)+页 +[index+1].description);  　　$(select[name=photobook]).get(0).selectedIndex=index+1;  　　};  　　3．挑战题：补全照片书制作网页的删除当前选择页面功能。  　　注意一：需要自学js基本语言特征，和jQuery插件特性。请做好笔记，记录这个题目所涉及的新知识，笔记占40%分数，代码占60%分数。  　　注意二：如果觉得这题难度过大，那么就在线学习css代码，改善第二题的界面，请做好笔记，记录这个题目所涉及的新知识，笔记占40%分数，代码占60%分数。  　　你的笔记：  　　1、 可以在JavaScript中创建3种消息框：警告框，确认框，提示框。  　　2、 splice(index,howmany,element1,.....,elementX)，index规定从何处添加/删除元素，howmany规定删除多少元素，如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素，elementX规定要添加到数组的新元素。  　　3、 删除、下移、上移、添加的时候都要注意找到当前页面。  　　4、  　　你添加的代码如下：  　　=function(){ //删除当前页面  　　var index=$(select[name=photobook]).get(0).selectedIndex;//你的第3题代码请写在下面  　　//alert(index);  　　while(index!=){  　　();  　　index=$(select[name=photobook]).get(0).selectedIndex;  　　}  　　(i