网页设计大作业设计说明书
网页设计大作业设
计说明书
《网页设计与制作工程实训》
大作业
选题名称：__伊人网的制作与体会________________设计人：___李薇_______________
班级：__软件工程081班______________
学号：__________________
南昌大学软件学院
.元
设计说明书:
一．选题的分析
1.我是怎么想到做女性网站的？
作业刚布置下来的时候，我心里千回百转过很多念头，做什么网站能将我们学过的知识全部都用上呢？貌似除了作为模板教学的购物网站就没有其它更好的选择了，可是继续做教学时学的淘宝或拍拍太无新意，不和我意。想来想去，还是没有中意的方案。可能是白天想这个想太多了，我晚上竟然梦到了我要做的，就是易物网站。不知老师是否记得一个曲别针换一个大房子的事，这就是我要做的易物网。终于得到了一个让我满意的方案，很开心。可睡醒了仔细一想觉得还是不行，可行性不大，于是我放弃了这个方案。当时已经是实训最后一天了，在结束实训的时候，我突然灵光一闪，决定做一个女性网站。
首先，一个女性网站针对了我的特点，是我想做的，也是我感兴趣做的。
其次，一个女性网站能够包括购物频道和bbs频道，能够充分将我学到的知识运用上去而又不免于流俗。
2.我要表示什么内容，如何展开设计？
打定主意便开始设计。这个女性网站是针对都市女性的网站，旨在在她们休闲的时候有个能让她们放松自我，同时得到很多对自己有用的信息。为了达到放松的目的，网站的主色调采用暖色系，主打粉色系，看上去温暖活泼时尚舒适，让人有一探究
竟的欲望。而为了同时达到对女性自身有益的目的，我在选择网站内容版块上下了很大的功夫。女性最关注的是什么呢？是她们的感情与魅力。Bbs能让她们能有个诉说感情发泄心情的地方，同时能在那浏览别人的故事，互相鼓励和帮助，还能交流日常生活（美容服饰等）的小信息。购物频道能让满足女性爱买东西的天性。我的购物频道定位在价廉物美，为女性们提供质量好能让她们放心的好宝贝。
二．如何运用网络的优点进行更好的表示
网站的版面风格温暖舒适，颜色主打暖色调，又以粉色系为主，简洁明了，大方舒适，以达到让平时忙碌工作和家庭的女性放松的功能，让她们对网站产生归属感，一个累了能让她们放松的地方。放松有时候也需要朋友，网站的论坛就提供个这样一个让女性们互相了解认识的场所。她们在bbs里了解互相的故事，给对方提供自己的意见，交流平时美容护肤的心得，互相晒晒对方收藏的美男，不亦乐乎。因为网站的定义还有时尚，因此要求网站的多媒体强大。我决定运用flash图像查看器，弹开窗口，浮动窗口，超链接等增加网站的多媒体化。
三．网页的结构与分解
每页的结点如下图。
四．网页所采用的技术
网页是使用dreamweaver xm 制作的，采用了表单，框架集，css样式表，层，行为，模板，JavaScript等将设计与编写代码一起制作完成的。
五．网页设计日志
网页设计之中出现了很多问题，这是我始料未及的。
制作网站的一开始，由于我想做的是一个自己的网站，网站的logo就成了我一个心头大石。想要制作一个动人的，能抓住别人眼球的logo要使用photoshop，可是我对Photoshop不甚了解，而要我在原本就拮据的做网站的时间里挤出时间来学习photoshop，这实在不是一个什么好主意。我想了很久之后，决定使用powerpoint的艺术字功能外加截图完成我网站logo的制作。结果出来之后，虽然没有达到我心目中的想象，可是相比我什么都做不出是好上千倍万倍。
解决完网站logo问题之后，我又碰到了网页规划的问题。我原本计划是做一个女性门户网站——伊人网，包括欢迎界面，首页，伊人购物，伊人话题（即bbs），伊人读书，伊人blog和登陆注册页面总共9个页面的，可是我制作网页的速度是在赶不上时间流逝的速度，第一天我从下午六点开始做做到凌晨2点总共8个小时里，就做了欢迎界面，一个简陋的首页和登录注册页面，而这四个页面还并没有完全达到我要的功能，例如JavaScript的表单验证。我暗暗心惊，觉得自己为自己制作的目标可能太大了点，于是我决定第二天依据进度来调整网站的内容。第二天我从下午三点开始一直做到凌晨三点，终于将网站的大致内容做出来了，由于第二天已经是16号了，18号要交作业，17号由于考试不能一天
都花在制作网页上，而且17号晚上还会断电，不能熬夜。于是我决定将伊人读书和伊人blog的版块删去。此时我拥有了欢迎界面，首页，购物页，bbs页面，登录页，注册页，注册成功页，和购物车计算页。除去欢迎页面，购物页，bbs页并未采用模板技术，其它页面均采用。购物页面是个框架集页面，其中包括5个子页面，topframe，leftframe，mainframe和两个不同的rightframe （被leftfrrame链接）。
最后面临的是页面美化问题和功能问题，我将我们上过的课件都浏览了一遍，争取将学过的技术都运用上去，结果发现时间显示，表单验证，浮动窗口等等一大批以javascript为首的不会做的技术不能运用，心中甚为郁闷，鉴于18号就要交上作业，内心决定在寒假里再仔细钻研达到能运用自如的阶段。
自身点评
这是我第一次做出有实用功能的东西，内心不能够不为激动。刚开始实训的时候，心里不以为然，觉得怎么样的东西要我们花整整七天不间断的上课来掌握，心里觉得肯定很累很没意思。没想到我们学的是制作网站。毕竟现今的世界是信息化的的世界，随着计算机技术和通信的技术的高速发展，互联网从而得到了长足的发展，同时使得互联网在人们的工作生活中越显得重要，成为了必不可少的组成部分。现在网上购物、远程教育、远
程医疗等都是其应用的最好证明，更进一步来说互联网的应用推动了生产力的发展，改进了人们的生活水平。
互联网的应用离不开形形式式的网页、网站，要制作一个受欢迎的网页不但要内容充分、独具特色、适合大众的口味，更需要一个引人入胜的界面，无论从排版、文字、图案、结构等要素都要组合成一个有机的整体，让网民一进入网站就能引起其注意。实训第一天，老师教的东西就引起了我们的兴趣，虽然很简单，虽然很简朴，可是很开心，觉得自己也能做点实用性强的东西了。因此当知道实训结束时我们每个人自己要做一个网站时，内心应该是雀跃的，自己也想看看自己究竟能做出一些什么东西来。
“知其易而行后难”，平时在网上冲浪时是那么的自由、舍意，在享受上网乐趣时却不知要制作出一个看似普通的网页却要付出很大的努力，无论从网页设计到内容的搜集都马虎不得，可能为了某一细微之处呕心沥血。以前我自己看到不是很美观的网页时内心十分不屑一顾，觉得这样的东西实在是也好意思拿出手给大家看，这几天我自己拼命做完我的网站时，虽然有一股成就感，但其中更夹杂着愧疚感，我做出来的网页还不如我以前自己鄙视别人的网页好看。
从这次制作网页的过程中能够体会到，要制作出一个完整的网页首先要定好主题，我们就能够围绕该主题取材，因为我们现阶段只能是制作一些简单的网页，网页的内容与功能不可能与一
些大型的网站如21CN、新浪、163等比较，如果没有了主题就变得内容空泛，根本无从着手。主题定好后就能够考虑网页的结构，有一个好的、完整的架构就像一架飞机的骨干一样，才能够保证网页的正常运行。同样，首页设计、整体的风格很重要。跟着就是要采集素材，一个网页只有内容丰富、新颖及更新较快才可留住网民，这是一项长期的、艰巨的任务。当你打开一个网站的时候，你是因为界面的美观还是因为内容的需要你收藏在你的IE中，我相信80%人是因为内容，20%中有部分是设计人员，因为界面的美观，互联网发展到今天内容为王的主题思想已经是不能够动摇的地位，由于网络发展的可复制性，内容就是决定你网站的一个主要发展点。对于一个网站来说，flash的制作也很重要，制作一个符合网站主题的flash，能够起到一鸣惊人的效果。网页的整体布局能够经过表格来进行实现。左右滚动的图片，弹出窗口等特殊效果，能够起到辅助的作用。网站整体风格的统一能够经过模板技术来实现。至此我的网页能够说是“麻雀虽小但五脏俱全”。
虽然说我因为时间和实力问题，删去了我原计划中的两大部分，可是能做出现在的成果，我心里已经很开心了。虽然首页很简陋，可是点击开来的购物频道和bbs频道可是很丰盛的，希望老师能一起看完，不要辜负我熬了三天夜的成果。从这次制作网站上，我还明白了，可能看上去不怎么样的东西，正是别人几天的努力成果，不能妄加践踏和鄙视，因为没有成果也有汗水。
总而言之，这次的实训大作业不但让我更加熟练的掌握了我学到的知识，丰富了我的见闻，扩大了我的视野，也让我意识到了我的不足和能够继续进步的空间，更加让我明白了很多平时可能似懂非懂的人生道理。我能够很自豪地说我从中掌握了以前对我来说什么都不懂的东西。最后谢谢老师的教导，老师您也辛苦啦！
网页打印稿
所有不同风格网页页面均截图打印出来，并做简要说明（如：该页面所采用的技术、页面特色等）。
我的网站包括欢迎界面，首页，购物页，bbs页面，登录页，注册页，注册成功页，和购物车计算页。除去欢迎页面，购物页，bbs页并未采用模板技术，其它页面均采用了模板技术。购物页面是个框架集页面，其中包括5个子页面，topframe，leftframe，mainframe和两个不同的rightframe（被leftfrrame链接）。Bbs的三个链接均为锚点链接。另外每页的“联系我们”为电子邮件链接。
另打开网站时会弹出一个如下界面
请老师点击允许，否则一些效果不会出现，谢谢！
这是我的欢迎页面，点击enter能够进入，进入时播放音乐
这是点击欢迎页面后的首页，简洁大方。“伊人网”logo是自身
链接；“登录”，“注册”分别链接到相应页面，“联系我们”为电子邮件链接。首页应用了模板技术。“shopping”和“talking”分别对应伊人网的两大板块，点击图片即可进入。
点击“登录”时的登录页面
点击“注册”后的注册页面
注册成功之后的页面，可选择跳转到购物或bbs页面。
首页点击“联系我们”时的电子邮箱链接
购物页面。首页点击“shopping”时可进入。这是一个框架集页面。购物窗口打开时弹出广告窗口，页面中间是个flash图像查看器，图片能变换。
点击购物页面的“美容护肤”，mainframe改变了内容
点击购物页面的“彩妆香水”，右边mainframe变化
点击购物页面的“购物车”可进入购物计算器窗口
伊人网的bbs界面。从首页的“talking”可进入。一行图片可从右向左滚动
点击bbs界面的“娱乐前沿”或“情感效应”或“旅行天下”时
的锚点链接
谢谢老师观赏！老师辛苦了！祝老师新的一年虎虎生威，所有的节日都快乐！
网页设计大作业
网页设计与制作报告书 课程名称:网页设计与制作 报告题目：几米的空间 专业班级：旅管1002班 学号：100104110221 姓名：杨玉颖 指导教师：胡一波
目录 一、................................. 开发背景 二、................................. 网页设计技巧 三、................................. 网站结构 四、................................. 应用工具方案 五、................................. 频道栏目划分 六、................................. 测试 七、................................. 周期与成本估算 八、................................. 结论
摘要： 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。 关键字：网页制作；制作方法；设计要素；网页测试
一、网页制作开发背景 Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多，如Macromedia 公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架，表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。 二、网页制作设计技巧 首先，我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点”图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每
网页设计大作业word模板
伊犁师范学院《网页设计》期末课程设计 设计题目：我的个人网页 学号：018 姓名：马建武 院系：电子与信息工程学院 专业班级：计科08-2 指导老师：王雪峰 日期：2011-6-20
一、设计思想 随着网络技术的飞速发展，网络已经遍及每个人的身边，通过个人网页把自己展示在网络上，不仅可以获得更多的朋友，有用的信息，也是跟随时代发展，做走在时代前沿的一个有效方式，本网站旨在设计一个个性化的个人网站，展现自己的生活，学习，爱好等等信息，通过本网站把自己展示出来。 二、开发环境及软件 Windows XP，Macromedia Dreamweaver 8，photoshop等 三、系统结构功能图、页面结构草图及部分页面截图 四、部分代码（主要添加CSS代码） 1.添加首页背景音乐
2.运用框架 <![CDATA[ 3.图片滚动 <td colspan="5" valign="top"> <marquee direction="left" loop="-1"><img src="../photos/图像" width="134" height="133"><img src="../photos/图像" width="134" height="133"><img src="../photos/图像" width="134" height="133"> </marquee> </td> 4.文本css样式 .s1 { font-family: "宋体"; font-size: 18px; font-weight: bold; color: #3333CC; text-decoration: blink; text-align: center;</p><h2>电科19年12月考试《网页设计与制作》期末大作业参考答案</h2><p>19年12月考试《网页设计与制作》期末大作业-0001 试卷总分:98 得分:98 一、单选题 (共 20 道试题,共 80 分) 1.以下HTML代码，判断正确的是（）。<form> <td><input type = “button” value = “按钮”></td> <td>12345678</td> </form> A.第2、3行应加入<tr>…….</tr> B.没有错误 C.<form>错了 D.“button”双引号错了（应为单引号） 答案:A 2.数据库的基本操作是（）。 A.编，删，改，查 B.增，删，改，查 C.增，删，加，查 D.增，删，写，查 答案:B 3.<strong></strong>表示（） A.粗体 B.斜体 C.下划线 D.上标 答案:A 4.插入 Javacript 的正确位置是？ A.<head> 部分 B.文档的顶部 C.<body> 部分和 <head> 部分均可 D.<body> 部分 答案:C 5.引用名为 "xxx.js" 的外部脚本的正确语法是？ A.<script src="xxx.js"> B.<script name="xxx.js"> C.<script href="xxx.js"> D.<js name="xxx.js"> 答案:A 6.我们可以在下列哪个 HTML 元素中放置 Javascript 代码？ A.<scripting> B.<script> C.<js> D.<javascript> 答案:B 7.HTML?代码:?one ?<div>two </div>?three ?jQuery?代</p><h2>网页设计与制作》网上作业题答案(全)</h2><p>1．请列出三种TCP/IP网络中所使用的协议，并说明它们哪些类型的终端之间的，例如，网络管理站（SNMP）是用于中央网络管理站和网络之间的。 参考答案： （1）HTTP：超文本传输协议，用于WEB服务器和WEB客户机之间； （2）SMTP：简单邮件传送协议，用于邮件客户机和邮件服务器之间； （3）TELNET：远程登录协议，用于客户机与终端之间。 2．现给出一个网址如下：https://www.doczj.com/doc/a011063469.html,/planetwide/select/selector.html，请你根据所学的URL分析该网址各个部分的含义。 参考答案： //前的http表示访问信息采用的是超文本传输协议，并且文件在WWW服务器上； https://www.doczj.com/doc/a011063469.html,表明了WWW服务器的位置； planetwide/select/selector.html表明最终要访问的文件所在的位置。 3．访问类型即访问信息的链接方式，它决定了文件所在的位置，请问常用的链接方式有哪几种，并举出实例。（列出三种即可） 参考答案： （1）file：如file:\\D:\作业\作业\主页.htm（前面的file:\\一般可省略）就是打开本地D盘下的一个网页；（2）ftp：如ftp:\\https://www.doczj.com/doc/a011063469.html,（此处也可输入IP地址）； （3）http：如https://www.doczj.com/doc/a011063469.html,/； （4）News：news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组； （5）telnet：telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7； 4．我们要进入紫霞的公众网，网址如下：telnet://https://www.doczj.com/doc/a011063469.html,，请你实际操作进入该网站，并列出三种以上进入该TELNET网站的方法。 参考答案： （1）在浏览器中登录：启动INTERNET EXPLORER，在URL地址栏中输入“telnet://https://www.doczj.com/doc/a011063469.html,”；（2）“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.doczj.com/doc/a011063469.html,”命令并回车； （3）“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.doczj.com/doc/a011063469.html,”命令并回车； （4）“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5．如果远程登录失败，请问原因可能是什么？ 参考答案： （1）计算机地址拼写错误（主机名或IP地址错误）； （2）远程计算机暂时不能使用； （3）你所指定的计算机不在Internet上。 6．实践：启动INTERNET EXPLORER浏览器，修改其INTERNET选项，并观察其效果。 您的答案： 答：将https://www.doczj.com/doc/a011063469.html, 设置为INTERNET选项的首页后，只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1．个人网站有哪三种基本风格？ 参考答案： （1）主题图形式； （2）信息发布式； （3）介于两者之间的风格。</p><h2>网页设计作业</h2><p>网页设计与制作大作业 学号：******** 班级：****** 姓名：*****</p><p>一、作业1 网站规划 1.1网站的名称、背景及描述 ①名称：科比个人站 ②背景：科比·布莱恩特（Kobe Bryant，1978年8月23日—），美国职业篮球运动员，司职得分后卫。自1996年起效力于NBA洛杉矶湖人队，是前NBA篮球运动员乔·布莱恩特的儿子。 科比·布莱恩特是NBA第一个高中生后卫，帮助洛杉矶湖人队拿下5次NBA 总冠军，是NBA史上最年轻的30000分先生。2次成为NBA得分王，2次NBA总决赛MVP，1次NBA年度MVP，连续15次入选NBA全明星赛，2枚奥运会金牌，于2014年11月12日加冕历史第一“打铁王”。2014年12月15日，科比·布莱恩特生涯总得分超越迈克尔·乔丹，升至历史第三位。 2015年11月30日，科比宣布本赛季结束后正式退役。2016年1月22日，科比以1,891,614票第4次成为全明星票王，入选2016年NBA全明星赛西部首发阵容。 2016年4月14日，科比NBA生涯告别战——主场对决爵士后，正式退役。 ③个人印象：科比是我初中及高中时期的偶像，他的事迹及成功激励我能够努力学习。 1.2网站的目的、特点、意义 ①目的：希望更多的人能了解科比，让更多的人能够收到他事迹的激励。 ②特点：是一个球星的个人网页，较全面的介绍了科比的相关事迹。 ③意义：能够让人们充分地了解到科比成功的秘诀，让人们能够吸取经 验。 1.3网站的定位、栏目设置及内容规划 ①定位：对篮球有兴趣和喜欢科比的人 ②栏目设置：科比的简介及生涯，以及图片 ③内容规划：科比的简介，个人生活，还有辉煌生涯</p><h2>网页设计与制作在线作业C</h2><p>网页设计与制作_在线作业_C 最终成绩：90.0 一判断题 1. (5.0 分) FALSE TRUE 知识点： 11.2 编辑矢量对象 用户解答： FALSE 2. (5.0 分) FALSE TRUE 知识点： 12.1 创建和编辑标准文本 用户解答： FALSE 3. 在Fireworks中，图中(b)是对(a) 实施外斜角滤镜的结果。（） (5.0 分) TRUE FALSE 知识点： 13.1 滤镜 用户解答： FALSE 4. 在Fireworks中，“自由变形工具”能够直接对矢量对象执行变形操作，也能对路径上的各个定位点进行操作。（） 在Fireworks中，文字不能设置笔触和填充。（）</p><p>(5.0 分) FALSE TRUE 知识点： 13.2 资源——样式、元件、URL 、形状 用户解答： TRUE 5. (5.0 分) FALSE TRUE 知识点： 13.4 优化与导出 用户解答： FALSE 6. (5.0 分) FALSE TRUE 知识点： 15.2.3 绘图工具箱 用户解答： TRUE 7. (5.0 分) FALSE TRUE 在Fireworks 中，元件是用户自己建立的可以重复使用的图形，动画或按钮对象。（ ） 在Fireworks 中，可以同时显示6幅不同优化效果的图像。（ ） Flash 中“墨水瓶工具”（Ink Bottle Tool ）是为矢量色块进行填充的工具。（ ） Flash 中文本必须图形化才能使用滤镜。（ ）</p><p>知识点： 16.1.1 文本工具 用户解答： TRUE 8. (5.0 分) TRUE FALSE 知识点： 16.1.2 文本变形及图形化 用户解答： TRUE 二单项选择题 1. (5.0 分) 知识点： 9.5 调整画布或图像 用户解答： 2. (5.0 分) “修改”|“组合路径”|“拆分” “修改”|“组合路径”|“封口” “修改”|“组合路径”|“联合” “修改”|“组合路径”|“接合” 知识点： 11.2 编辑矢量对象 用户解答：“修改”|“组合路径”|“接合” 3. Flash中为了避免丢失字体，应将文字图形化。（） 若需要向下方向扩大Fireworks画布，应在修改Fireworks画布的窗口内，点击（）锚定按钮。在Fireworks中，用“刀子”工具切割路径后，应执行（）命令，将路径封口。</p><h2>《网页设计》大作业设计说明书</h2><p>《网页设计与制作工程实训》 大作业 选题名称：__伊人网的制作与体会________________ 设计人：___李薇_______________ 班级：__软件工程081班______________ 学号：__8000108025________________ 南昌大学软件学院 2010.元</p><p>设计说明书: 一．选题的分析 1.我是怎么想到做女性网站的？ 作业刚布置下来的时候，我心里千回百转过很多念头，做什么网站能将我们学过的知识全部都用上呢？貌似除了作为模板教学的购物网站就没有其他更好的选择了，可是继续做教学时学的淘宝或拍拍太无新意，不和我意。想来想去，还是没有中意的方案。可能是白天想这个想太多了，我晚上竟然梦到了我要做的，就是易物网站。不知老师是否记得一个曲别针换一个大房子的事，这就是我要做的易物网。终于得到了一个让我满意的方案，很开心。可睡醒了仔细一想觉得还是不行，可行性不大，于是我放弃了这个方案。当时已经是实训最后一天了，在结束实训的时候，我突然灵光一闪，决定做一个女性网站。 首先，一个女性网站针对了我的特点，是我想做的，也是我感兴趣做的。 其次，一个女性网站可以包括购物频道和bbs频道，可以充分将我学到的知识运用上去而又不免于流俗。 2.我要表达什么内容，如何展开设计？ 打定主意便开始设计。这个女性网站是针对都市女性的网站，旨在在她们休闲的时候有个能让她们放松自我，同时得到很多对自己有用的信息。为了达到放松的目的，网站的主色调采用暖色系，主打粉色系，看上去温暖活泼时尚舒适，让人有一探究竟的欲望。而为了同时达到对女性自身有益的目的，我在选择网站内容版块上下了很大的功夫。女性最关注的是什么呢？是她们的感情与魅力。Bbs能让她们能有个诉说感情发泄心情的地方，同时能在那浏览别人的故事，互相鼓励和帮助，还能交流日常生活（美容服饰等）的小信息。购物频道能让满足女性爱买东西的天性。我的购物频道定位在价廉物美，为女性们提供质量好能让他们放心的好宝贝。 二．如何运用网络的优点进行更好的表达 网站的版面风格温暖舒适，颜色主打暖色调，又以粉色系为主，简洁明了，大方舒适，以达到让平时忙碌工作和家庭的女性放松的功能，让她们对网站产生归属感，一个累了能让她们放松的地方。放松有时候也需要朋友，网站的论坛就提供个这样一个让女性们互相了解认识的场所。她们在bbs里了解互相的故事，</p><h2>13-14JAVASCRIPT程序设计大作业</h2><p>西安欧亚学院2013－2014学年第一学期期末大作业 专业：软件技术 课程：JavaScript 程序设计 年级：12 一、作业题目： 题目：利用JavaScript 中特效编码，实现网页的动态效果。 从以下课程设计项目中选择一个作为自己的设计开发主题，如果自己有新的选题构想，要取得授课教师的批准方可进行设计，否则不计成绩。 网页主题参考（自己任选） 1、鼠标特效设计，如：跟随鼠标的小尾巴、鼠标跟踪动画、跟随鼠标的弹性文字等; 2、菜单特效设计，如：动画菜单、树形菜单、下拉菜单、右键菜单等; 3、图片特效设计，如：横向的相册效果，纵向的相册效果，滤镜图片轮播等; 4、背景特效设计，如：渐变背景、定时切换等; 5、时间特效设计，如：日期时间星期农历，动态时钟，时间倒计时等; 6、其它：如文字特效、密码验证特效等。 二、作业要求及评分标准： 1、作业要求 （1）涵盖知识点：贯彻事件驱动的程序设计思想，熟练使用JavaScript 中的对象，实现网页特效。 （2）网页要求 ? 主题突出，内容充实、健康向上，布局合理、结构清晰、规范； ? 色彩搭配合理、美观，设计新颖，有创意；页面布局尽可能平衡，色彩应用注意谐调，文本注意格式化 ? 技术运用全面，技术含量高；链接测试正确，跳转流畅； ? 代码应适当缩进，并给出必要的注释，以增强程序的可读性； ? 网页中涉及的所有“路径”必须使用“相对路径”； ? 设计过程中充分考虑浏览器兼容等问题，并做适当处理。 学号_____________ 班级___________ 姓名________ 座位号____ - - - - - - - - - - - - - - - - - - - - - - - - - -- - - -密 ○ - - - - - - - - - - - - - - - - - - - - - - - - 封 ○ - - - - - - - - - - - - - - - - - - - - - - - - 线 ○ - - - - - - - - - - -- - - - -- - - - -- - - -- - - --</p><h2>#大工13春《网页制作》大作业和要求95933</h2><p>网络教育学院《网页制作》课程设计 题目： 学习中心： 层次： 专业： 年级：年春/秋季 学号： 学生： 辅导教师： 完成日期：年月日</p><p>大工13春《网页制作》课程设计 注意：从以下5个题目中任选其一作答。 题目一：制作一个网上课件浏览系统 总则：利用Dreamweaver CS3结合ASP或JSP以及相关的脚本语言制作一个课件视频点播网站，数据库可以采用SQL Server、Mysql等任一数据库系统软件。 要求：（1）建立一个完整的站点，所有网站内容都要包含在建立的这个站点文件夹内，网站各类元素文件在站点总文件夹 中以子文件夹形式分类清楚。（如图片都放在子文件夹 image里，html页都放在pages子文件夹内，视频放在video 文件夹内，数据库文件放在DB文件夹内） （2）网站主页采用上方固定，左侧嵌套的框架集形式网页。 （3）建立简单的数据库，包含几个必要的数据库表（例如 视频课件分类表、课件详细信息表等），课件详细信息表 可以包括课件ID、课件名称、所属专业、课件日期、课 件大小等。 （4）将前台网页和后台数据库进行连接。 （5）制作若干个主页链接出去的跳转网页。 （6）运用网页设计的视频播放插件和元素，使视频可以流 畅播放。 （7）实现简单的留言板功能。 （8）附带一份网站设计及功能说明书，也放在站点总文件</p><p>夹中。 （9）将所制作的网页及相关文件压缩成一个文件，文件名 为[姓名奥鹏卡号学习中心]（如戴卫东101410013979 浙江台州奥鹏学习中心[1]VIP ） 作业提交： 大作业上交时文件名写法为：[姓名奥鹏卡号学习中心]（如：戴卫东101410013979浙江台州奥鹏学习中心[1]VIP） 以附件形式上交离线作业（附件的大小限制在10M以内），选择已完成的作业（注意命名），点提交即可。如下图所示。 截止时间：2013年9月3日前。 注意事项： 独立完成作业，不准抄袭其他人或者请人代做，如有雷同作业，成绩以零分计！</p><h2>网页设计与制作_在线作业_1</h2><p>网页设计与制作_在线作业_1 一、单选题 1. 在Fireworks中，修改用钢笔绘制的自由路径的弧度，需使用（）。 ? A. 部分选定工具 ? B. 钢笔 ? C. 重绘路径工具 ? D. 指针工具 2. 在Fireworks中，用“刀子”工具切割路径后，应执行（）命令，将路径封口。? A. “修改”|“组合路径”|“联合” ? B. “修改”|“组合路径”|“拆分” ? C. “修改”|“组合路径”|“封口” ? D. “修改”|“组合路径”|“接合” 3. 若将页面分为3个框架，应保存（）个网页html文件。 ? A. 1 ? B. 2</p><p>? C. 3 ? D. 4 4. 在Fireworks中，“自由变形工具”的光标有两种形状，（）。 ? A. 当光标为时，对路径执行“扭曲”操作，当光标为时，对路径执行“拉伸”操作 ? B. 当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“拉伸”操作 ? C. 当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“扭曲”操作 ? D. 当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“拉伸”操作 5. .blue {color: #0000ff}是（）。 ? A. 标签选择符和选择符组 ? B. 包含选择符 ? C. ID选择符 ? D. 类选择符 6. 书写CSS样式时，要把相同属性和值的标签组合起来书写，应使用（）。</p><p>? A. ID选择符 ? B. 类选择符 ? C. 标签选择符和选择符组 ? D. 包含选择符 二、多选题 1. Flash的“选择工具”用于选取图形、移动图形和编辑图形。其光标可以是（）。? A. ? B. ? C. ? D. 2. 使用Flash “选择工具”同时选中，则（）。 ? A. 作图或拖动舞台对象时，可以准确地吸附到其他线条上的点。 ? B. 鼠标指针指向对象的中心点，鼠标指针上出现一个小三角 ? C. 作图或拖动舞台对象时，可以准确地吸附到其他图形的中心点。 ? D. 影响绘制形状或位置的微调。 3.</p><h2>电子科大16年12月考试《网页设计与制作》期末大作业</h2><p>电子科大16年12月考试《网页设计与制作》期末大作业</p><p>————————————————————————————————作者：————————————————————————————————日期：</p><p>请同学及时保存作业,如您在20分钟内不作操作,系统将自动退出。 16年12月考试《网页设计与制作》期末大作业 试卷总分：100 测试时间：-- 单选题 多选题 一、单选题（共20 道试题，共80 分。） V 1. 在下列的HTML 中，哪个可以产生复选框？ A. <input type="check"> B. <checkbox> C. <input type="checkbox"> D. <check> 满分：4 分 2. 如何产生带有正方形项目的列表？ A. list-type: square B. type: 2 C. type: square D. list-style-type: square 满分：4 分 3. 如何改变元素的左边距？ A. text-indent: B. indent: C. margin: D. margin-left: 满分：4 分 4. 在javaScript 中，可以使用Date 对象的（）方法返回该对象的日期。 A. getDate B. getYear C. getMonth D. getTime 满分：4 分 5. 分析下面的JavaScript 语句：Str = "This apple costs "+50.5; 执行后str 的结果是（）。 A. This apple costs 50.5 B. This apple costs 5.5 C. This apple costs 50.5 D. This apple costs 5.5 满分：4 分</p><h2>《网页设计与制作》综合实训.</h2><p>《网页制作》期末大作业 一、概述: 要求设计并制作一个表达某个主题的网站,通过网站的制作,综合运用本课程各单元所学的知识。网站的内容不能是一些素材如图片、音乐等的堆积,必须有鲜明的主题。可以从网上下载部分资料,但不能超过整个内容的30%,更不要指望从网上下一个完整的网站应付老师。总的页数应超过10页(一个包含主题内容的htm文件算一页。请同学们注意不要下载相同的资料,如果出现网页内容雷同,双方都要扣分,严重的必须重做。 二、网站内容: 自行选择如下内容:科普、科幻知识;公益形象宣传;大、中、小学教学用动画形象;奥林匹克体育;环境保护;战争与和平;求职;校园生活;诚信、传统美德;交通安全;卫生与健康;爱心;教育;新青年;管理;实用工具等。 自己确定一个主题,整个网站要突出主题,信息分类合理,导航清晰。要求必须有自己创作的内容,这些原创内容可以是文字、图片、动画等。 三、版面及格式: l、要求图文并茂,颜色搭配合理,但是图片及声音文件不要太大。如果能加入自己创作的动态元素(如Flash,Gif动画等将获得加分。希望充分发挥自己的创作能力。 2、要求每个网页都使用表格布局。 3、要求网页中插入有Web组件,包括悬停按钮、滚动字幕、横幅广告管理器等。 4、导航设计简洁明了,不能有“死链接”,要保证能够在网络上浏览。</p><p>5、自创内容越多越好,得分越高。 四、递交方式: 1、每个同学以自己的学号姓名建一个文件夹,上交时间为18周 2、所做网页的首页文件名必须为index.htm 3、所有文件名和目录名全部使用英文字母和数字,不得使用汉字或全角符号,否则,网络将出现死链接。 4、递交时必须把网页中所有用到的图片、声音、动画等都一起上传到服务器。网页的总容量一般不要大于3MB 5、建议将网页中的素材分类,建立不同的子目录存放。 五、网页评分标准: 整个网页的评分强调“自己的创意”,不管主题是什么,也不论是哪一个栏目的内容,如果创意独特,有自己鲜明的个性、观点,得分较高。 1、主题鲜明,有关主题的内容丰富(30分 2、原创内容丰富,能体现自己的想法,文字流利通顺(30分 3、版面布局合理,整理效果美观(20分 4、其他内容如友情链接、相关资料等(5分 5、插入的图片等素材恰当、美观(5分 6、技术含量(使用了各种效果、技术等(10分 六、网页制作特别注意事项: 1、网页文件名最好全部用英文字母或数字(不能包含汉字;</p><h2>网页设计与制作课程简介</h2><p>《网页设计与制作》课程简介 课程名称：网页设计与制作 课程代码：02038 适用专业：初等教育（计算机与信息技术方向） 课程性质：专业核心课程、必修课、专业技能课 学分：3 学分 计划学时：72学时（理论36学时，实训36学时） 一、前言 1. 课程性质 本课程是初等教育计算机与信息技术专业的一门专业技能课程，培养学生网页设计与制作能力，适应初等教育对信息技术教师的人才基本要求，同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位。 本课程的先修课程是《计算机应用基础》，后续课程是《https://www.doczj.com/doc/a011063469.html,程序设计》。在完成《计算机应用基础》课程学习后，学生掌握了计算机基本知识和原理，学会了一些应用软件和工具软件的使用，进而学习《网页设计与制作》这门课程不会感到困难。在以后学生还将学习《https://www.doczj.com/doc/a011063469.html,程序设计》课程，能设计和制作动态网页。 2. 课程基本理念 初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师，今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者，建设网站和网页是信息技术教师应掌握的基本技能。课程要理论与实践相结合，培养学生动手能力，能胜任今后小学信息技术教师的工作任务。同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位群。 3. 课程设计思路 根据初等教育计算机与信息技术专业人才培养方案，《网页设计与制作》是重要的专业技能课程，是作为小学信息技术教师基本技能训练与考核的项目之一。课程以工作任务来组织内容，以案例驱动贯穿教学过程。由浅入深，最后完成主题网站的开发项目。课程教学中以Dreamweaver的使用为主线，要重视HTML</p><h2>网页设计与制作大作业试卷A卷</h2><p>宁波大红鹰学院 2012-2013学年第一学期 2010级本科市场营销专业《网页设计与制作》（A卷） 期末考试试卷 考核方式：大作业 题目：制作完成一个中小型的电子商务网站 要求： 此次期末考试大作业上交期限为第18周星期三（2013年6月26日），必须按时上交否则无期末考试成绩。同学们一定要自己独立完成，发现他人制作或抄袭者，无期末考试成绩。（允许项目组同学合作完成，完成页面为：人数*5，由组长进行分工，上交一份详细页面制作分工说明，同时组内人员所有页面必须在一个站点下并管理好） 1、书写学生制作的电子商务网站规划书和设计书。内容包括：市场分析、建设网站目的及功能定位、网站的内容规划、网站设计过程中知识点运用情况说明，字数为800字以上。（20分） 2、学生上交的文件夹以班级、姓名进行命名，如10营销X班XXX。文件夹内不能有无用的图片、文章等，站点目录清晰，首页必须以index.html命名。（5分） 3、工作量考核：学生的电子商务网站制作中网页数至少为5页，1页为网站首页，1页是用户注册页，1页是个人介绍页。除个人介绍页外，其余页面需使用框架或模版，整体风格统一，效果美观，信息量适中，主题鲜明，主页至少包含5个以上栏目进行具体设计，5个页面中有2个独立网页介绍栏目。（25分） 4、网页中所有的文字及链接均要使用CSS样式表精确控制，能够实现许多网页的同时更新，提高网页下载速度，页面中制作至少使用2个CSS特效。（10分） 5、页面格式：（15分） （1）使用表格、布局表格和图层对网页元素进行排版。 （2）页面布局合理，体现主题，色彩均衡，整体协调。 （3）在主页中选择合适的文字或图像设置超级链接，其他页面中必须设置“返回主页”的超级链接，相关内容必须有返回相关主题内容的链接，浏览线路顺畅。</p><h2>(完整版)《网页设计与制作》课程教学大纲.docx</h2><p>《网页设计与制作》课程教学大纲 课程名称：网页设计与制作 学分及学时： 4 学分总学时72学时，理论36 学时 适用专业：网络工程 开课学期：第四学期 开课部门：计算机与互联网学院 先修课程：计算机文化基础计算机网络 考核要求：考试 使用教材及主要参考书： 向知礼主编：《网页设计与制作》航空工业出版社2017 年 杨松主编：《网页设计案例教程》航空工业出版社2015 年 一·课程性质和任务： 本课程全面地介绍网页制作技术的基本理论和实际应用。全书共 10 章，分为 3 大部分。前 5 章为第 1 部分，主要介绍网页制作的基本理论——HTML，同时穿插介绍Fireworks，Flash， Anfy 等软件在网页制作过程中的应用；第 6 章～第 8 章为第 2 部分，主要介绍网页 制作技术，包括CSS技术、客户端脚本技术(DHTML)以及 XML 技术；第9 章～第 10 章为第3 部分，主要介绍当前最流行的网页制作工具——Dreamweaver ，通过应用实践能够从实际 应用的角度进一步巩固所学知识。 课程内容不但包括各种网页制作技术的基础理论，而且强调网页制作的具体应用，使读者既能打下坚实的理论基础，又能掌握实际的操作技能。 二·课程教学目的与要求 以Dreamweaver 的使用为主线，介绍网页制作的相关技术。使学生理解网页制作的基本 概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本 知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框 架、表单、多媒体对象的使用 ; 理解行为、模板、库、 CSS布局的概念和使用 ;理解 HTML 语言、 网站的测试与的发布； 要求：教学过程中，须注重学生实践操作能力的培养，采取“面向实践、能力为先”的 教学思路，教学内容应结合当前WEB 技术的发展趋势，把握未来企业级WEB 页面开发的发 展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。</p><h2>网站设计大作业撰写模板</h2><p>大作业 课程名称：网站规划建设与管理 题目：企业网站 院（系）：信息与控制工程学院 专业班级： 姓名： 学号： 指导教师： 年月日 西安建筑科技大学大作业设计（论文）任务书</p><p>专业班级：学生姓名：指导教师（签名）： 一、大作业题目 企业网站 二、本次大作业应达到的目的 设计并实现一个简单的企业类相关的网站 三、本次大作业任务的主要内容和要求（包括原始数据、技术参数、设计要求等） 要求： 1、 Flash首页1个； 2、静态页面制作5幅； 3、网站计数器1个； 4、产品价格的录入与查询； 5、用户的信息反馈； 6、管理页面； 7、数据库设计 四、应收集的资料及主要参考文献： [1] 吉根林.《Web程序设计》.电子工业出版社 [2] 清源计算机工作室.《ASP动态网站设计与制作》.机械工业出版社 [3] 灯文渊.《ASP与网页数据库设计》.清华大学出版社 [4] 杨内.《精品动态网页制作》.清华大学出版社 [5] 黄明.《ASP课程设计》. 电子工业出版社 [6] 石志国.《ASP动态网站编程》. 清华大学出版社 [7] 五、审核批准意见 教研室主任（签字）</p><p>目录（小二号，黑体，居中，段前、段后各空行，两字符间插一空格符） 1 需求分析（小四号，宋体，两端对齐，行距为倍行距）………（） 2 概要设计………………………………………………………（）系统功能的实现…………………………………………（） 系统整体框架图…………………………………………（） 3 详细设计………………………………………………………（） XX模块……………………………………………………（） XX模块……………………………………………………（）…… 4 调试分析………………………………………………………（） 5 总结……………………………………………………………（）参考文献………………………………………………………（）</p><h2>web期末设计大作业经典作品</h2><p>网站开发技术课程设计报告 题目：兄弟依旧 专业： 班级： 学号： 姓名： 老师： 成绩：_____________________</p><p>一、网站设计要求 ?站点题目：自定 ?具体内容自行设计； ?具体要求： 按照Fireworks作效果图—〉切图—〉页面布局的过程进行； 须提交完整的Fireworks页面效果图； 必须用CSS+DIV页面布局； 页面中必须包含JavaScript编程； 页面中必须包含Flash动画（须提交Flash源文件.fla）； 二、信息等相关素材收集 基于设计网站的的要求，其内所包含的图片与文字信息皆来自互联网。并且其选材比较贴合电影说体现的主题，再加上其内的色彩调用，很会让人为之动容并有一种身临其境的感觉。 三、个人网站的总体规划和步骤 1、设计的目的 又一年毕业季，又是一个让彼此动容的季节，在向这段充满欢笑、充满浪漫、充满豪情壮志、也充满酸涩与淡淡忧郁的学生时代告别之际。为此做了个网站以怀念曾经的你和我、曾经一起奋斗的日子、以及那个他或者她。还有此刻的美丽,以及无限的未来向往。 2、设计布局 在网站的右上角有一个音乐播放器，重复播放着BEYONGD的代表作（光辉岁月），在其下面有一个利用JavaScript制作的一个图片轮显效果的界面。写满了对大学四年的怀念图片。网站的左上角用flash制作的一个标题，并在其下方有一个用户登录栏，主要是为了方便用户对网页进行操作。最后一个网站的右下角是主题介绍的大学毕业的微电影链接。 3、网站具体设计过程 首先选定本网页制作工具是网页三剑客：Adobe Dreamweaver CS3+Adobe Fireworks CS3+Adobe Flash CS3</p><h2>网页设计方案大作业设计方案说明书</h2><p>网页设计方案大作业设计方案说明书</p><p>《网页设计与制作工程实训》 大作业 选题名称：__伊人网的制作与体会________________设计人：___李薇_______________ 班级：__软件工程081班______________ 学号：__________________ 南昌大学软件学院 .元 设计说明书: 一．选题的分析 1.我是怎么想到做女性网站的？ 作业刚布置下来的时候，我心里千回百转过很多念头，做什么网站能将我们学过的知识全部都用上呢？貌似除了作为模板教</p><p>案的购物网站就没有其它更好的选择了，可是继续做教案时学的淘宝或拍拍太无新意，不和我意。想来想去，还是没有中意的方案。可能是白天想这个想太多了，我晚上竟然梦到了我要做的，就是易物网站。不知老师是否记得一个曲别针换一个大房子的事，这就是我要做的易物网。终于得到了一个让我满意的方案，很开心。可睡醒了仔细一想觉得还是不行，可行性不大，于是我放弃了这个方案。当时已经是实训最后一天了，在结束实训的时候，我突然灵光一闪，决定做一个女性网站。 首先，一个女性网站针对了我的特点，是我想做的，也是我感兴趣做的。 其次，一个女性网站能够包括购物频道和bbs频道，能够充分将我学到的知识运用上去而又不免于流俗。 2.我要表示什么内容，如何展开设计？ 打定主意便开始设计。这个女性网站是针对都市女性的网站，旨在在她们休闲的时候有个能让她们放松自我，同时得到很多对自己有用的信息。为了达到放松的目的，网站的主色调采用暖色系，主打粉色系，看上去温暖活泼时尚舒适，让人有一探究竟的欲望。而为了同时达到对女性自身有益的目的，我在选择网站内容版块上下了很大的功夫。女性最关注的是什么呢？是她们的感情与魅力。Bbs能让她们能有个诉说感情发泄心情的地方，同时能在那浏览别人的故事，互相鼓励和帮助，还能交流日常生活<美容服饰等）的小信息。购物频道能让满足女性爱买东西的天</p><h2>20171114 - 网页设计练习(1)</h2><p>网页设计练习(1) 一．站点规划 1.内容规划 ?网站主题：选择一个主题，作为网页设计与制作大作业的网站主题。网站主题是网站要包含的主要内容。主题可以从自己感兴趣的内容中选择，也可以从以下参考主题中选择。 ?网站名称：根据选定的主题为网站命名。如：选定网站主题为“我的大学”，为网站命名为“首师大”。 2.网站规划 规划网站要创建多少页，每页显示什么内容，页面布局和外观，各页之间如何链接。 注：大作业要求网站包含1个主页，至少5个子网页，且总网页数不多于12个。 3.目录结构 站点根文件夹名称为：10位学号+中文姓名全拼+“-”+网站名称全拼。如：1173101001caoyuhang-shoushida。 要求网站目录结构如下： ?index.html：首页文件名，存放在根文件夹中； ?image：用于存放图片素材；(即*.jpg，*.gif，*.bmp等格式的文件)</p><p>?music：用于存放音频素材；(即*.wma，*.wav，*.mp3等格式的文件) ?media：用于存放视频、flash动画、和其它任何不属于图片和音频的素材；?page：用于存放除了首页以外的子网页。 不按要求创建文件夹和存储文件的网站，不能作为网页作品提交。 1173101001caoyuhang-shoushida的目录结构图如下： 4.创建站点文件夹 在D盘根目录下，按站点根文件夹命名要求(10位学号+中文姓名全拼+“-”+网站名称全拼)创建站点根文件夹。如：1173101001caoyuhang-shoushida。 在根文件夹下分别创建四个子文件夹：image、music、media、page。 撰写网页创意说明：简明扼要，以Word文档形式保存在page文件夹中，文档名称为网站名称，如shoushida.docx。内容至少包含：网站选题说明、网站名称、各子网页的内容说明。 5.搜集素材 根据网站主题，搜集或自己设计网页中要用到的各种素材，如图片、音乐、视频和flash动画文件等，保存在对应的子文件夹中。素材文件命名要求如下：?文件名中不能出现中文，只能以字母+数字的方式命名。不按要求命名文件的网站，不能作为网页作品提交。 如：背景图片命名为bg01，bg02，…，按钮图片命名为b01，b02，…，图片命名为img001，img002，…，音频命名为m01，m02，…，，视频命名为v01，</p><h2>网页设计大作业</h2><p>湖南涉外经济学院 《网页设计》期末大作业 设计题目：致我们终将逝去的青春 学号： 37 姓名：全新华 院系：文法学院 专业班级：汉语言文学1301班 指导老师：蒋桂莲 日期：2016年7月1日 1、页面设计分析 我设计的这个网页主要介绍的是我个人在大学生活的一个状态，作为一名大三学生，我想我们每个人都希望做这么一份个人网页，所以借着我们学习的这个机会，给老师同时也是给自己交一份满意的答卷，我相信这一份个人网页会成为我很珍贵的一份纪念。作为一个网站的首页，其页面应需要简单，明了，给人清晰的感觉。顶头部分主要放置网页主题、导航菜单和网站的LOGO信息等，其logo可以是一张图片或者文本信息等；页面主体分为两个部分，页面主体左侧是个人网站介绍并配有自己的照片以及自我对个人青春的总结；其中相册、美食、明星、故事、个人、联系等7个页面都设置了二级页面，都是自己青春的积累。页面主体右侧是个人信息以及闺蜜朋友的简单介绍，这些可通过页面顶部导航进入相应页面介绍，底部设有“友情链接”，链接了“百度”、“湖南涉外经济学院”、“360”等。。。。。。。。。。。。。 2、开发环境及软件 Windows10，Macromedia Dreamweaver 6，美图秀秀等 3、系统结构功能图、页面结构草图 3.1系统结构功能图 那些年我们一起疯狂的照片（二级页面）</p><p>那些年我们一起过的明星（二级页面）致我们终将逝去的青春那些年我们一起吃过的美食（二级页面）（一级页面） 那些年我们一起见证的青涩女孩（二级页面） 那些年我们一起拥有的青春故事（二级页面） 那些年我们一起追的狗血剧（二级页面） 联系——表单（二级页面） 3.2 页面结构草图 整个设计过程中都用的了css+div布局，整体为1400宽，600高，用头部、左侧，内容，底部的制作；如下图所示： 图1 css+div设计截图 4、页面制作过程； 4.1 主要界面 （1）主页 图2 主页截图 给出页面(body)的部分CSS 代码如下： body { margin: 0; padding: 0; background: #1B3266; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #181B20;} h1, h2, h3 { margin: 0; padding: 0; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: normal; color: #2483A6;} h1 {font-size: 2em;} h2 {font-size: 2.4em;} h3 {font-size: 1.6em;} p, ul, ol { margin-top: 0; line-height: 180%;} ul, ol {}</p>
<div>
<div>相关主题</div>
<div class="relatedtopic">
<div id="tabs-section" class="tabs">
<ul class="tab-head">
<li id="4107360"><a href="/topic/4107360/" target="_blank">网页设计大作业</a></li>
<li id="9949507"><a href="/topic/9949507/" target="_blank">网页设计与制作大作业</a></li>
<li id="18891980"><a href="/topic/18891980/" target="_blank">网页设计技术大作业</a></li>
<li id="16719365"><a href="/topic/16719365/" target="_blank">网页设计基础大作业</a></li>
<li id="10908908"><a href="/topic/10908908/" target="_blank">网页设计大作业模板</a></li>
<li id="10772079"><a href="/topic/10772079/" target="_blank">网页设计与制作操作</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<div>文本预览</div>
<div class="textcontent">
</div>
</div>
</div>
<div class="category">
<span class="navname">相关文档</span>
<ul class="lista">
<li><a href="/doc/25928952.html" target="_blank">13-14JAVASCRIPT程序设计大作业</a></li>
<li><a href="/doc/6917041512.html" target="_blank">网页设计大作业</a></li>
<li><a href="/doc/8b19042063.html" target="_blank">网页设计大作业</a></li>
<li><a href="/doc/ba15205453.html" target="_blank">网页设计与制作大作业要求</a></li>
<li><a href="/doc/eb11472066.html" target="_blank">网页设计期末大作业制作心得</a></li>
<li><a href="/doc/002208309.html" target="_blank">《网页设计》大作业</a></li>
<li><a href="/doc/3718535277.html" target="_blank">电子科大16年12月考试《网页设计与制作》期末大作业</a></li>
<li><a href="/doc/753539257.html" target="_blank">网页设计与制作大作业</a></li>
<li><a href="/doc/9e3921231.html" target="_blank">网页设计大作业模板</a></li>
<li><a href="/doc/d46184491.html" target="_blank">《Web前端网页制作》大作业及要求</a></li>
<li><a href="/doc/f819007216.html" target="_blank">网页设计与制作大作业</a></li>
<li><a href="/doc/126893983.html" target="_blank">网页设计期末考试大作业要求</a></li>
<li><a href="/doc/6b9105729.html" target="_blank">网页设计方案大作业设计方案说明书</a></li>
<li><a href="/doc/7f12241050.html" target="_blank">网页设计与制作(大作业)</a></li>
<li><a href="/doc/bf7244660.html" target="_blank">网站规划与设计大作业</a></li>
<li><a href="/doc/ed10872055.html" target="_blank">《网页设计》大作业设计说明书</a></li>
<li><a href="/doc/332414263.html" target="_blank">《网页设计》大作业设计说明书</a></li>
<li><a href="/doc/7a2017400.html" target="_blank">网页设计大作业</a></li>
<li><a href="/doc/923520717.html" target="_blank">网页设计大作业模板</a></li>
<li><a href="/doc/c817675425.html" target="_blank">网页设计基础大作业</a></li>
</ul>
<span class="navname">最新文档</span>
<ul class="lista">
<li><a href="/doc/0619509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li>
<li><a href="/doc/0a19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li>
<li><a href="/doc/9619184372.html" target="_blank">自然教育课件</a></li>
<li><a href="/doc/3319258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li>
<li><a href="/doc/d719211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li>
<li><a href="/doc/a519240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li>
<li><a href="/doc/9019184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li>
<li><a href="/doc/8819195909.html" target="_blank">高中语文知识点整理总结</a></li>
<li><a href="/doc/8319195910.html" target="_blank">高中语文知识点归纳</a></li>
<li><a href="/doc/7b19336998.html" target="_blank">高中语文基础知识点总结大全</a></li>
<li><a href="/doc/7019336999.html" target="_blank">超详细的高中语文知识点归纳</a></li>
<li><a href="/doc/6819035160.html" target="_blank">高考语文知识点总结高中</a></li>
<li><a href="/doc/6819035161.html" target="_blank">高中语文知识点总结归纳</a></li>
<li><a href="/doc/4219232289.html" target="_blank">高中语文知识点整理总结</a></li>
<li><a href="/doc/3b19258758.html" target="_blank">高中语文知识点归纳</a></li>
<li><a href="/doc/2a19396978.html" target="_blank">高中语文知识点归纳(大全)</a></li>
<li><a href="/doc/2c19396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li>
<li><a href="/doc/1619338136.html" target="_blank">高中语文基础知识点整理</a></li>
<li><a href="/doc/e619066069.html" target="_blank">化工厂应急预案</a></li>
<li><a href="/doc/b019159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li>
</ul>
</div>
</div>
<script>
var sdocid = "a94890d6cd1755270722192e453610661fd95adb";
</script>
<script type="text/javascript">bdtj();</script>
<footer class="footer">
<p><a href="/tousu.html" target="_blank">侵权投诉</a> © 2022 www.doczj.com <a href="/sitemap.html">网站地图</a></p>
<p>
<a href="https://beian.miit.gov.cn" target="_blank">闽ICP备18022250号-1</a> 本站资源均为网友上传分享，本站仅负责分类整理，如有任何问题可通过上方投诉通道反馈
<script type="text/javascript">foot();</script>
</p>
</footer>
</body>
</html>
]]> 
