网页设计设计报告
XXXXXX学校
课程设计计划书课程设计任务书课程设计指导书
2013/2014学年上期
课程名称：网页设计与制作
系别：计算机科学系
年级专业：软件XX班
学生姓名： XXX
学号： XXXXXXXXX
指导教师：XXX
目录
?网站全名及logo 标志 (3)
?建立网站的目的、意义 (3)
?网页设计制作最突出的创意 (3)
?网站的栏目设计 (5)
?色彩搭配及其含义 (6)
?网站的结构图和页面组成 (8)
?网站设计中具体实现的几个关键功能和相关技术说明 (9)
?如何安排进度和计划完成时间 (9)
?网站建设的心得体会和扩展性分析 (9)
?参考资料 (10)
一、网站全名及 logo 标志
网站全名：Jewelry珠宝公司
Logo标志：
二、建立网站的目的、意义
建立网站的目的：面向全世界宣传高级定制珠宝。
建立网站的意义：高级定制，绝无仅有的珠宝。
三、网页设计制作最突出的创意
我最喜欢这个页面的设计，这个页面用来展示了一个系列的婚戒。点击下面的小图片，上面的图片也会随之变换。而且图片背景为透明，也使整个页面的效果更佳了。
而对于这效果的实现，我是先在网页素材库里面找了这个图片特效，然后再运用了一个框架将这个特效嵌入到框架里面。
其中运用了嵌入框架的的代码是：
还有这个页面也是用的这个特效：
点击箭头符号，图片也随之切换。
网站的首页我设计是一个进入flash，点击enter字符进入公司简介
这个页面我也很是喜欢，虽然简单，但是很精彩。Flash是在网上找的素材。
四、网站的栏目设计
这个导航栏是我自己用firework做的，当鼠标移动到每个栏目上都会有两个横向的下拉菜单。详见结构图。
五、色彩搭配及其含义（如绿色 + 金黄 + 淡白，体现优雅 , 舒适的感觉）
例如下面：
公司简介肯定是代表整个公司的形象，所以要大气，而珠宝是华贵而又奢华的，所以我选用的是美国纽约的帝国大厦的城市夜景作为背景。既有低调的奢华，又不失大气。
品牌历史是有着历史的沉淀的，所以我选择了古希腊的历史建筑作为背景，再与公司创始人的黑白照片搭配，更显出历史厚重感。
这个页面用喷泉作为背景，有着一种朦胧的美感，与钻石的闪耀形成鲜明的对比。
用漫天的繁星作为背景与“星眷恋人”这个主题恰好相呼应
订婚钻戒用热恋中相拥的男女作为背景，但图片并不是很清楚，深色的背景更能突显出钻戒熠熠生辉。
六、网站的结构图和页面组成
flash进入页面
公司简介产品系列珠宝系列换钻升卡
品牌历史傲
人
之
处
独
特
珠
宝
传
世
名
钻
婚
嫁
系
列
经
典
系
列
星眷
恋人
婚戒
系列
页面组成：
我每个栏目都做了一个网页，除了“经典系列”与“独特珠宝”没有做页面。
七、网站设计中具体实现的几个关键功能和相关技术说明（例如布局的方法：应用层、应用表格、应用模板、应用 F lash 或其他脚本技术）
布局方法：
页面的大部分都是应用的表格布局的，都是一个表格嵌套的一个表格，少部分应用的层布局。因为表格比较稳定，打开不容易混乱。应用flash：
我在首页应用了flash作为进入网站的首页。
脚本技术：
应用了 这句代码，插入了框架。调用了另一个网页。
八、如何安排进度和计划完成时间
星期一：确定主题，构建网站的框架。
星期二：查找素材包括图片、特效代码、flash及文字资料等
星期三：网站布局，做各个页面。
星期四：精细细节，做好链接。
星期五：网页展示。
九、网站建设的心得体会和扩展性分析
建立网站一定要有一个明确的主题，知道自己是在做什么，准备做什么，规划要做细致，要精确到网页的每一个部分。千万不要做到一半偏离主题，做了一个大杂烩的网页。收集素材是必不可少，前期规划好后就应该把相应的素材找好，这样可以在后期制作时省去大部分时间，不用再忙来忙去找素材。还要注意色彩的搭配，图片与背景的搭配是否应景，是否与主题相呼应。另外，素材在运用前应该进行相关处理，这样可以大大减少后期的制作的工作量。
十、参考资料网页素材库
百度
网页设计美工工作总结报告
网页设计美工工作总结报告 时光匆匆，xx年马上离我们远去。回首这走来的一年，似乎去年 的圣诞歌还在耳边萦绕，实是感叹时间的飞逝，让自己的脚步显得如 此匆忙。可细细品味，却也发觉自己在不轻易间成熟了很多。不知不 觉中，充满希望的xx年就伴随着新年伊始临近。回首xx年的工作， 有硕果累累的喜悦，也有遇到困难和挫折时惆怅。 在医院我所从事的岗位是网络美工，工作主要涉及到网站的广告 设计，广告图片替换，页面策划修改;网站的页面制作，样式修改，后 期维护等不同工作。能够说凡是需要突出我们网络部及网站整体形象 的地方，就需要美工参与工作。 设计工作是痛苦并着快乐，每当面临重大的设计任务时充满了压力，开始搜集各种资料(包括文字的、图片的)，接下来寻找设计灵感，沉思、焦灼，经过痛苦煎熬，终于有了满意的创意时倍感轻松。每当 经过艰苦的磨砺，自己的劳动成果得到大家的肯定时，便是工作中的 快乐!充满了快意。 下面是我过去一年来工作回顾，工作主要围绕以下内容： 1、官方网站改版。 2、激光美容网制作与设计。 3、中韩整形美容网站相关样式修改，日常维护，广告设计，内容 更新。 4、活动专题，与项目专题的设计。根据文案提供的内容来设计策 划专题活动。平均 3天/个。 二、经验总结： 作为一个网页美工除了要求网页三剑客，ps这些必会的软件之外，还要求对html用得熟练，对asp或php，以及jsp要有初步的了解。
1.表达一定的艺术效果，特别是医疗网站，视觉效果很重要。一 个成功的网站应该把网页设计得吸引人，同时又要传达设计思想和情感。网页作为一种媒体，它必须具有一定的艺术感染力，一个平淡无奇、杂乱无章或毫无美感的网页很难会有浏览者喜欢，更不说去浏览 它的内容了。 2.使页面结构清晰可读性强经常能够看到这样的页面，上面堆砌 了很多内容，却没有考虑它的空间框架，让人无法知晓那些内容才是的。没有流畅的视觉流程，这是典型的没有注意到编排清晰度、可读 性的表现。 3.实现不同的功能：在网络这条信息高速公路上，网页最主要的 功能就是一种传递信息的手段。所以，它一切内容都是为了这个目的 而服务。都要围绕这个中心实行设计。然后，要实现这个功能，网页 的美工设计和内容都必须有针对性。所谓针对性，就是指对不同类别 的网页要求采用不同的美工艺术效果。 4.网页的内容： 网页设计人员美化网页，增加网页设计的艺术感，都是为了网页 设计的内容服务的。一般来说，网页的几项基本内容：标题、网站标志、主体内容、导航、广告栏等。 5.确定网站的风格： 整形美容行业的网站或者专题，浏览用户群体，一般都是爱美人士。年龄大约在20~45岁之间，对于这类群体，页面设计得浪漫并有 艺术感。 6.确定网页之间的链接关系： 在网站的部体规划列出来后，就必须要考虑各个网页之间的关系，是星型、树形、网型还是直线链接!
web简单网页课程设计报告
设计内容及要求 <1>使用各种HTML标记，CSS各种常用样式及简单的JavaScript 技术，完成的网页没有错误 <2>首页设置导航栏，命名为 <3>利用CSS技术对网站进行布局，网站风格统一 <4>灵活运用JavaScript使网页生动 一、设计思路 首页： 二、设计结果及分析 首页：
1.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。 东营： 2.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。
广饶简介： 联系： 3.第四章做了根据js的一个互动。可以对前台邮箱的内容进行判断。
图片欣赏： 4.第五章，由于需要用到表格的内容，所以将照片用着种形式呈现出。 三、总结 通过本次网页的制作过程，我学到了很多实用的东西，也充分了解了editpuls这个软件的强大，对学习了一个学期的课程也有了深入的了解。在这段时间里，一方面，我尝试着讲课本上所学的知识运用到制作中，另一方面，我又时刻在网上学习自己需要的知识，学习到了很多有用的知识。虽然之前对于代码的编辑不是很明白，但这几天不断搜集各种网站模板，不断学习设计思路。虽然呈现出的作品很不完整，基本达不到观赏性和实用性，但我还会不断练习。争取作出属于我的风格的web。 五、附录（源代码）
首页：
我大东营
网页制作课程设计报告
网页制作课程设计报告 学院： 专业班级： 姓名： 学号： 成绩： 阅卷教师：
目录 1.设计目的 (1) 2.设计思想 (1) 2.1网站整体结构规划思想 (1) 2.2 主页设计思想 (1) 2.3子页的设计思想 (1) 3网页详细设计分析 (1) 4结论 (1)
1.设计目的 阐述该个人网站的设计意图和创意，简单介绍自己的个人网站。 2.设计思想 阐述网站的整体设计思想，包括： 2.1网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想，绘制网站结构草图。 2.2 主页设计思想 要求对主页的布局思路进行阐述和分析。 2.3子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述和分析。 3网页详细设计分析 要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操作方法。 4结论 对整个设计报告做归纳性总结，并分析设计过程中的困难及如何解决的，最后提出展望。
一、设计目的 本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。我本次主要是设计的一“新加坡之旅”为主题的网页，针对新加坡的美丽风景做了介绍。 二、设计思想 利用Dreamweaver8.0制作一个关于“新加坡之旅”的网站，利用表格、行为、层和链接等网页设计技术设计页面。
简单网页制作实验总结报告
《大学计算机基础》 实验报告 专业名称: 电子商务2班 学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日
目录 第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)
第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”，包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句，色彩缤纷，十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐，影视，购物等非常热门的东西，本站设计的主题是花，能让人们在闲下来的时候看看花，品品诗歌，所以做有关花的网页是个不错的选择。同时，让人们分清楚春夏秋冬都各有什么典型的花。
第二章网站内容设计 1.1链接1标题：春の花 春天是生命的季节，在这个季节里，万物复苏。所以就找了虞美人，桃花，牡丹，以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题：夏の花 夏天充满了激情与阳光，我找了兰花，荷花，百合花等来代表这个季节，色彩艳丽，十分醒目夺人。 1.3 链接3标题：秋の花 大丽花，菊花，月季和牡丹花都竞相出现在本网页，色彩缤纷，赏心悦目。 1.4 链接4标题：冬の花 蝴蝶兰，水仙，迎春花，梅花是冬季的代表，他们刻画了一副傲立冬天的坚强的姿态。
网页工作设计综合实验总结报告
网页设计实验报告 课程名称： 作业名称： 学生姓名： 本人学号： 专业班级： 任课老师： 本人签名：
网页设计实验报告 《网页设计》课程综合性实验报告 第 1 页
以上是网站的部分截图 二．Dreamweaver部分 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发 工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的 2
网页设计实验报告 网页。 本博客网站利用Dreamweaver实现静态网页，运用了表格将网站页面进行整体布局，页面专业美观，色彩和谐。网页绝大部分画面都是由其完成 三．超链接部分 超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。 本网站中，导航栏，图片及部分文字部分均设置了超链接，为查找相关的知识提供了便利的条件。 四．Flash部分 Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。 网站在视频部分，插入了视频，可供来访人员欣赏，丰富了网站内容。五．CSS部分 级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。 第 3 页
大学网页设计实习报告
大学网页设计实习报告 网页是世界上最有价值的不动产之一。以下是小编整理的大学网页设计实习报告范文，欢迎阅读！ 大学网页设计实习报告1 实习目的：熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力，提高我们的计算机文化素质。 网页是世界上最有价值的不动产之一。人们在这个不足平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。WEB站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他WEB站点的链接，绕过主页而进入WEB的深层。 1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。 2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。 3.确定栏目和板块： 1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。
2]其次就应该考虑导航条的设置了。 3]正文的框架设置 (横向因素和纵向因素交错) 在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。 4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。 1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF 的动画等。 2.熟悉制作工具软件： 主页制作的基本条件有： 硬件： 一台电脑(64MB以上内存，当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;软件： HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍 Dreamweaver; 图像处理软件：常用的有Photoshop、flash、Fireworks 等; 文件上传软件：常用的有Cuteftp、WSftp等。 真的是万事开头难啊，遇到了很多问题，比如：插入的
web网站设计报告书
WEB 网站设计报告书 学年第 1 学期 设计题目： Web网站设计报告年级专业： 姓名学号： 所在学院：
目录 一、设计目的 (2) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (3) 五、设计风格 (7)
一、设计目的 在Internet飞速发展的今天，人们已经无法离开网络，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我们已经学了WEB这门课，就可以通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshoto等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。 二、设计题目 《篮球球迷交流网》 主要是篮球新闻、视频，还有交流帖子区，交易广告平台等。 三、结构设计 选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。 然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。 我的设计主题是篮球球迷交流网，包括多个方面，框架为： 首先是首页，首页下是新闻、视频、论坛、比赛、交易，从分栏都可以回到首页。 首页主要分为新闻头条、热门话题区、热门比赛预告、靓图展示。
《HTML5+CSS3网站设计基础教程》_教学大纲
《HTML5+CSS3网站设计基础教程》课程教学大纲 （课程英文名称） 课程编号：201601210011 学分：5学分 学时：76学时（其中：讲课学时：47 一、课程的性质与目标 《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。
二、课程设计理念与思路 课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限 于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。 课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例 （项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为 目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”。 开发工具：DreamweaverCS6 第一章初识HTML5
第二章HTML5页面元素及属性
第四章CSS3选择器
e g o o d f o 背景与图片不透明度的设置 √ 设置背景图像平铺√ 设置背景图像的位置√ 设置背景图像固定√设置背景图像的大小√设置背景的显示区域√设置背景图像的裁剪区域√设置多重背景图像√背景复合属性√线性渐变√径向渐变√重复渐变 √ 第七章表单的应用
网页设计与制作总结
网页设计与制作 实训报告 班级：多媒体152 姓名：张莉钧 学号： 指导老师：薛杨王淑惠 实训时间：6.20——6.24 一、实训目的： 1、进一步熟悉和掌握网站建设的基本流程和技术规范； 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识； 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识； 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 5、具备独立撰写实训报告基本能力； 6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识； 7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予 以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等），为今后从事网站开 发、维护和管理奠定基础 二、实训项目——特色美食餐厅网站设计 1、网站主题 我的网站的主旨在于从各个方面全面的介绍特色美食餐厅，包括它的菜品、餐厅的环境以及促销活动。另外，网站里还包括餐厅资料和联系方式，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是橙色和白色搭配，用以展示餐厅特色的效果。其实最重要的是要做出自己的风格，给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息，包括图片、文字。同时，查 询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。 3、网站规划 我的网站共有７个主页面：首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块，以保证网站统一的页面风格。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是CSS设计一个样式，以保证随时、准确的调用。 三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。
简单网页设计实验总结
简单网页设计实验总结 引导语：写总结，必须实事求是，事实要准确，不能报喜不报优，不要夸大其词。下面是小编为大家精心整理的关于简单网页设计实验总结范文，欢迎阅读！ 简单网页设计实验总结一：站点设置本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。 2、安装windows xp操作系统;建立iis服务器环境，支持asp。 3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件; 通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 1)执行“站点管理站点”命令，在弹出的“管理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。 2)在弹出的“站点定义为”对话框中单击“高级”选项卡。 3)在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中选择所创建的站点文件夹。 在“默认图象文件夹”文本框中选择存放图象的文件夹，
完成后单击“确定”按钮，返回“管理站点”对话框。 4)在“管理站点”对话框中单击“完成”按钮，站点创建完毕。 实验开始之前要先建立一个根文件夹，在实验的过程中把站点存在自己建的文件夹里，这样才能使实验条理化，不至于在实验后找不到自己的站点。 在实验过程中会出现一些选项，计算机一般会有默认的选择，最后不要去更改，如果要更改要先充分了解清楚该选项的含义，以及它会造成的效果，否则会使实验的结果失真。 实验前先熟悉好操作软件是做好该实验的关键。 简单网页设计实验总结二：页面图像设置1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。 2、安装windows xp操作系统;建立iis服务器环境，支持asp。 3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件; 4、安装acdsee、photoshop等图形处理与制作软件; 5、其他一些动画与图形处理或制作软件。 设置页面的背景图像,并创建鼠标经过图像。 1) 在“页面属性”对话框中设置页面的背景图像。 2) 在页面文档中单击“”插入鼠标经过图像。 实验结束后我们可以看到页面的背景变成了我们插入
网页设计课程设计报告
网页设计课程设计报告 系别：计算机科学系 班级：09级计师二班 姓名：邓桂香 学号：200914340229 指导教师：李发英 成绩： 日期：2011年5月
网页设计课程设计报告 一、网站设计目的和任务 一学期的网页设计理论和实践课程都结束了，根据老师的要求及指导，我设计了此网站，本网站属于小型个人网站，目的在于简单的介绍一下个人状况，可以使老师和同学们更进一步的了解我现在以及部分过去的情况，加强老师和同学们对我的认识，深化我们大家的情谊，有利于以后在学习、工作生活当中的团结协作。 此外，这不仅是为了肩负学生的责任而去完成老师交给我的任务，更是对过去学习的知识的温习巩固，是一个把理论转化为实践的过程，是一个把自己的设计思想转化为实物的过程，是一个发挥自己创造力和想象力的过程。 再者，这是对自己在一学期内该学习科目以来的成果的检查，这是一个自我审视的过程：检测我该学期的学习成果，衡量一期以来的收获，更为重要的是扬长避短，发现自己的问题与缺点，使自己及时改正，发觉自身的优点和长处并坚持发扬，有利于我以后的学习和发展。 二、网站主题 本网站以个人从小到现在的大概情况介绍为主题，阐述喜好，表现本人的性格特点。
三、网站规划思想 当今社会，靠什么成功?很多成功人士都说过这样一句话：“成功来自百分之八十的人际关系和百分之二十的自身天分和努力。”据此可以发现，扩大人际关系网是十分重要的一项活动，因此就需要一条联系两方的桥梁，这条桥梁是满载信息的大流量的通道，在这信息时代，于是网络成为了这当之无愧的桥梁。我设计这个网站的思路就来源于此。 怎样让更多人了解你？怎么使别人更了解你？怎样扩大自己的接触面？当代是繁忙的一代也是讲究高效率的一代，当今面对这些问题，这时候的内敛不会被认为是好的，最好的解决办法我认为是把自己推销出去，我想通过网络把自己的概况晾晒，方便别人更快捷更省事地得到相关信息，通过这种方式，也可以交到志同道合的朋友，可以一起研究探讨，相互促进，达到共赢。 既然这样，那么网站的风格自然是温和、高雅、柔美的，这样才能达到更高的亲和力效果，同时也应该具有喜悦性、创新性、活泼开朗性，展现个人品格及魅力。最重要的是要呈现一个真诚的自我在大家面前，树立可信性、诚实性，消除虚拟因素，获得大家的真诚对待和好感。 在内容和结构上，具体如下： 整个网站分为九个页面，分别为：主页面、基本信息、个人照片、成长阶段概况（童年、中学、大学）、兴趣爱好（文学、书法、
网页设计与制作试题(HTML基础)有答案
1.HTML 文件必须使用htm 或者（B）作为文件扩展名。 A.doc B. html C. jsp D. aspx 2.HTMl是指（A）。 A.超文本标签语言 B. 汇编语言 C. 服务端端语言 D.脚本语言 3.WWW是（B）的意思。 A．网页B．万维网C．浏览器D．超文本传输协议 4.在网页中显示特殊字符，如果要输入“<”，应使用（D）。 A．lt; B．≪ C．< D．< 5.以下说法中，错误的是：（D）。 A．获取WWW服务时，需要使用浏览器作为客户端程序。 B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。 C．网站就是一系列逻辑上可以视为一个整体的页面的集合。 D．所有网页的扩展名都是.htm。 6.以下说法中，错误的是：（B）。 A．网页的本质就是HTML源代码。 B．网页就是主页。 C．使用“记事本”编辑网页时，通常应将其保存为.htm 或.html 后缀。 D．本地网站通常就是一个完整的文件夹。 7.浏览网页时，通常使用以下协议：（C）。 A．mailto B．FTP C．HTTP D．TCP/IP 8.在网页中显示特殊字符，如果要输入空格，应使用（D）。 A．nbsp; B．&Nbsp; C． D． 9.以下软件中，不能直接用来编辑HTML 文件的是：（C）。 A．记事本B．FrontPage C．Flash D．Dreamweaver 10.以下有关HTML 标记符的属性的说法中，错误的是：（C）。 A．在HTML中，所有的属性都放置在开始标记符的尖括号里。 B．属性与HTML标记符的名称之间用空格分隔。 C．属性的值放在相应属性之后，用等号分隔；而不同的属性之间用分号分隔。 D．HTML 属性通常也不区分大小写。 二、填空题 1.如果要为网页指定黑色的背景颜色，应使用以下html语句：
。 2.上网浏览网页时，应使用_____浏览器____作为客户端程序。 3.TITLE 标记符应位于___head______标记符之间。 4.要设置网页在黑色背景下显示白色文字，应使用__语句。 5.要设置整个网页的背景颜色，应在body标记符中设置____bgcolor_____属性。 三、判断题 1.用H1标记符修饰的文字通常比用H6标记符修饰的要小。╳ 2.B标记符表示用粗体显示所包括的文字。√ 3.指定滚动字幕时，不允许其中嵌入图象。╳ 4.指定水平线粗细的属性是size。√ 5.指定水平线粗细的属性是width。╳网页设计毕业实习报告
网页设计毕业实习报告 篇一网页是世界上最有价值的不动产之一。人们在这个不足平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。WEB站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他WEB站点的链接，绕过主页而进入WEB的深层。 一.网站的整体规划 1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。 2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。 3.确定栏目和板块： 1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。 2]其次就应该考虑导航条的设置了。 3]正文的框架设置 (横向因素和纵向因素交错) 在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。 4.网站的整体风格和创意：建立一个浪漫的旅行网站，
走映像派路线，目的务必使浏览者留下映像。 二.网页制作的前期策划与准备 1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF 的动画等。 2.熟悉制作工具软件： 主页制作的基本条件有： 硬件： 一台电脑(64MB以上内存，当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;软件： HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍 Dreamweaver; 图像处理软件：常用的有Photoshop、flash、Fireworks 等; 文件上传软件：常用的有Cuteftp、WSftp等。 三.网页制作 真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开;插入的层太多，大一点的就把小一点的给覆盖掉了;插入的 FLASH不
web网页设计报告
web网页设计专业物流工程学院 班级物流1301 姓名李维源 学号 2016年5月4日
第一部分:实训目的 21世纪是一个信息时代，Internet已经进入人们生活与工作的各方面，而网页作为Internet信息传递的重要载体，其重要也日趋突出。所以实训的目的就是要我们更好的掌握好这一学期的网页知识和提高自己的动手能力，并且上传到网上去，让更多人认识我，更好的宣传自己。 第二部分:实训准备 通过一个学期的web网页设计课程的学习，我终于明白我们浏览的每个漂亮的网页是怎么做出来的，我也想自己亲手来做自己的个人网站。在做个人网站之前，我做以下准备：理清自己的思绪，想清楚自己的网站设计，做模板，找素材，进行站点的规划和素材、资料的收集，要按照制作网站的步骤一步一步来完成。 第三部分:实训要求 1、主题鲜明、内容充实；颜色清新、舒适、结构合理； 2、导航清楚、栏目合理、层次分明、使用方便 3、设计8至15个页面。内含：用户注册，登录系统，留言系统、统计在线人数，设为首页、加为收藏等动态网页内容。 第四部分：个人网站的总体规划和步骤 1．设计的思路 我的个人网站主要是以绿为主，以淡色为辅。主要是希望所有的朋友看到这个空间能一种和谐、安宁、充满生机的感觉。得到心灵的慰藉！ 2．绿色网站的意义 我设计的这个网站主要是给人轻松舒爽、赏心悦目的感觉，让人们置身于一种美丽大自然的意境中，明快而错落的绿，让人仿佛来到青山翠谷。 网站的总体风格 网站的总体风格主要是以绿色为主，以淡色为辅，充满活力，生机。具有个性色彩。 网站的布局其实很简单，主要是做好一个模版，模版做好框架了，那网站就初步形成了，虽然主要框架做好了，但是也不要高兴得太早哦，但是你也要想清楚怎样把整个界面搭配得更具有个性化。首先，在框架的最top要插入一个能体现你个人网站的主图。然后在主图的下面插入按钮导航条，之后下面就插入自己想要的风格，虽然用模版做出来的风
网页制作HTML基础知识
网页制作之HTML基础知识2009-04-15 11:03很多被淘汰了的标签，不过了解下也好。 总类（所有HTML文件都有的） 文件类型 （放在档案的开头与结尾） 文件主题
网页设计师工作总结4篇
网页设计师工作总结4篇 本文是关于网页设计师工作总结4篇，仅供参考，希望对您有所帮助，感谢阅读。 时间一晃而过，转眼间试用期已接近尾声。在这段试用期中可以说是有喜也有忧。和同事们工作相处中，自己慢慢转变为一个社会人，自身实践经验和工作能力得到提高，详细内容请看下文网页设计师工作总结。 记得初到公司时，我对公司的了解仅仅局限于公司网站的简单介绍，除此之外，便一无所知了。但是，在领导和同事们的支持和帮助下，我不仅加深了对公司的了解，而且很快就掌握和熟悉本岗位工作的要求及技巧，严格做到按时按量完成产品终端页等页面的制作，保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时，减少页面中冗余的代码，保证页面的加载速度。此外，注意用户体验问题，站在用户的角度浏览网页，发现问题、解决问题，以提高网站的浏览量。 自从担任网页制作以来，虽然在工作中取得了较好的成绩，但也还存在一些不足之处。例如：工作中没有充分领会领导的意图，有时会忽视公司的工作流程等等，这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。 在今后工作中，我将努力提高技术水平，克服不足之处，朝着以下两个方向努力： 1、在以后的工作中不断学习技术知识，通过多看、多学、多问、多练来不断的提高自己的各项业务技能。 2、提高自己解决实际问题的能力，并在工作过程中慢慢克服急躁情绪，积极、热情、细致地的对待每一项工作。 短短三个月的时间，我学到了很多专业的知识，能够得心应手开展工作;在一个和谐的环境下，开心的工作;可以说都是受益于各位领导的栽培和各位同事的赐教。 总的来说，由于本人工作经验不多，能力还有欠缺。虽然能胜任本职工作，
网页设计课程设计报告
课程设计 课程名称：HTML5开发技术课程设计 专业班级：计科1201 学生姓名：伍志强 学号： 201216010506 指导教师：刘宏月 学期：2013-2014学年第一学期
HTML5开发技术专业课程设计任务书 说明：本表由指导教师填写，由教研室主任审核后下达给选题学生，装订在设计（论文）首页
1 需求分析 本课程设计为一个商业网站，大的框架为整个网站分为5个页面，分别为：主页面、公司的业务面，公司产品问题咨询面，公司产品的技术支持面，校园招聘界面。各个页面间都是相互连接的，方便读者更快捷地找到想了解的信息。在每个界面拥有的公司logo ，登陆界面，和一些视频的宣传和校园招聘网页的背景音乐，友情链接，插入的各种静动态图片，搜索栏。每个界面链接的公司的最新各种动态，和基本的各种文字说明，采用的是中英双板模式书写。 网站的目录结构如下： 伍志强------网站根目录 Css ------存放外置CSS文件 Images ------存放图片文件 Music ------存放背景音乐 ＪＳ------存放的ｊａｖａｓｃｒｉｐｔ代码 ．ｐｒｏｊｅｃｔ------编译时建立的一个工程 Index系列------存放的网站的各个网页 2 概要设计
3 详细设计 页面的布局和风格 DIV+CSS的基本过程是先布局，对网页进行总体设计，再设计内容，对布局的每一部分进行设计。 DIV+CSS对内容的设计也体现内容和表现相分离的思想。对内容的表现的描述都在CSS中，内容可以应用CSS样式，不需要额外的HTML标签进行内容的修饰。 CSS网页布局的原理，就是按照HTML5代码中对象声明的 body { background:#131b20; font-family:Arial, Helvetica, sans-serif; font-size:100%;
html5页面设计
html5页面设计 北京千锋互联科技有限公司是中国最早从事移动互联网研发和培训的机构之一,千锋集团旗下现有千锋教育、移动产业、项目研发、创业孵化业务，是国内最大的移动互联网人才培训和人才提供商。公司总部位于北京，目前已在深圳、上海、郑州、广州、大连、武汉、成都、西安成立了分公司。 千锋集团旗下的千锋教育一直秉承“用良心做教育，做真实的自己”的理念，是中国移动互联网研发培训领导品牌，全力打造移动互联网高端研发人才服务平台。千锋教育每年培训和输送近万名移动互联网研发人员，是唯一真正获得企业一致好评的移动互联网培训机构，从千锋走出的学员在业界得到了广泛认可。2014年，千锋教育集团成为教育部教育管理信息中心“移动互联网应用开发指定实训基地”。截止目前，千锋教育已与500多家高等院校建立深度合作关系，并携手教育部教育管理信息中心举办《高等院校骨干教师iOS/Android暑期培训班》，千锋讲师团队技术水平得到业界一致认可，好评如潮。千锋教育组织的技术研讨会名企云集，是千锋和企业之间紧密合作的桥梁。千锋讲师发布的免费培训视频、学习资料、源码下载等浏览量近千万，每年约有数百万研发人才从中获益。 一、千锋教育八大优势 1、中国移动互联网研发培训领导品牌，专注iOS、Android 、HTML5、UI等技术研发培训，坚持“用 良心做教育，做真实自己”的理念； 2、业内唯一一家敢推出“两周免费试听，不满意不缴费”的政策，让学员更真实的了解千锋、了解自 己是否适合做开发； 3、零学费入学，工作后分期还款，业内学员毕业薪水最高，培训就业协议明确写出薪水保障，平均薪 水专科5000、本科6000、硕士7000； 4、权威资深师资阵容，业内最具责任心、最懂教学、拥有最强技术、有大型项目经验实战派讲师授课， 由业内知名专家及企业技术骨干组成； 5、自主研发QFTS 教学保障系统，拥有自主知识产权的开发培训课程体系，讲练学相结合，课程内 容紧贴当前前沿实用技术和企业实际需求； 6、企业级项目实战训练，从千锋科技及合作企业项目中研发出几十个企业级教学项目，让学员参与真 实的企业级项目研发，最后让学员能够独立设计开发自己的上线项目； 7、最严格、最科学、最负责的教学就业管理制度，班主任、职业规划师全程跟班，把握每个学员的学 习状态，并有专业的职业素养课和就业指导课，保证教学及就业质量； 8、免费加入千锋开发者联盟，为会员提供免费技术支持及终身就业服务，免费参加千锋举办的各类技
简单IE浏览器设计报告
C#程序设计 设计说明书简易IE浏览器的设计与实现 学生姓名：郭成成 学号：1103380106 班级：计算机（一）班 专业：计算机应用技术
指导教师：胡老师 课程设计任务书 2011—2012 学年第二学期 课程设计名称：C#课程设计 设计题目：简易IE浏览器的设计与实现 完成期限：自 2012 年 11 月 8 日至 2011 年 11 月 29 日共 3 周 设计依据、要求及主要内容： 根据程序设计所学知识，设计与实现一个简单浏览器，该简单浏览器设计的内容和功能要求如下： (1)有合理的首页页面设计，背景柔和。 (2)有多个按钮，比如说前进、后退、刷新删除等。 (3) 输入地址栏，支持所有的网址，并有转到功能。 (4)设计登陆页面。 (5) 可以存储网址，进行网内连接。 (6)是利用 C#编写程序，该浏览器简单但功能齐全。
(7) 使用时同样可以最大化最小化。 (8)按钮是利用画图工具进行拷贝下来的。 (9) 地址默认为百度。 要求：系统功能设计基本完善，并写出详细的设计说明书。 摘要 关键词：关键词：前进、后退、刷新、输入合法地址、运行程序，在网内搜索，使用vs2005 中的 C#编写程序，利用画图工具。拷贝前进、后退按钮。 1 课题描述 利用C#编写简单的程序，创建一个简易IE浏览器，包含基本的功能，培养编写程序 的兴趣。实践中了解浏览器的一些特性 2 程序设计流程图 2.1 系统说明 使用 win7 系统，vs2005 中的控制台应用程序，设计主界面，并拖放按钮。具有一 般浏览器的基本功能，前进、后退、刷新、地址等。在输入地址栏。设默认地址为百度，便于使用，刷新功能，在网速不是太好，有一点卡时，刷新一下，主界面可以最 大化和最小化。使用绿色为边框颜色，用画图工具拷贝文件按钮，设有六个小按钮，包括前进、后退、删除、刷新、转到等按钮。 2.1 主界面的设计主界面用纯白色背景，界面以中等大小为宜。使用绿色为边框颜色，用画图工具拷贝文件按钮，设有六个小按钮，包括前进、后退、删除、刷新、转到等按钮。主界面用纯白色背景，界面以中等大小为宜。
动态网页设计报告
实验报告 项目名称：网页设计 课程名称：动态网页制作 班级：计082 姓名：柴硕 学号：070746 教师：张猛 信息工程学院计算机系
网页设计 一、[网页主题] 以个人空间展示为主题，其中分为主页面、我的朋友、我的家乡风貌、我的爱好兴趣以及个人简历五个页面。 婉子俱乐部 二、[素材准备] 网页设计知识参考图书、报纸、网络教程，图片、音乐、模板来源自互联网上，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。另外，还要使用Dreamweaver PhotoShop、Flash等工具，进行图像的处理、美化，还有一些flash的制作。 三、[布局特点] 我的导航放在右下角，分为My Friends、About Me 、My Idol、My hometown, Bei jing 以及return top，每个页面实现向其他四个页面跳转以及置顶的功能，我的排版没有使用网上的模板，而是自己搭配，有的采用图文搭配的效果，有的采用插入flash以及文字域，也有用表格来划分图片和文字的页面，达到每个页面布局不一，独具匠心，从而达到给人耳目一新的感觉。 四、[主页设计流程及设计效果截图] 一、创建本地站点 首先在本地机上建立一个文件夹，命名为“网页制作”，并且将素材文件放在站点中。 单击菜单栏中的【站点】-【新建站点】-【站点名称】为“柴硕个人网页”，本地文件夹为“网页制作”。 二、制作首页 1.新建HTML文档，并将文件保存在本地站点根文件下，命名为“index。html”。 2.点击，选择背景图像
3.插入flash，如图 4.插入导航
5打开代码在最后加一条语句实现条幅循环