WEB前台静态网页开发设计.docVIP

目录 一、设计思路 2 二、制作流程 3 三、关键技术总结和关键源代码分析（加注释） 3 1. Javascript选项链接和实现图片的效果 3 script 3 2.//body背景和css链接 4 3. 鼠标点击出现阴影效果 5 四、HTML+CSS+javascript代码 6 1.CSS代码 6 2.布局框架代码 9 五、心得体会 26 一、设计思路 以个人兴趣爱好来展现自己来制作我的个人网页 网页的结构分为三部分个性签名模块、链接模块、内容模块、主页模块 资料的收集与整理：文字内容、图片、超链接。 网页设计由HTML语言、CSS样式和Javascript语言来对网页修饰 布局主要以div和表格为主，大部分框架可以套用， 二、制作流程 界面 程序 网页的设计 三、关键技术总结和关键源代码分析（加注释） 1. Javascript选项链接和实现图片的效果 script window.onload = function () { var oDiv = document.getElementById(div1); var aBtn = oDiv.getElementsByTagName(input); var aDiv = oDiv.getElementsByTagN