第一篇：个人网页设计说明书
个 人 页
设 计
说 明书 网
目录
一、网页设计目的
1.1 网页设计需求浅谈„„„„„„„„„„„„„„„„„2 1.2 个人网页设计理念„„„„„„„„„„„„„„„„„2 1.3 制作背景„„„„„„„„„„„„„„„„„„„„„2 1.4 术语定义„„„„„„„„„„„„„„„„„„„„„2
二、网页设计以及浏览工具
2.1 网页设计说明„„„„„„„„„„„„„„„„„„„3 2.2 色彩方案„„„„„„„„„„„„„„„„„„„„„3 2.3 工作环境„„„„„„„„„„„„„„„„„„„„„3 2.4 浏览工具„„„„„„„„„„„„„„„„„„„„„3
三、个人网页功能模块设计
3.1 空间动画„„„„„„„„„„„„„„„„„„„„„4 3.2 主页„„„„„„„„„„„„„„„„„„„„„„„5 3.3 日志„„„„„„„„„„„„„„„„„„„„„„„7 3.4 日志简介„„„„„„„„„„„„„„„„„„„„„8 3.5 相册界面„„„„„„„„„„„„„„„„„„„„„9 3.6 相册展示„„„„„„„„„„„„„„„„„„„„„10 3.7 音乐„„„„„„„„„„„„„„„„„„„„„„„11 3.8 音乐列表„„„„„„„„„„„„„„„„„„„„„12 3.9 个人资料„„„„„„„„„„„„„„„„„„„„„13 3.10留言板„„„„„„„„„„„„„„„„„„„„„„14
四、总结
4.1 技术总结„„„„„„„„„„„„„„„„„„„„„15 4.2 个人心得总结„„„„„„„„„„„„„„„„„„„15
附加：第二种网页设计图
一、网页设计目的
1.1 网页设计需求浅谈：
随着网络技术以及网页制作技术方面的日臻成熟人们越来越关注网页的美观性，所以当下网页制作的一个最主要的出发点就是网页的美观和可操作性。在表达一些理念方面东西的时候能更加的形象化与多样化。就全球上网的人数来说，有很多的人正通过个人空间来改变他们的生活方式，同时学生也学习到了 各个方面不同的知识，人们通过自己的文字来传递着不同的信息。作为一个发展迅速的网络空间,个人空间向我们透露着这个信息传递和情感的平台将影响接下来的几代人.1.2 个人网页设计理念：
本次毕业设计目的就是做一个属于自己的主页，通过一些信息来表达自己的一些思想与观点，还有就是一些个人对于生活的一些心得体会，再其中加入个性化的元素能表现自己符合自己性格的色彩搭配与文字图画以及音频，当然也是对过去的留恋，故空间名取名为流年，给人一种怀旧的感觉。
1.3 制作背景
a.网站项目的名称：个人空间 b.用户：普通的用户
1.4术语定义
个人空间：就是一个网页，它通常是由简短且经常更新的信息所构成。这些张贴的文章都按照年份和日期倒序排列，也就是最新的放在最上面，最旧的在最下面。不同的内容和目的有很大的不同，从对网络资源的整理与评论，到有关公司、个人的构想，从新闻、照片到日记、诗歌、散文，甚至科幻小说都应有尽有。
二、网页设计说明以及浏览工具
2.1 网页设计说明
（1）名称：流年
（2）性质：个人空间
（3）主要内容：这是一个以个人空间为主题的网页设计，所包括的页面开场动画、主页、日志、相册、音乐、资料、留言板等。
（4）版式：左边为导航区，右边为展示区。
（5）风格：主调请亲而不失格调，色彩淡雅，版面活泼风趣。
2.2 字体、色彩方案
为了个人空间网页设计能够更好投入到实际操作中，特此准备了两种方案。
（1）一种为淡暖色系
黄绿色（C：9 M：0 Y：36 K：0）橙色调（C：0 M：30 Y：70 K：0）朱红色(C:：32 M:：72 Y：85 K：29）
为主色调 为辅色调
为辅色调
字体均采用华康少女字体、华康采风字体、华康娃娃体。
（2）一种为清蓝色系（备选方案）
淡蓝色（C：9 M：0 Y：36 K：0）
粉红色（C：7 M：33 Y： 0 K：0）
桔黄色(C：0 M：36 Y：47 K：0）
为主色调 为辅色调
为辅色调
字体均采用楷体字体、仿宋字体、黑体.（3）整体色彩都采用代表忧伤的颜色，以便烘托出“流年”这个主题，达到更好的视觉上的享受。
2.3 工作环境：
操作系统：Windows XP以上系统 制作工具：Photoshop CS5
2.4 浏览工具：
IE浏览器
三、个人网页功能模块设计（第一种方案）
3.1 空间动画
本页采用贴图的形式来展现整个动画，主体上以书为主，以图片为辅，书本上C’EST LA VIE（这就是生活）正在诉述着人生的种种，零零碎碎的照片，CRY，NEVER，LOST，BELONG，EVEN各种的心情，从不同角度展现生活的美，让用空间那种独特的方式向读者娓娓道来我的生活。
文本区：文字都运用华康隶书体，给人一种亲切感而又不失严肃。
色彩区：整页运用灰色（C：4 M：4 Y：4 K：4）为主，白
色（C：0 M：0 Y：0 K：0）
赤褐色（C:：20 M:：30 Y：45 K：0）
黑
色（C:：0 M:：0 Y：0 K：100）
朱红色(C:：32 M:：72 Y：85 K：29）
为辅 3.2
主页
主页采用了左中下的框架结构，左上角的空间名称“流年”让人充分了解主题，字的旁边添加一些线条花加以点缀，显得生动活泼。在左侧的导航栏中的选项界面运用圆形的方式将其逐一展现出，并且均在每一张页面上能够得到显示，右侧的图片区放入一张小女孩对过去的怀念之情的手绘图。下边的导航栏中以新鲜事、相册、联系方式展现，相册中运用到了时间轴，照片在一定时间内可以飘过，这样增加了画面的跳跃感。在所有页面中都采用了简洁的样式，从而达到网页表现与内容分离的目的，让我能更好的设计网页的显示效果。
色彩区：
整体页面以黄绿色（C：9 M：0 Y：36 K：0）色调
橙色调（C：0 M：30 Y：70 K：0）
“流年”采用了方正隶二简体字体，48，严谨而不失大体，其色彩为朱红色(C:：32 M:：72 Y：85 K：29）
“主页、日志、相册、音乐、资料、留言板”采用了华康少女文字，简单 14 以黄绿色（C：9 M：0 Y：36 K：0）
为已打开页面。
为辅色调
为主
橙色调（C：0 M：30 Y：70 K：0）
为未打开页面
“新鲜事、相册”采用了华康流线体，流畅14，以（C：0 M：55 Y：74 K：0）
下方的日志排列采用了方正隶变简体，9.5，以黑色（C：0 M：0 Y：0 K：100），以及联系方式采用了华康少女字体，10，以橙黄色（C：0 M：55 Y：74 K：0），粉红色（C：0 M：30 Y：37 K：0）
。3.3
日志
个人日志中仅仅是一个日志列表的显示，我所做的就是用传统的样式让日志展现出来，按照日期来排列，并且标注一些日志是最新的，整个日志列表有日期、标题、浏览量以及横线、翻页栏来组成。同时将个人的联系方式放到了左下角，以便访客可以及时和我联系。日志列表的最上角的运用了三张照片和一张信封、一杯咖啡，希望访客能够在品尝咖啡的同时来享受这些所带来的触动。右上角的白色的SPING THE STORY粘贴在墨迹上，仿佛在诉说着这些故事的深远，并且与右下角的山水图对应。
色彩区：
黄绿色（C：9 M：0 Y：36 K：0）橙色调（C：0 M：30 Y：70 K：0）
为主色调 为辅色调
“日期、标题、浏览量”采用了Adobe 楷体std，12，黑色（C：0 M：0 Y：0 K：100）。
日志列表中的日期、浏览量，采用了Arialz字体，而日志名采用了方正隶变字体，统一大小9.5，灰色（C：57 M：49 Y：48 K：15）
3.4 日志简介
在日志简介中我采用了最简洁的排版，文本区我插入了FATE/ZERO NIGHT这篇文章，紧跟其后就是创作的时间以及阅读量。文章下方还有“赞、转载、分享、评论、复制地址、举报、更多等多种对文章的选项，到文章的右下角还有上一篇以及下一篇的提示。整体版面简洁大方，让人能够一目了然。在整个页面的右下角的插入图片，主要目的是为了让访客能够体会这个图片对生活的期待。
色彩区：
黄绿色（C：9 M：0 Y：36 K：0）橙色调（C：0 M：30 Y：70 K：0）
为主色调 为辅色调
文章的标题以及时间日期均采用了Arial字体，18，正文部分采用了Arial字体，10，灰色（C：59 M：50 Y：50 K：18）
文本区的导航栏的文字采用了Arialz黑体std字体，10，浅灰色（C：29 M：24 Y：24 K：0）
3.5 相册界面：
此页面中采用了左右的排版，左侧为导航栏包括左下角的联系方式，当访客打开电子相册时，就会出现一个翻开的书，书上粘贴着一个关于寻找过去，珍惜现在所拥有的童话故事“小王子”，画面色彩清晰分明，能在那么一瞬间走入访客的心里，并且点击进入这个浅蓝色按钮，继续欣赏下去循环下去。整体画面清新，主题明显，色彩暖人心。
色彩区：
黄绿色（C：9 M：0 Y：36 K：0）橙色调（C：0 M：30 Y：70 K：0）
浅蓝色(C：20 M：6 Y：6 K：0)
灰蓝色(C：3 M：2 Y：4 K：0)
为主色调 为辅色调
为辅色调 为辅色调
“个人相册”采用了楷体字体，能够方便访客进入界面，25，灰色(C：67 M：60 Y：59 K：44).，“点击进入”采用了黑体，8，白色（(C：0 M：0 Y：0 K：0)下方的相册简介采用了华康采风体，6，浅灰色(C：58 M：50 Y：49 K：17)，整体字体运用的合理到位，活泼而又不失单调。
3.6 相册展示：
相册展示中我采用的流动的方式来展示照片，在展示区运用了一个展示栏，有树叶，有房子，带给人一种清新的感觉，能够充分的烘托出主题，图片大都选用了色彩比较温和而又不失风格，而且相册名为清新，图片与名称相呼应。大图片为一个小女孩正在望着天空，戴着一个猫咪的帽子，被风吹起的头发，飘起的裙摆，就这样，轻轻地走进人的心底。下方的小图片采用的是流动展示的方式，点击下方的指示栏就可以进入下一组图片。整体版面干净明了。
色彩区：
黄绿色（C：9 M：0 Y：36 K：0）橙色调（C：0 M：30 Y：70 K：0）
为主色调 为辅色调
上方的相册名称“清新、暖暖、唯美、意境、浪漫”采用了华康娃娃体，17，深橙色（C：19 M：57 Y：82 K：4）暗绿色（C：39 M：17 Y：96 K：1）
为未打开的相册，为已打开的相册。
下方的流动相册的“BACK、NEXT”采用了华康童童体，16，橘黄色（C：0 M：25 Y：64 K：0）
3.7 音乐：
音乐的界面采用了左右两侧的排版来向访客展示，左侧的导航栏沿袭一贯的风格，右侧的展示区标题部分“ENJOY YOURSELF，SMILE（享受自己，笑一笑）”，希望访客可以放松心态来享受听觉上的心灵盛宴，旁边插入了一张卡通风格的图片，以此来衬托音乐这个主题。搜索栏上简洁而方便访客搜索音乐。对于每个人听音乐的心情不同，所以我把不同心情时会听的音乐分了一下类别，分为开心时，激动时，安静时，忧伤时，思念时，甜蜜时，幸福时，想哭时等，分别对应上相应的图片，以达到更好的效果。下方的翻页栏依然还是沿用传统的风格。整体感觉不单调，有种别致清新的感动。
色彩区：
黄绿色（C：9 M：0 Y：36 K：0）
橙色调（C：0 M：30 Y：70 K：0）
灰色调（C：0 M：30 Y：70 K：0）
为主色调 为辅色调
为辅色调
标题部分“ENJOY YOURSELF,SMILE”采用了华康童童体，30，标题下方的介绍文字采用了方正体，12，康体简橙色调,橙色调（C：0 M：30 Y：70 K 0）0）
“搜索”以及各种心情时的文字采用了华康少女字体，10，白色（C：0 M：0 Y：0 K：0）橙色调（C：0 M：30 Y：70 K 0）
。浅灰色（C：34 M：30 Y：29 K：
3.8 音乐列表：
音乐的界面采用了左右两侧的排版来向访客展示，左侧的导航栏以及右侧下角的翻页栏沿袭一贯的风格，右侧的音乐列表取用了思念时的一个界面，仍旧还有搜索栏，按照时间、歌手和歌名来搜索的搜索栏，简单而又实用。五张整齐的图片排列着，正在向访客们轻轻地诉说着属于他们的那一份单纯的思念。图片下方的文字介绍着思念时听着音乐的故事。思念一个人的很安静，所以歌曲全大多数选用轻缓节奏的九首歌曲，还有三个简单的选项“播放、下载、评论”供访客选择，可以让访客沉醉在音乐的世界里。
色彩区：
黄绿色（C：9 M：0 Y：36 K：0）
橙色调（C：0 M：30 Y：70 K：0）
灰色调（C：0 M：30 Y：70 K：0）
为主色调 为辅色调
为辅色调
标题上方的“音乐”采用了华康少女文字，活泼可爱，18，灰色 “思念时”以及文字介绍均采用了楷体，8和6（C：51 M：43 Y 43 K：7），橙色调（C：0 M：30 Y：70 K：0）。
音乐列表中的字体都是采用Adobe 楷体字体和迷你简小隶书，字 体简洁适合，7.5和8.5，（C：51 M：43 Y43 K：7）
3.9 个人资料：
此页面采用左右排版，左侧风格依旧，右侧使用方框来展示内容，套用了腾讯空间的展示页面，三个方框分别用来展示主人照片、空间等级、以及个人资料，用方框的方式来展现内容，可以具体化，也可以抽象化。在个人资料上有一部分的空间的简介，充分显示出流年-忆往昔，而且使用了不同颜色来叙说这个空间的真正意义。下方还有两个兴趣爱好、空间动态两个蓝色按钮，使用了凹凸效果，能够让人眼前一亮，可以更好达到提到人气，而且能交到志同道合的朋友。
色彩区：
黄绿色（C：9 M：0 Y：36 K：0）
橙色调（C：0 M：30 Y：70 K：0）
灰色调（C：0 M：30 Y：70 K：0）
为主色调 为辅色调
为辅色调
暗绿色（C：23 M：0 Y：63 K：0）为辅色调
空间资料上的文字采用了华康少女字体，11，淡粉（C：1 M：17
Y：40 K：0），以及空间名称采用了华康娃娃体和迷你简体柏青，18，暗蓝色（C：92 M：71 Y：30 K：13）
空间介绍上的文字采用了华康楷体字体，8，黑色（C：0 M：0 Y：0 K：0）。
3.10 留言板：
留言板的界面以简洁来展示，依然是右侧来展示留言板的内容，分为留言主页，有话要说，留言管理三个部分，旁边加上两个纸飞机是为烘托留言这个主题。整体简洁方便访客畅所欲言，版式套用腾讯空间的模式，再加以修饰，组成了这一部分画面，右下角的图片，温暖的气氛，让人不紧想休息一会，对整个页面进行评价。
色彩区：
黄绿色（C：9 M：0 Y：36 K：0）橙色调（C：0 M：30 Y：70 K：0）
为主色调 为辅色调
淡蓝色（C：4
M：1 Y：5 K：0）为辅色调
留言板的选项上采用了楷体字体，10，暗蓝色（C：62 M：44 Y：22 K：1）
其他字体均为华康少女字体，12，粉红色（C：0 M：19 Y：20
K：0）
四、总结
4.1 技术总结：
我在个人主页的制作过程中唯一让我感到通过自己学习所能应用的技术就是PSD，虽然不能完全的理解但是通过查阅资料还是将其运用到网页制作中。当然还有在课堂中学习到的技术在网页上的应用。4.2 个人心得总结：
初看到网页设计的时候心情十分焦躁，虽然老师在课上讲了许多东西，但是没有真正的应用过，所以在心理上产生了恐惧感，但是通过自己对课件的一个梳理以及在翻阅书籍中获得了大量的知识，以及制作信心。尤其是在PS的应用中我深刻的体会到了自我学习的重要性，俗话说：“师父领进门，修行在个人。”通过此次作业真正让我领悟了自我学习才是在今后学习以及生活中不断提高自己的最重要的途径。学习了一个学期的网页制作，真正让我收获了一种学习态度，我感觉这是我最重要的收获。当然还有专业知识方面的学习，虽然学习的不精深但还是收获了，收获了网页的一些基础知识，这就所谓的学海无涯吧。
第二篇：网页设计说明书
网 站 设 计 说 明 书
一、设计理念
本网站定位 本身是用于展示个人作品的一个平台页面系统。在展示之余也有推销网站 建设之功效....页面主要以 深红色调风格为主,站点分为有 首页简介、关于我的作品、经典作品展示、与我联系方式等 各个方面子页面.本站页面主要展示的是本人在暑假实习公司开发的一些 作品...整体页面使用到了 CSS 层样式技术。
二、设计流程
网站主要以自己喜爱的东西而制作，并根据,相应要求 到网上寻找相应的 图片素材 以及 应用到 PS 图片设计结束.最后 应用 HTML 网站设计技术 使用 DIV+CSS 进行页面布局的定位设计.三、使用的工具与技术
网页制作工具 : Dreamweaver CS5 多媒体设计制作工具:Photoshop 应用到的设计技术： HTML、CSS.四、网站设计说明
网站名称: 梦幻部落-作品展示厅 整体形象设计包括标准字、Logo、标准色彩、广告语等.首页作为网站的形象页，作为网站的欢迎页面，引入的元素大致有网站名称、LOGO、形象图片、宣传文字、栏目导航等要素,是彰显网站整体风格的重要页面, 并结合 FLASH 动画来展示.网站形象页的设计突出..展示为主题，通过文字、形象、图片的巧妙烘托，令页面富有 层次感，达到赏心悦目的效果。
五、页面结构布局
(1)、首页布局、网站 Logo 幻灯片展示切换 页面链接 站点介绍 页面介绍 在线联系方式 页面底部
(2)、站长个人简介页面、网站 Logo 幻灯片展示切换 页面链接 个人简介 内容 更多链接 页面底部
(3)、作品展示页面、网站 Logo 幻灯片展示切换 页面链接 作品展示 栏 页面底部
(4)、联系方式页面、网站 Logo 幻灯片展示切换 页面链接 联系 提交 表单 其他联系方式 网站建设 套餐 页面底部
第三篇：网页设计岗位职责说明书
网页设计岗位职责说明书
1、网站设计和运营维护中的设计工作;
2、网站的FLASH和GIF动画设计制作;
3、网站发展中涉及到的视频处理和片头动画。
网页设计岗位职责(二)
1、参与公司产品的整个策划沟通过程，了解需求与设计细节;
2、负责设计网站、小程序、APP等界面，并独立完成静态页;
3、对最终上线的页面负责，对自己的效果图有较高要求，有像素精神。
网页设计岗位职责(三)
1、负责网页设计、排版、维护;
2、产品上新、拍照、美图、维护;
2、负责产品宣传册的设计、排版;
3、其他上级交待的事宜
网页设计岗位职责(四)
1、负责公司产品的界面进行设计、编辑、美化等工作;
2、对公司的宣传产品进行美工设计;
3、负责客户及系统内的广告和专题的设计;
4、负责与开发人员配合完成所辖网站等前台页面设计和编辑。
网页设计岗位职责(五)
1、负责天猫旗舰店、京东等电商平台网店整体形象设计、网店风格、版面调整及商品展示设计,首页广告图片制作及美化、整体布局、活动广告和相关图片的制作;
2、负责实物照片的处理。对新产品进行排版，优化店内宝贝描述，美化产品图片提高产品转化率，增强店铺吸引力、产品销量
;
3、负责产品推广活动促销海报设计、新媒体宣传海报、图片等设计;
4、负责定期对网店店铺装修、版面调整以及产品详情的日常维护等工作;
5、负责各类宣传物料的设计及实物制作工作;
6、负责参与新开发产品的外包装设计;
7、完成领导交办的其他工作。
第四篇：网页美工岗位说明书
网页美工岗位说明书
网页美工岗位说明书
网页美工是精通美学，ps，flash，dw等一网站制作软件的网络人员，必须具有良好的创意和一定程度的审美观。必要时需要一定的策划知识。
网页美工岗位职责
1、负责网站界面设计、编辑、美化、改版、更新等工作;
2、制作简单的flash广告;
3、负责与开发人员配合完成所辖网站等前台页面设计，编辑，前端静态页面开发;
4、负责客户及系统内的广告和专题的设计;
5、公司日常工作美术设计和宣传
资料的制作;
6、其他与美工设计相关的工作。
网页美工岗位要求
1、熟悉网站制作、设计流程，熟悉网页基本架构和表现形式;
2、精通coredraw、dreamweaver、photoshop，对flash、ai有一定的了解;
3、精通div+css,熟悉开源cms网站模板制作;
4、色彩控制能力、想象力，较强的网站整体风格定位;
5、有扎实的美术功底，良好的创意思维和理解能力;
6、有责任心和严谨的工作态度，抗压力强;
7、富有创造力，有创意、有想法，制作的作品吸引人，突出重点。
网页美工关键技能
专业能力
psillustratordreamweaverflashfireworks
个人能力
审美能力创新能力美术功底
网页美工升职空间
网页美工 → 高级美工设计 → 设计总监
网页美工薪情概况
应届毕业生￥
1年经验￥
2年经验￥
3年经验￥
网页美工工作内容
1、公司网站的设计，页面框架搭构，页面制作;
2、网页的维护改版：活动专题，广告banner，创意展示等;
3、公司对外宣传页面以及自媒体宣传页面的设计;
4、网站专题页面的设计与实现;
5、网站产品单页的设计与制作;
6、产品图的修图美化。
第五篇：个人网页设计(论文)
炎黄职业技术学院信息工程系
毕业设计（论文）
个人网页设计
年 级: _ 2009级___ _ 学 号: _ 0******17 _ 姓 名: __ _****_____ 专 业: 网络数字媒体 _ 指导老师: __ ****__ __
二零一一年十二月 炎黄职业技术学院 信息工程系毕业设计（论文）
摘 要
本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。在介绍网页设计与制作语言的基础上，着重使用CSS样式表作为工具语言进行网页设计与制作的实际操作，分别对基于对象的JavaScript语言、用于编辑HTML语言的软件进行了详细的介绍。
本论文主要章节如下，炎黄职业技术学院 信息工程系毕业设计（论文）
炎黄职业技术学院 信息工程系毕业设计（论文）
炎黄职业技术学院 信息工程系毕业设计（论文）
1、是一种脚本编写语言
JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。
它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。
2、基于对象的语言。
JavaScript是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
3、简单性
JavaScript的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。
4、安全性
JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。
5、动态性的
JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(Home Page)中执行了某种操作所产生的动作，就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。
6、跨平台性
JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。
实际上JavaScript最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑，软件仅需一个字处理软件及一浏览器，无须WEB服务器通道，通过自己的电脑即可完成所有的事情。
总之，JavaScript 是一种新的描述语言，它可以被箝入到 HTML 的文件之中。JavaScript语言可以做到回应使用者的需求事件(如：form的输入)，而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端(server)处理，再传回来的过程，而直接可以被客户端(client)的应用程式所处理。
炎黄职业技术学院 信息工程系毕业设计（论文）
JavaScript 和 Java 很类似，但到底并不一样！Java 是一种比 JavaScript 更复杂许多的程式语言，而 JavaScript 则是相当容易了解的语言。JavaScript 创作者可以不那麽注重程式技巧，所以许多 Java 的特性在 Java Script 中并不支援。
2.3 CSS样式表
级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HMTL中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。
CSS目前最新版本为CSS2,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒模型的能力，并能够进行初步交互设计，是目前基于文本展示的最优秀的表现设计语言。
在网页上使用样式表有三种方法可以在站点网页上使用样式表：
将网页链接到外部样式表。
在网页上创建嵌入的样式表。
应用内嵌样式到各个网页元素。
当要在站点上所有或部份的网页上一致地应用相同样式时，可使用外部样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果人们决定更改样式，只需在外部样式表 — 中作一次更改 — 而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以.css 做为文件扩展名，例如 Mystyles.css。
当人们只是要定义当前网页的样式，可使用嵌入的样式表。嵌入的样式表是一种级联样式表，“嵌”在网页的
标记符内。嵌入的样式表中的样式只能在同一网页上使用。使用内嵌样式以应用级联样式表属性到网页元素上。
如果网页链接到外部样式表，为网页所创建的内嵌的或嵌入式样式将扩充或覆盖外部样式表中的指定属性。
炎黄职业技术学院 信息工程系毕业设计（论文）
炎黄职业技术学院 信息工程系毕业设计（论文）
图2-2 随笔
相册效果图2-3如下：
图2-3 相册
音乐效果图2-4如下：
图2-4 音乐
关于我效果图2-5如下：
炎黄职业技术学院 信息工程系毕业设计（论文）
图2-5 关于我
3.2 网站主题
本网站是一个简单的个人网站设计，以动漫为主题，主要包括了本人的自我介绍、比较喜爱的动漫作品以及平时的娱乐等。
3.3 网站风格
1.本网站主要体现了清新自然的风格，以简洁为主。2.网站的主色调为绿和白，充分衬托清新自然的风格。
炎黄职业技术学院 信息工程系毕业设计（论文）
炎黄职业技术学院 信息工程系毕业设计（论文）
(1)执行“插入”—“新建元件”命令，创建一个名称为“拉伸的叶片”的影片剪辑元件。
(2)选择矩形工具，设置填充颜色，在舞台上绘制一个无描边举行，在属性面板中设置宽和高。
(3)选择矩形，将其转换成“名称”为“叶片”的图形元件。(4)选择
onmouseout=“makevisible(this,1)”
onmouseout=“makevisible(this,1)” 炎黄职业技术学院 信息工程系毕业设计（论文）
2.输入文字，制作超链接。
4.6 xiangce4.html页面的制作
1.制作图库页面。
(1)新建一个网页文档，建立图库页面的基本布局。
(2)将光标定位在页面左侧的 炎黄职业技术学院 信息工程系毕业设计（论文）“1”，单击[确定]按钮回到行为面板，将此行为事件改为“onclick”。
(2)用同样的方法，给另外3张图像添加同样的行为，将 炎黄职业技术学院 信息工程系毕业设计（论文）
致
谢
本论文历时两个多月，我系统综合地将我所学的知识运用于毕业设计的全过程。在完成毕业设计中，首先我要感谢我的指导教师****老师。*老师耐心细致地指导我毕业设计，提出了很多精辟而富有建设性的建议。*老师认真负责的工作态度，严谨的治学态度都给我留下了深刻的印象，在学习上给予了我极大的关心和帮助，在此表示衷心感谢！
同时，感谢炎黄职业技术学院为我提供了一个良好的学习环境，感谢学院的领导和老师们！他们无微不至的关怀、精心的培养使我到了很多的知识，终生受益！
炎黄职业技术学院 信息工程系毕业设计（论文）
参考文献
[1] 缪亮.Dreamweaver CS3 基础与实训教程.电子工业出版社，2008年.[2] 李冬芸.Flash动画实例教程.电子工业出版社，2010年.[3] 缪亮，郭刚.Photoshop平面设计实用教程.清华大学出版者，2008年.
点击咨询 