第一篇:个人网页设计说明文档
个人网页设计说明文档
我的个人网页包括了一个主网页“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来编译出来的一个网页对话框。
谢谢各位对我的第一部个人网页作品的参观与评论!虽然做的不好,但还是谢谢大家!
第二篇:个人网页设计说明。doc
网页设计说明
网站主题是:个人网站《我做的游戏网站》
整个网站分为一个主页,3个超级链接。包括:最新新闻,相册,玩家视频,分享视频,登陆,注册.一、表格定位
1,根据要求建立站点
2,把要用到材料放在站点文件夹中
3,建立主页,建立空白页后,点”插入“菜单,选择”表格“选项。选择相关参数:8行3列 最后,调整表格宽度1024,边框粗细0.并在”属性“栏设置为“居中”。
4,页面属性,分类-外观,插入背景图片素材,设置相应大小,字体颜色,字体大小。5,按住CTRL键,点击第一列第二行和第三行这两个单元格,点击鼠标右键,表格-合并单元格。
6,将主页制作完毕之后保存为模板。
二、超级链接,在模板中使用可编辑区域制作子页。
1,在主页上插入模板可编辑区域来制作子页,用于超级链接的目的页。2,在主页要建立超级链接的位置输入文字。如“相册”,然后选中“相册”在属性栏中的”链接“框中输入相关文件全名。
3,把超级链接的字体颜色改为黑色,并把字体大小设为14,再在页面的”页面属性“中把下划线样式设为“仅在变换图像时显示下划线”。
4,插入一张用于超级链接的导航图片素材,链接中,用 指向文件选择要链接的子页。这样点击链接图片即可进入子页。
三,表单
1,建立一个新网页“留言板”。
(1)在”插入“菜单中选中”表单,插入文本字段、文本区域、单选框、复选框、按钮等相关部件
(2)在“属性”栏中设置好每个部件的属性。再将主页中的留言板的超级链接图片与这个新网页链接。
2,在主页,设计一个登录的表单。第一列第二行插入表单,插入文本域(用户名,密码),插入菜单按钮,将提交改为登录。3,(1)在登录表单上插入一个注册的超级链接图片,建立一个新的注册网页,插入文本域,单选按钮组,列表菜单等,设置用户名,密码,密码找回提问设置,性别选择等。(2)插入表单 按钮,“立即登录”。保存。
(3)然后将注册超级链接图片 用指向文件链接到新保存的注册网页,再保存即可。
四、插入Flash、背景音乐 1,(1)把需要插入的Flash文件准备好
(2)建立新网页,在要插入的位置,点击“插入”菜单选“媒体”里面的“Flash文件”打开对话框添加到相应的位置
(3)调整位置和设置相关参数。
2,在第一列第三行插入背景音乐。点击“插入”菜单选“媒体”里面的“SHACKWAVE”文件,打开准备好的音乐素材。将播放器调整合适的大小。
五、CSS样式
这里以设置浏览器中的文字大小为例: 1,打开网页文档“个人简介.htm”
2,在“文本”菜单中选中“CSS样式”点击“新建”按钮,弹出对话框。相关选项如图 3,在“标签选择器”上选定
标签,然后在标签上单击鼠标右键,在弹出的快捷菜单中选中【设置类】设置为“字体”。保存。4,在CSS样式中,分类-扩展,滤镜中选择 shadow(color=60,Direction=90),保存。
六,滚动图片和去下划线
1,在主页第四行第二列插入三张生活照素材。2,点击第一张图像,切换到拆分视图,在相应位置输入以下代码:
3,选中最后一张图像,在相应的位置上输入。
4,在页面属性中去掉下划线,超级链接设置为变化图像时现实下划线。保存。
七,填充空白,使主页更完善。1,在第三行第二列插入动感图片。2,在第三行第三列插入“分享大全”,和两个超级链接文章。3,在第7行居中位置插入四幅图像。
4,在第8行居中位置输入超级链接图片(留言板)。设置超级链接图片高160,宽20.郅勉
第三篇:个人工作室设计说明
设计说明
设计理念表达围绕其“灵透”,我在方案
中大量使用了玻璃、银色系列及浅色调的洁净材料,如玻璃幕墙、银质铝塑板、水晶白麻石材、玻化砖等,围绕本案主题,构筑个性化空间,该色彩搭配除了清透、雅致、稳重、大气之外,亦表现出一种力度感和效率感。渗透入贵机械制造企业之“清透感”,亦反衬企业之“柔美感”。
唯美婚纱设计工作室把传统的婚纱理念注入创新的现代风格,以简洁明朗的线条和细腻柔和的褶皱烘托出着装者独立而不失女人味的鲜明个性和品位。同时配合独特的手工造型,钉珠工艺,让奢华与简约共存,简洁而不简约是玖丽婚纱最主要的设计理念,让每一件成衣都更适合着装者的风格与体型
第四篇:个人网页制作
个人网页制作
宣传语:如果你已经上网,为何不尝试一下在网上做一个完全属于自己的主页?有了自己的主页,全世界的人都可以随时找到你,你也可以向全世界宣传下自己,是非常有意义和有意思的。现在简单介绍一下制作主页的过程和方法:
一、准备材料
你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三个方面:自我介绍,我的爱好,我的工作,那你就先起一个总目录(文件夹,比如d:html),来放你的所有文件,然后再在这个目录建立三个子目录:myself,interest,job。文件名你可以任意,但最好全部小写,因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照,那就将你的照片扫描成JPG格式的文件,放在myself的目录下.要注意,网上只能使用JPG和GIF两种图象格式,其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换,比如Office97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。
二、开始制作
你无须去记复杂的HTML语言,你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选EditPage,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页,你先写上“大家好,我是superboy,下面是我的照片:”这时要放图片了,只须点击Insert菜单,选取Image,在Choosefile里选取你的图象文件即可,然后把这个文件保存为myself.html文件,放在myself的目录下。好,现在必须做封面了,你在封面写:“欢迎来到superboy的主页”以下是“自我介绍,我的爱好,我的工作”。你的自我介绍要链接到下一页去,你只须用鼠标选“自我介绍”后按鼠标右键,再选createlink,然后再选你myself目录下的myself.html,就将“自我介绍”链接到下一页了,以后在浏览器中一按,就可以跳到镶有你靓照的页面啦。在你的封面做好了所有链接和图片后,记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单,只要多实际制作,工多艺熟。还可以拿来主义,在网上看到什么好的主页,用另存为功能保存为.html格式的文件,细细研究人家是如何做的。还可以借用网页模版来搞,我的就是这样的。
三、将你制作好的安放在网上
要在网上安你自己的家,你必须先申请一个主页空间,即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间,具体见实用链接栏目。这些主机不仅提供免费个人主页空间,并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可,具体方法,参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了!
注意:一定要保持网页的相对位置,否则会看不到网页的,有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢?其实他们都是因为位置的问题,只要把位置改动一下就可以的了引用!
第五篇:个人网页计划书
个人网站策划书
2010年4月3日星期六
1、网站作用:让别人了解我认识我
2、网站规模:因为是个人网站一般由简单网页组成,所以规模不大
3、网站目标客户:同学,朋友。
4、网站特色:我的这类网站受众一般为青年人,所以在色彩上和设计风格上追求青年人的口味,画面绚烂,在内容上的特色表现为:
(1)内容标准化与个性化(2)充分体现互动性(3)内容实用性 5.网站的宣传标语:展示自我,分享快乐。
一、网站的风格及配色方案
1、网站名称:屋顶看月亮
3、网站logo
4、网站标准色:整个网站以杂色为主基色,配以黑白色,我认为配这种色代表年轻人的激情。
5、网站标准字体:在字体上我主张采用默认字体,因为这种字体无论在那种浏览器上都能正常显示。所以我采用系统默认字体。
二、网站的栏目设计 网站名称
首页 日记 相册 座右铭 收藏 给我留言
首页草图:
三、网站设计和制作中所采用的技术
1、flash特效功能
2、图片展示功能
3、文章查询功能
4、相册功能
5、在线留言功能
6、友情链接功能
四、首页的设计:简述为了使我的的首页美观生动,吸引人在我的首页,我还添加了形象开头动画页面在页面上我首先映入你眼帘的是高大建筑,在它的上面我添加可透明的flash动画,这样会使网页具有动态美的感觉,从视觉,觉得还是不错的网站。在网站的右下角我还插了滚动字幕,这样可以让浏览着第一时间了解我本站的最新动态。在网页的下中间是我的网站的名称,通过点击它就可以进入我的主页。
记,相册,座右铭,收藏,给我留言六大模块,这六大模块简介如下首页简介:(1)介绍自我,包括自己在大学里的生活体会和自己的爱好。
(2)友情链接栏目使浏览者能够方便的到达一些高校网站。
(3)最新动态栏目是浏览者第一眼能够看到本站的最新信息。
我的日记简介:
这个模块主要包括:
(1)设计感情日记
(2)设计伤感日记
(3)设计人生哲理日记
(4)设计生活日记
我的相册简介:
(1)设计个人的相册
(2)朋友的相册
座右铭简介:(1)我的座右铭
(2)经典座右铭
收藏简介:
(1)音乐收藏---把自己觉得好的音乐收藏下来
(2)古典收藏---古代六件东西
(3)美文收藏---以题目为收藏对象
(4)学习网址---教育技术学的一些网址
(5)货币收藏
(6)其他
给我留言简介:
(1)留言板
(2)留言者注册信息
六、网站完成后的自查:
七、网站完成计算机与信息科学学院 专业:07教育技术班 姓名:冀东宝
学号:2007171106篇二:个人网页策划书
个人网页策划书
专业:光电子技术与科学
班级:
电话: 0813111 *** 个人网页策划书 1,网页作用:让大家通过我的个人主页更加了解我。2,网站规模:因为本人只是对dreamweaver,flash动画,photoshop 等软件的初学者,所以链接只有10~20个,规模不大。3,网站目标客户:同学,朋友,志同道合的年轻人。4,网站特色:我的这类网站受众一般为青年人,所以在色彩上和
设计风格上追求青年人的口味,画面绚烂,在内容上的特色表现为:(1)内容标准化与个性化(2)充分体现互动性(3)内容实用性(4)多媒体技术专业性(5)网站平台延展性 5,网站宣传标语:展现自我,尽显家乡美景。
一,网站的风格及配色方案: 1,网站名称:我的个人主页。2,网站标准色:我采用色彩缤纷的多色调,来展现年轻人的勇往
直前,斗志满满的精神风格。3,网站标准字体:在字体上我主张采用默认字体,因为这种字体
无论在那种浏览器上都能正常显示。所以我采用系统默认字体。4,网站特色: 通过我的爱好,家乡风景来为大家展现全面的自我,让大家知道年轻人的朝气蓬发,斗志满满,永不畏惧的精神,希望大家能够喜欢。
二,网站栏目设计:
个人网页结构图
个人简历:这是我的个人介绍。
我的家乡:我的家乡松原,在这里我会把家乡的历史渊源,以及经济发展介绍给大家。
我的爱好:为大家介绍下我的爱好。我的偶像:这里是我的偶像孙红雷,他很有东北男人应有的气概,我希望通过这个能让大家更加了解我,认识我。
三,网页设计和制作中所采用的技术: 1,dreamweaver网页创建,链接功能。2,flash特效功能。3,在线留言功能。4,图片展示功能。5,时钟功能。
四,首页的设计简述为了使我的的首页美观生动,吸引人在我的首
页我还添加了形象开头动画页面在页面上我首先映入你眼帘的是美丽的鼠标光影效果,在它的上面我添加可透明的flash动画,这样会使网页具有动态美的感觉,加上合理多彩颜色,动听的背景音乐,无论是从视觉,听觉还是让人轻松的个人网页。五,栏目页及内容页的设计构思我的个人网站大体上包括一下内
容:个人介绍,我的家乡,我的爱好,我的偶像等链接,这四大模块简介:(1)介绍我自己个人信息。(2)体现家乡美景(3)展示自我爱好(4)介绍我的偶像等。
资源下载简介:(1)原创作品;在这里可以写个人的个人日志,心得体会(2)资源共享附栏目页或内容页模板图我的相册、我的音乐、你我互动、最新动态、资源下载(3)百度文库,天下素材网等各大网站。
六,自我检查,做最终的修饰,改进。
七,个人主页完成希望大家能够喜欢。篇三:个人网页设计策划书
网站名称
个人主页
网站主题
让更多的人有机会了解自己,同时认识自己,了解自己,展现丰富的自我个性,我的地盘我做主。
网站风格
表达活力的色彩必定要包含红紫色。它是“运动”的最佳代言人。红紫色搭配它的补色黄绿色,将更能表达精力充沛的气息。
页面底色为红紫色,配以黄绿色,展现活力四射的青春自我。
建站目的
1、这是我第一次构建网站,„„
2、展现自我„„
3、熟悉网站建设过程,并熟悉网站设计和网页制作
建站内容框架
1.个人资料,以一个页面介绍自己的基本情况,添写构思 2.我的朋友
1)好朋友:添写构思 2)同窗朋友:添写构思 3)宿舍朋友 3.我的学校 1)我的中学 2)我的大学 4.我的家乡 1)家乡简介 2)家乡风光 3)家乡习俗
4)美好记忆 5.我的收藏 1)美文收藏 2)美图收藏 3)体育欣赏 4)电影欣赏篇四:个人网站设计策划书
策划人:钟梦琳 2014年4月2日
目录
一.网站建设的背景2 2 1.2 2.„„„„„„„„„„„„2 3 5 1..5 2.„„„„„„„„„„„„„„„„„„„„„..6 五.网站建设费用清单 „„„„„„„„„„„„„„„„„„„„ 7 菜菜子——个人网站策划书
一、网站建设的背景
的压力,致。刷着各种新鲜的事物,甚至于在当out的人。人与人的交流
二、网站建设的目的
1、让别人认识了解我,认识更多新的朋友,促进交流,让别人了解表
面不易呈现的自己。
2、分享自己的喜怒哀乐,把自己乐趣与别人分享,同时悲哀也能得到分
解,压力也可以减轻。
三、网站的规划
首页的设计:简述为了使我的的首页美观生动,我还添添加可透明的flash动画,觉得还是不错的网站。解我本站的最新动态。入我的主页。
首页,日记,(1)
(2)
(3 我的日记简介:
(1)设计感情日记
(2)设计伤感日记
(3)设计人生哲理日记
(4)设计生活日记
我的相册简介:
(1)设计个人的相册
(2)朋友的相册
(3)有趣的东西
三观导向:
(1)我的价值观(2)我的人生观
(3)我的道德观
收藏简介:
(1)(2)
(3)
(4)
(6)其他
给我留言简介:
(1)留言板
(2)留言者注册信息篇五:个人网站策划书
编号:xgx2009150619 启用前绝密
个人网站策划书
策划人:高志忠
2012年6月4日
目录 1.市场分析.................................................................................2 2.个人网站流程图.....................................................................2 3.个人网站的技术解决方案.....................................................3 4.网站容.....................................................................................4 5.网页的设计.............................................................................4 6.费用预算.................................................................................7 7.网站维护.................................................................................8 8.网站的推广与发布.................................................................8
一、市场分析
1、随着互联网的高速发展,越来越多的网站涌现出来。根据我国互联网信息中心发表的权威,报告显示中国网站越来越多,导致竞争加剧。并有人断言个人网站已成为过去时代。
2、个人网站与商业网上相比,并没有绝对优势和劣势。商业网站的优势在于资金充足可以带来广泛的宣传与推广,人力的充足可以带阿里更大的数据与信息,但网站的核心在于给人们带来的服务,商业网站主要在于投资于报酬,使得人们在经常处于高度紧张状态。为了使人们放松,就少不了休闲网站,例如个人网站。个人网站主要在于用心做出属于自己个性与特色。
二、个人网站流程图
三、个人网站的 技术解决方案
1、采用的是自建服务器。
2、我所用的操作系统是win7,此系统是现在人们常用的系
3、photoshop作图软件
4、友情链接功能
5、制作网页所采用的技术为:jsp、div
四、网站内容
1、网站名称:个人网站
3、网站规模:由于是初学者,所以比较简单只做了六个网页,规模较小
4、网站目标:同学、朋友、老师
5、网站准色和字体:主要以蓝色为基地,配以黑色和白色字体,字体型为宋体。因为此字体为大部分浏览器所显示
6、网站宣传语:pain past is pleasure
五、网页的设计
1、网页的框架
图表 1
2、首页:主要介绍的是自己的特长、爱好等。