个人网页设计说明文档
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
个人网页设计说明文档
我的个人网页包括了一个主网页“index.html”以及6个与主网页相链接的网页,再向其中镶嵌一系列的图像以及背景音乐来使得个人网页增色不少,充分运用了HTML技术进行页面结构设计、CSS 技术进行页面样式展示以及通过JavaScript控制动态行为来完成规范的网页制作。主题内容以“个人的简单的信息、个人的对大学的规划以及音乐”,主题内容积极健康,生机勃勃,表现出大学生的活力与激情!
我的主网页“index.html”以CSS/DIV来对网页页面进行布局,充分运用DIV对各DIV层进行定义,全局则通过CSS进行定义,对页面的布局进行分割,将整个页面分为头部(top)、导航(banner)、内容(content)、底部(bottom)4个区域。除了内容区域外,其它4个部分都属于相对固定的区域。
首先,主页面的头部是一个“光良宣传”的图片,体现了我爱音乐、喜爱光良。接下来的是个人的信息导航,介绍个人的姓名、学号、人生规划以及简单介绍了下自己,并且大学规划和我资料处还设置了超链接,分别链接到“大学规划.html”“个人简历.html”两个链接网页;接下来的是两张新颖的图片的恰当的嵌入,并且其中一张图片中还引入了三个超链接,介绍“光良”、“软件会计”、“德智体美”,各个方面描述。。。。。。
其次,在主网页内容上面层次非常清晰,内容主要是介绍自己对大学生活的感悟以及对大学生活的希冀,用表单中的多行文本输入框
对文章内容进行编辑和创作,用
再往下则是一个“提问环节”的内容,该“提问环节”的内容运用了表单中的单选框,用
最后在主网页的末尾运用了滚动文字来对主网页设计的目的进行简单的介绍,使得主网页更加有层次感,更加有理念插入滚动文字所用的标记是,最终以DIV定义的底部DIV层收尾,完成了个人主网页的设计!
接下来介绍各个与主网页相链接的链接网页的制作:
“光良资料.html”、“大学规划.html”、“软件会计资料.html”、“什么是德智体美.html”等4个网页与主网页“index.html”相类似,都使用了CSS/DIV进行页面格局布置。
“个人简历.html”则是一个网页表格,通过表格形式来介绍自己的个人信息以及兴趣爱好。
“提交成功.html”则是通过JavaScript来编译出来的一个网页对话框。
谢谢各位对我的第一部个人网页作品的参观与评论!
虽然做的不好,但还是谢谢大家!