商务网站设计与开发个人网站设计报告学号: ********** 姓名: 李林子第一部分网站设计说明 1 .网站主题本网站是一个个人主页, 包括了个人的相册、兴趣介绍等相关模块。 2 .网站系统结构网站系统结构如下图所示: 首页 简介 电影 相册 书籍 美食 日本介绍 电影剧照 电影介绍 第二部分源代码及页面示例 1. index 该网页是本网站的首页。主要设置了下属网页的链接, 比较清楚明了得体现了整个网站的内容。源代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-"> <html xmlns="9/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>READ ME</title> <style type="text/css"> <!-- body,td,th { font-size: 14px; color: #FFF; } body { background-color: #000; } a:link { color: #FFF; text-decoration: none; } a:visited { color: #FFF; text-decoration: none; } a:hover { color:#81C0C0; text-decoration: none; } a:active { color:#9F4D95; text-decoration: none; } h1{ font-size: 14px; } --> </style></head> <body> <p> </p> <p> </p> <p> </p> <p> </p> <table width="200" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"><p> </p> <p><img src="C:\Users\lenovo\Desktop\ 新建文件夹\" width="540" height="340" /> </p></td></tr> <tr> <td height="37" align="center" valign="bottom"> <a href=""> 一点点我</a></td> <td align="center" valign="bottom"><a href=""> 故事相片</a></td> <td align="center" valign="bottom"><a href=""> 电影音乐</a></td></tr> <tr> <td height="35" align="center" valign="bottom"> <a href=""> 日出之国</a></td> <td align="center" valign="bottom"><a href=""> 温饱思书</a></td> <td align="center" valign="bottom"><a href=""> 囿于厨房</a></td></tr></table> </body></html> 2. resume 该网页是个人简介。主要展示了个人信息以及兴趣爱好。源代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-"> <html xmlns="9/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> 一点点我</title> <link href="css/" rel="stylesheet" typ
个人主页设计报告 来自淘豆网www.taodocs.com转载请标明出处.