大学生网页设计

大学生网页设计
大学生网页设计

作为当代大学生,积极的睁开眼睛看世界,了解外面的情况是很必要的。为了将同学们的业余生活调整的更为丰富一些,也给同学们一些惊喜,我们决定在学校内举行一次网页设计大赛,将同学们充分的调动起来,使自己的校园生活更为丰富。

大赛的具体策划书:

网页设计大赛策划书

时间:200*.4-----5

地点:xx语学院。

参与工作人员:计算机系学生会,学习部全体成员。

参赛者范围:计算机系全体学生。

活动策划

一.比赛指导思想

1.本次活动主题“网页设计制作”主要以当代大学生为主。

2.作品内容健康向上,符合本次比赛作品征集要求富有活力。

3.创建一流校风、学风,丰富学生的校园生活,发挥当代大学生的创造力,提高广大学生的电脑技术水平。

4.内容健康,能体现当代大学生求实进取、博学创新、积极向上的精神。

5.坚持大赛的公正、公平、公开的原则。

6.本次大赛旨在通过网络凝聚最广大的青年学生群体,挖掘校园网络人才。

二、参赛作品要求

1、充分体现本次活动的主题当代大学生为主。

2、作品内容健康向上,符合本次比赛作品征集要求

3、制作网页不限制;通过合理运用网页设计的各种技术,体现良好的艺术性和实用性;

4、页面深度必须在3层左右,网页的总页面数不少于10页,全部文件的总容量不超过20m;

5、要求能在winXX或winxp操作系统上运行。显示分辨率以80(转载自第一范文网

https://www.360docs.net/doc/a215020144.html,,请保留此标记。)0×600或1024×768,网页采用internet explorer5.0以上浏览。

6、使用简体中文字库系统。

7、网页规模:网页的深度至少包括二级页面,以3~5个页面为适宜。

8、作品中所有文件均要以小写字母或阿拉伯数字命名,包括文件名及其后缀名。

9、作品制作规范符合要求;作品首页请一律采用index 文件名

三、活动内容:

1、立项等准备工作-----------计算机系学生会,学习部。

2、宣传:-------------------计算机系学生会,宣传部。

比赛前:

条幅:生活区------------------------------内容宣传组,悬挂宣传组

海报:各个食堂,生活区。-----------------------宣传

比赛后:

投稿时的作品展示(在免费空间存放获奖作品,使用超链接链接)。技术组

四、大赛流程

1、成立网页设计大赛筹备组,进入活动筹备阶段,工作包括活动策划方案确立,宣传渠道建立。

2、在校园内大力宣传,包括张贴海报、通知、横幅,通过各系学生会在各院(系)里大力宣传,并组织本院(系)学生报名。

3、收集报名资料,并为本次网页设计大赛制作专题网页,同时,继续宣传本次网页设计大赛。

4、在专题网页上发表一些网页制作教程。

5、确定网页设计大赛的资金到位。

6、收集参赛作品。

7、将作品上传至此次大赛专题网页。

8、在本次网页设计比赛上安放投票系统。

9、将评分表及评选细则发往各评委。

您可以访问第一范文网(https://www.360docs.net/doc/a215020144.html,)查看更多与本文《大学网页设计大赛策划书》相关的文章。11、统计各参赛作品分数。

12、公布获奖者,并颁奖。

责任条款:

1. 参赛者所交作品权责自负,组委会若发现参赛作品属非参赛者个人完成,有权取消其比赛资格。

2. 参赛选手比赛期间所涉费用自理。

这一次网页设计大赛很有意义真的希望懂得网页设计的同学能够积极的参加,而我们的奖品也是很丰富的,希望大家本着提高自己的想法,积极参与。

我们毕业后有很大的压力,因为现在正处在金融危机中,所以我们现在就应该多参加比赛,为以后的工作做准备。

希望大家积极参与网页设计大赛。

网页设计代码大全

段落标记background:网页背景图像… bgcolor:网页背景颜色align:left right center text:字体颜色强制换行标记link:可链接文字的色彩

alink:被鼠标点中时可链接文字的颜色预排格式标记vlink:已经单击过的可链接文字的颜色

 leftmargin:页面左边距插入水平线标记topmargin:页面上边距
Vlink:已经单击过的可链接文字的颜色文本缩标记Leftmargin:页面左边距
Topmargin:页面上边距列表标记 标题格式标记 1.无序标题 (范围(h1-h6))
    align:left(左) right(右) center(中)
  • 列1 bottom(底) top(顶)
  • 列2 文字格式标记……… color=“颜色”>文字 type:disc● circle○ square■字形设置标记 2.有序字形字形 下划线
      字形字形文字增大
    1. 列1 字形 删除线
    2. 列2 字形 文字减小………

      网页设计说明书我的家乡--永昌

      我的家乡—永昌展示网站 说明文档 题目:我的家乡—永昌 专业班级:11级计算机科学与技术2班 姓名:孙中军 学号:10240215 指导教师:朱爱红 成绩:

      目录 第一章网页概述 (1) 1.1 网页简介 (1) 1.2网页组成 (1) 1.3网页设计思想 (2) 第二章网页设计思路 (3) 2.1 网页设计背景 (3) 2.2 制作工具选择 (3) 2.3 素材收集 (4) 2.4 网页设计内容构想 (4) 第三章网页内容简介 (7) 3.1 网页功能简介 (7) 3.2 网页主要功能描述 (7) 3.3网页的浏览 (7) 第四章网页设计 (9) 4.1 网页结构总图 (9) 4.2 各网页模块的组成 (10) 4.3 网页制作环境 (11) 4.4 网页设计思路 (12) 第五章网页制作 (13) 5.1 素材的加工制作 (13) 5.2网站的建立 (13) 5.3 网页设计 (14) 5.3.1主页设计 (14) 5.3.2“环境” (15) 5.3.3“历史” (16) 5.3.4“文化” (17) 第六章设计体会 (18) 致谢 (19)

      摘要 【摘要】本网页主要用HTML语言编写,利用Macromedia Dreamweaver8.0作为开发工具,介绍了永昌县的历史、文化、民族、经济、地理、特产等基本概况,以图片和文字介绍相结合的方式,以网站浏览的方 式综合展示了永昌县的整体面貌,着重介绍了永昌的特色文化。 【关键词】网页设计说明书我的家乡永昌设计思路Dreamweaver8.0 Javascript语言

      第一章网页概述 1.1 网页简介 网页,是构成网站的基本元素,是承载各种网站应用的平台。通俗的说,网站就是由网页组成的。网页说具体了是一个html文件,浏览器是是用来解读这份文件的。 本次网页设计,主要用HTML语言编写,利用Dreamweaver8.0作为开发工具,中间插入了一些Javascript语言用以编制一些特效,如左右移动图片广告、显示当前时间等,主要介绍了永昌的历史、文化、环境、经济、地理、特产等基本概况,以图片和文字介绍相结合的方式,穿插一些视频媒体,以网站浏览的方式综合展示了将永昌的整体面貌展现给大家,着重介绍了永昌几大城市和特色文化。 1.2网页组成 1、主页 (1)永昌风景 (2)四大机构 (3)永昌特色 2、环境 介绍了永昌的自然生态环境。 3、历史 介绍了永昌的历史(清明时期)。 4、经济 5、气候 8、地理 介绍了永昌的地理概况。 9、经济 介绍了永昌2010年经济统计数据。

      网页设计大作业word模板

      伊犁师范学院《网页设计》期末课程设计 设计题目:我的个人网页 学号:018 姓名:马建武 院系:电子与信息工程学院 专业班级:计科08-2 指导老师:王雪峰 日期:2011-6-20

      一、设计思想 随着网络技术的飞速发展,网络已经遍及每个人的身边,通过个人网页把自己展示在网络上,不仅可以获得更多的朋友,有用的信息,也是跟随时代发展,做走在时代前沿的一个有效方式,本网站旨在设计一个个性化的个人网站,展现自己的生活,学习,爱好等等信息,通过本网站把自己展示出来。 二、开发环境及软件 Windows XP,Macromedia Dreamweaver 8,photoshop等 三、系统结构功能图、页面结构草图及部分页面截图 四、部分代码(主要添加CSS代码) 1.添加首页背景音乐 2.运用框架

      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>网页设计说明书</h2><p>设计说明书 需求分析 目标定位 a、制作这个的目的是为了方便我们学院的新生与老生能快速浏览的我们学校的基本情况, 了解我们学校所有好玩,有趣的事情。 b、本的主要职能是实时为新生提供部分新的资讯。 c、本所面向的用户是所有进入我校的同学以及想要了解我们学校的用户。 用户分析 a、使用本的用户主要是想要了解我们学校的所有信息,并且能够为他们提供所需的生活所 需的信息。 b、他们最想本为他们提供校外的所有资讯,包括饮食,住宿,景点旅游等。 c、本制作容架构清晰,避免过多的文字介绍造成用户过多阅读的麻烦。 d、用户可以每天浏览我们为其提供的实时热点以及校外最新的资讯,比如:校园通知、饭 堂价格等。 市场前景 a、本的市场需求在于为本校师生以及想要了解我校的用户提供最便捷,最新的信息。 b、基于前面的分析,决定了本的设计风格要简明、清晰;主题围绕着学生所需而开展。</p><p>容策划 a、本往主要经营的容是:校园文化、校园资讯、美食住宿、周边景点等主题。 b、基于以上主题,其中重点制作的是校园文化和美食住宿;而辅助的是校园资讯等主题。对于网页如此划分的目的是,使用本的用户都是想要了解我们学校于他们息息相关的事情,无论是新生、老生还是其他用户,都想知道我们学校有哪些特色的文化和美食。文化可以增进他们知道我们学校的最近的文化活动生活。而美食,则能吸引更多的学生来了解我们学校的吃货,这对于新进校园的新生有着极强引导作用。 界面设计 a、对于每个版块的设计都有着其不同的元素,首页,主要突出网页围绕的主题设计导航, 并且使用简单明了的文字对学院做出说明;而二级页面,则分为六个版块,每个版块都有着不同的设计元素来突出其主题;对于三级页面,由于其划分表达容上得较为详细,所以社体元素较为单调以图文介绍为主。 b、全版设计所使用的元素极为简单,主要以框架、线条、设计,在此基础之上配合色彩、 阴影、重叠、浮动、定位等的元素来协调画面风格。 c、对于次级页面的导航栏设计,是浮动置于页面的底部,这样设计的效果是让用户浏览简 洁方便,而且导航栏不会占据页面的容。</p><h2>网页设计大作业</h2><p>网页设计与制作报告书 课程名称:网页设计与制作 报告题目:几米的空间 专业班级:旅管1002班 学号:100104110221 姓名:杨玉颖 指导教师:胡一波</p><p>目录 一、................................. 开发背景 二、................................. 网页设计技巧 三、................................. 网站结构 四、................................. 应用工具方案 五、................................. 频道栏目划分 六、................................. 测试 七、................................. 周期与成本估算 八、................................. 结论</p><p>摘要: 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。 关键字:网页制作;制作方法;设计要素;网页测试</p><p>一、网页制作开发背景 Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多,如Macromedia 公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架,表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了,可根据你的个人喜好来选择一些素材,如图片、喜欢的文章等。 二、网页制作设计技巧 首先,我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项,单击“站点”命令,这时新建站点对话框就弹出来了,在“指定新站点位置”文本框中输入新站点的位置,单击“只有一个网页的站点”图标,单击“确定”按钮。这就建立好站点了,我们现在来看一下新的站点里有什么,单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件,名字叫做“index.htm”。我们知道,每</p><h2>40个典范网页代码</h2><p>40个经典网页代码 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于T able 2. <body onselectstart="return false"> 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标 7. <input style="ime-mode:disabled"> 关闭输入法 8. 永远都会带着框架 <s cript language="Javas cript"></s cript></p><p>9. 防止被人frame <s cript LANGUAGE=JAVAs cript></s cript> 10. 网页将不能被另存为 <nos cript><iframe src=*.html></iframe></nos cript> 11. <input type=button value=查看网页源代码 onclick="window.location = "view-source:"+ "https://www.360docs.net/doc/a215020144.html,";"> 12.删除时确认 <a href="javas cript:if(confirm("确实要删除吗?")) location="boos.asp?&areyou=删除&page=1"">删除</a> 13. 取得控件的绝对位置 //Javas cript <s cript language="Javas cript"> function getIE(e){ var t=e.offsetTop; var l=e.offsetLeft;</p><h2>网页设计技术大作业考核要求</h2><p>静态网页技术大作业要求 一、大作业参考题目: 1、“我的家乡”网站 2、个人博客 3、班级网站 4、**教研室网站 5、学院财务科网站 6、世博会 7、上海风采 8、“爱心行动”公益网站 9、娱乐在线网站 10、美食频道网站 二、选题要求: 可从上面参考题目中选择一个题目作为本次考核项目的主题。也可自拟题目,要求题目健康、高雅。 三、内容要求 1. 网站主题鲜明、内容丰富、健康、高雅且栏目设置合理。网站中至少包含10个以上的页面(15% ) 2. 网站中页面色彩搭配合理,界面规划合理, 设计新颖、简洁、美观、大方(10%)4. 合理使用表格进行页面排版,导航按钮及网页特效使用合理,包含FLASH和JAVASCRIPT(20%) 3. 站内页面整体风格统一并使用CSS进行网页中文字及链接样式(10%) 5. 设计有合理的表单(10%) 6. 网页中链接及图片等路径正确、网页中文件命名规范(10%) 7.网站架构中合理使用到框架(10%) 8.设计报告(15%)。 1)其中网站功能简介(指明主题,及包含的主要内容):5分 2)网站结构设计:5分</p><p>3)设计小结(体会):5分 9. 作品有抄袭嫌疑得0分。 10.作品自己创作,但是不能够完整作出来,网页设计的基本元素运用有误,整体比较混乱,扣10分。 四、其他要求 1、请同学们以“学号-姓名”为你的“作品文件夹”命名,例如:“9984229- 王华”。图像文件夹一律为image。否则从大作业的总分中扣除10分。 2、首页文件名用:Index.html 3、请在规定的时间内上交作业,不能按规定时间交纳的,为不及格。 4、不要用下载的网页作为大作业上交,如发现上交的大作业中有下载的网 页的痕迹(可从源代码中看出),一律作为不及格处理。 5、没有完成设计报告的视为不及格。 6、教师有权抽查部分同学进行询问,了解其作品制作过程。如发现同学不 能独立完成自己作品的,可评为不及格。 7、作品上交后,应自备一份备份,以备教师手中的作品因故无法正常读取 时补交。 五、评分总则 最终成绩以大作业和平时上课出勤、实验情况综合评定,具体算法为:最终成绩=大作业*70%+(实验+出勤)*30%</p><h2>网页设计作品设计说明</h2><p>湖南软件职业学院《网页设计》期末作品设计说明书 课程名称:网页设计期末作品设计说明书 设计题目:某律师团队专业法律服务网 专业班级: 学生姓名: 指导教师: 起止日期:</p><p>某律师团队专业法律服务网网站制作说明 一、网站开发目的和功能简介 随着网络技术的发展与互联网的普及,网站建设与网页制作越来越来成为各行各业以及个人宣传自己的有利工具。门户网站越来越称为律师行业进行…………(略) 二、网站的总体设计 2.1网站名称:某律师团队专业法律服务网 2.2网站栏目划分: 根据本网站的目的和功能规划网站内容,包括如下信息: (1)关于我们:介绍相关律师信息,事务所信息,收费标准…………(略) (2)法律服务:…………(略) (3)法律文书:…………(略) (4)律师手记:…………(略) (5)经典案例:…………(略) (6)在线服务:…………(略) 具休如下图示:</p><p>2.3网站导航应用于所有页面提高网站的操作友好性。 2.4网站的风格与色彩选择:页面以浅绿色为背景,黑白灰三色为主体。浅绿色体现了本律师事务所的活力,字体用黑、白、灰色给人一种清析、稳重的感觉。所有页面色调统一,布局相似。 2.5网站目录结构设计合理:不同素材采用不同学文件夹分开存放。如声音放在sound 文件夹、图片放在images文件夹,照片放在photos、FLASH动画放在flash文件夹、样式表文件放在CSS文件夹中、作业成果图放在works等。 三、网站的总体设计 3.1 LOGO设计 Logo应体现律师行业庄重、严谨的形象。本LOGO以暗绿色为背景,金黄色为前景,…………(略) 3.2首页的制作过程 版面分栏结构,即页头、导航栏、FLASH展示、相关内容、版权(如下图)</p><h2>HTML设计代码大全</h2><p>html设计代码大全 1)贴图:< img src="图片地址">本人照片(献丑了) 2)加入连接:< a href="所要连接的相关地址">写上你想写的字< /a> 3)在新窗口打开连接:< a href="相关地址" target="_blank">写上要写的字< /a> 4)移动字体(走马灯):< marquee>写上你想写的字< /marquee> (可用于店铺分类,和评价) 5)字体加粗:< b>写上你想写的字< /b> 6)字体斜体:< i>写上你想写的字< /i> 7)字体下划线: < u>写上你想写的字< /u> 8)字体删除线: < s>写上你想写的字< /s> 9)字体加大: < big>写上你想写的字< /big> 10)字体控制大小:< h1>写上你想写的字< /h1> (其中字体大小可从h1-h5,h1最大,h5最小) (其中字体大小可从h1-h5,h1最大,h5最小) 11)更改字体颜色:< font color="#value">写上你想写的字< /font>(其中value值在000000与ffffff(16位进制)之间 12)消除连接的下划线:< a href="相关地址" style="text-decoration:none">写上你想写的字< /a> 13)贴音乐:< embed src="音乐地址" width="宽度" height="高度" autostart=false> 14)贴flash: < embed src="flash地址" width="宽度" height="高度"> 15)贴影视文件:< img dynsrc="文件地址" width="宽度" height="高度" start=mouseover> 16)换行:< br> 17)段落:< p>段落< /p> 18)原始文字样式:< pre>正文< /pre> 19)换帖子背景:< body background="背景图片地址"> 20)固定帖子背景不随滚动条滚动:< body background="背景图片地址" body bgproperties=fixed> 21)定制帖子背景颜色:< body bgcolor="#value">(value值见10) 22)帖子背景音乐:< bgsound="背景音乐地址" loop=infinite>(听到音乐了吗?也可以加在你的店铺公告里) 23)贴网页:< iframe src="相关地址" width="宽度" height="高度">< /iframe> 最后注意了,以上所有代码中的前边后边代码段,我都加入了一个空格,要不再这里就运行了,你们无法看见了!使用时把前边后边代码内的空格去掉即可!举个例子4)移动字体(走马灯):< marquee>写上你想写的字< /marquee> 把< marquee>和< /marquee> 删为去掉括号中的空格即可,其他不用动!后边代码不动即可!</p><h2>门户网站界面设计方案-策划方案网</h2><p>门户网站界面设计方案-策划方案网https://www.360docs.net/doc/a215020144.html, 一、编写目的 该方案主要是为了给天天好菜网界面设计者提供一个概括性的内容,让设计者更深入了解天天好菜网这个平台。 二、网站介绍 天天好菜网是一个综合性的商务服务平台,主要准对居住在中大城市的家庭主妇提供网上买菜、家庭营养分析、健康饮食资讯、学做菜、娱乐积分换礼品。引导用户树立科学营养的饮食观念,让用户吃得放心、买得实惠、玩得开心。 以“蔬菜配送”为主要经营,以“方便大众”为经营理念,以“安全、新鲜、快捷、实惠”为服务宗旨,以客户利益最大化,立足于新兴行业。 品种齐全、质优价廉,有专门的蔬菜供应基地,这样不但减少了流通环节,而且保证了蔬菜的新鲜。无论份量多少,只要预订,我们将以最及时、最快捷的方式送货上门,并以最新鲜的、安全的蔬菜满足客户的需求。 秉承公道、诚信、价优、物美来迎接更多的挑战,以求做的最好,赢得更多人的信任,把真正的方便带给大家。 三、对设计的要求 界面一定要美观大方、功能简单实用、富有主题,注重每个细节,每一个栏目、图片、动画、线条、功能按钮都要有文字说明,写明你的设计理由和设计表达的思想。要考虑与用户的交互性,可以用一些flash动画、gif动态图片、js效果等。让整个页面变得生动起来,特别是首页,做为吸吲用户眼球的第一个窗口,一定要本着以上的设计理要求,抓住现代家庭主妇的心理需求、把她们停留在这个网站。 四、功能频道栏目规划 1.频道介绍</p><p>2.功能栏目</p><p>五、Logo设计(150元) 1. LOGO的样式应简洁、大方、大气,包含天天好菜、天天好彩的内含及经营特色。 2. LOGO设计作品应构思精巧,简洁明快,富有内含,色彩协调,健康向上,有独特的创意,易懂、易记、易识别,有强烈的视觉冲击力和直观的整体美感,有较强的思想性、艺术性、感染力和时代感。 3. 色调、构图、设计工具不受征集人局限,由设计人自由发挥,设计人可根据自己的理解和喜好进行创作,并应提供有多种配色的方案供选择。 4.设计的LOGO将应用于公司的徽标、网站宣传册、网站、名片、vip会员卡; 5.中标作品请提交完整的、可用的矢量图形源文件(如PSD格式图片)或矢量格式的.ai .fla .cdr 原图,并且告诉我们所用到的相关字体; 6.设计之前一定要写出详细的设计方案,写明你每一个细节的设计思想及理由。 著作权说明: 1 、所设计的作品应为原创,未侵犯他人的著作权;如有侵犯他人著作权,由设计者承担所有法律责任。完成的LOGO 设计不应与著名商标或常用图标/ 徽标雷同或类似(如进行商标注册时因与其它已注册了的商标类似而不能注册时,设计者应免费将LOGO 进行调整与修改,直到本公司认可与满意); 2 、选中的设计作品,我方支付悬赏金后,即拥有该作品知识产权,包括著作权、使用权和发布权等,有权对设计作品进行修改、组合和应用. 六、对技术上的要求 1.界面全部采用div+css进行布局,样式写成相关文件 2.DIV+CSS+js+AS等编码必须有注释说明,遵循web2.0标准规范 3.必须兼容目前主流的浏览器,如IE、火狐、傲游、Mozilla/Netscape、Opera等 七、相关设计作品 说明:以下首页设计作品是公司美工设计的,但是界面设计大过于复杂,有点像门户网站,不是我们想要的效果。 效果1.1:</p><h2>网页html代码大全</h2><p>常用HTML代码解释 一、文字 1.标题文字<h#>..........</h#> #=1~6;h1为最大字,h6为最小字 2.字体变化<font>..........</font> 【1】字体大小<font size=#>..........</font> #=1~7;数字愈大字也愈大 【2】指定字型<font face="字体名称">..........</font> 【3】文字颜色<font color=#rrggbb>..........</font> rr:表红色(red)色码 gg:表绿色(green)色码 bb:表蓝色(blue)色码 rrggbb也可用6位颜色代码数字 3.显示小字体<small>..........</small> 4.显示大字体<big>..........</big> 5.粗体字<b>..........</b> 6.斜体字<i>..........</i> 7.打字机字体<tt>..........</tt> 8.底线<u>..........</u> 9.删除线<strike>..........</strike> 10.下标字<sub>..........</sub> 11.上标字<sup>..........</sup> 12.文字闪烁效果<blink>..........</blink> 13.换行(也称回车)<br> 14.分段 15.文字的对齐方向<p align="#"> #号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐P.S.<p align="#">之后的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,遇到<hr>或<h#>标签时会自动设回预设的向左对齐。</p><h2>13-14JAVASCRIPT程序设计大作业</h2><p>西安欧亚学院2013-2014学年第一学期期末大作业 专业:软件技术 课程:JavaScript 程序设计 年级:12 一、作业题目: 题目:利用JavaScript 中特效编码,实现网页的动态效果。 从以下课程设计项目中选择一个作为自己的设计开发主题,如果自己有新的选题构想,要取得授课教师的批准方可进行设计,否则不计成绩。 网页主题参考(自己任选) 1、鼠标特效设计,如:跟随鼠标的小尾巴、鼠标跟踪动画、跟随鼠标的弹性文字等; 2、菜单特效设计,如:动画菜单、树形菜单、下拉菜单、右键菜单等; 3、图片特效设计,如:横向的相册效果,纵向的相册效果,滤镜图片轮播等; 4、背景特效设计,如:渐变背景、定时切换等; 5、时间特效设计,如:日期时间星期农历,动态时钟,时间倒计时等; 6、其它:如文字特效、密码验证特效等。 二、作业要求及评分标准: 1、作业要求 (1)涵盖知识点:贯彻事件驱动的程序设计思想,熟练使用JavaScript 中的对象,实现网页特效。 (2)网页要求 ? 主题突出,内容充实、健康向上,布局合理、结构清晰、规范; ? 色彩搭配合理、美观,设计新颖,有创意;页面布局尽可能平衡,色彩应用注意谐调,文本注意格式化 ? 技术运用全面,技术含量高;链接测试正确,跳转流畅; ? 代码应适当缩进,并给出必要的注释,以增强程序的可读性; ? 网页中涉及的所有“路径”必须使用“相对路径”; ? 设计过程中充分考虑浏览器兼容等问题,并做适当处理。 学号_____________ 班级___________ 姓名________ 座位号____ - - - - - - - - - - - - - - - - - - - - - - - - - -- - - -密 ○ - - - - - - - - - - - - - - - - - - - - - - - - 封 ○ - - - - - - - - - - - - - - - - - - - - - - - - 线 ○ - - - - - - - - - - -- - - - -- - - - -- - - -- - - --</p><h2>摄影网站设计说明书</h2><p>摄影网站设计说明书</p><p>WEB编程基础网站开发 设计说明书 设计题目:摄影网站 姓名:李家东 学号: 20101080114 班级: 10微高 指导教师:毕老师 完成日期: 2011-12-12</p><p>目录 前言 .................................................................................................. - 2 - 一、网站的规划 .............................................................................. - 2 - 1.1 网站的整体规划............................................................. - 2 - 1.1.1 网站定位.......................................................... - 2 - 1.1.2 网站版块的设置.............................................. - 3 - 1.1.3 网站设计的相关技术...................................... - 3 - 1.2 网站的功能设计........................................................... - 3 - 1.2.1 首页功能.......................................................... - 3 - 1.2.2 副页功能.......................................................... - 4 - 二、网站的设计与制作.................................................................. - 4 - 2.1 首页布局设计的特点................................................... - 4 - 2.1.1 logo设计.......................................................... - 5 - 2.1.2 Banner的设计 ................................................ - 5 - 2.1.3 导航的设计.................................................... - 6 - 2.1.4 栏目设计........................................................ - 7 - 2.1.5风格与色彩单配................................................. - 8 - 2.2副页布局设计特点.......................................................... - 8 - 三、创新亮点 ................................................................................ - 10 -</p><h2>网页设计_期末报告</h2><p>2014-2015学年上学期 《网页设计》课程期末大作业说明 1.题目:*****网站设计与实现(根据学期初自已的选题确定) 其中应包含以下内容: (1)网站设计概述 ?需要掌握的基本技术及它们的作用 ?平台的搭建和开发工具的选择 ?你的设计目标:解释你设计的主题和目标 (2)典型网站设计分析及学习 ?以期中作业为基础,分析经典网站的设计 ?强调两点:文档标记的标准化与格式化,布局方式 ?从中你学到了什么?文件的组织结构、图片的大小、命名等,请自己 思考展开 (3)设计与实现 ?完成你自己的设计 ?整体布局思路:流式布局或固定布局?布局采用什么技术? ?包含适当的代码及截图 ?代码请保持良好的格式 ?页面中的支撑文本可以任取样本文字 (4)总结 ?从这门课你学到了什么? ?还有什么需要在今后的学习中加以拓展? ?WEB上的一些新的发展趋势,如HTML5你如何看? 2.请提交: (1)设计报告(A4纸打印) ?word文档 ?格式和基本内容要求(见附件1) (2)电子文件(以下文件压缩打包,以“学号_姓名”方式命名) ?HTML文档:index.html ?CSS文件:final.css ?图片文件夹img: ?设计报告的电子版:学号_姓名.doc 3.提交时间和方式: (1)完成时间表: ?2015年1月8日:提交最后完成的版本 (2)地点: ?上课地点 4.附件:报告格式</p><p>《网页设计》期末课程设计报告 题目:灵异世界网站 姓名:许蕾 学号:12990255 日期:2014年12月30日 摘要 请解释在这门课程的学习过程中,你学到了哪些知识?以及如何运用这些知识,来进行设计与实现的。 随着大三上学期正式的开始,抱着懵懂的心态,选择了网页设计与制作这门课程,曾记得第一节的课的时候,老师让每一位同学提一个问题,上完第一节课似乎我应该大概明白我们这学期学习网站关于哪方面的知识,接下来,在听完老师讲课的基础上,自己学习w3Cschool在线学习网站上关于html标记语言和css样式方面的教程。对此感觉这学期更加明白了网站标记与设计方面的理解,也增添了我对于网站学习的热情。 本学期学习到的知识有: 1.简单的html标记;例如 ; <h1></h1>; <pre></pre>; <frameset></frameset>;等等方面的标签,利用这些标签基本上可以实现了一些网页上的 基本功能,对于他们分别的属性也有所了了解,在设计你网页的时候,应用的更加得心应手。 2.布局方式上从原有的知识结构中只能用表格来规划整个网页的思想中解脱出来,了解了关于 div标签的浮动布局,“层”的应用,使整个网页布局显得不那么呆板,而是更加的灵活。因 此受益匪浅啊。 3.css样式 基于对于css样式的初步了解,使我在网页设计上减少了很多不必要时间的浪费,而且很多 功能实现起来比以前的方式更加的方便与灵活。但是关于css样式只是处于基本的了解层面, 更多的知识,我想我以后会在仔细的钻研。 你最初的目标是设计一个***类型的网站,以此为目标,你做了哪些工作?最终是否完成了既定目标? 我最初的目标是设计一个关于灵异世界方面的网站,以此为目标,我首先展开了对于灵异世界方面知识的收集,刚开始的时候是想按照自己的想法来设计的,后来觉得应该先有模仿,再有创新。因此接下来开始收集各种关于灵异世界网站,研究他们采用的布局和样式,在此期间,遇到了很多的问题,由于对网页代码,以及动态网站的了解是一片空白,因此在研究的时候真是白爪挠心,非常的痛苦,后来恍然大悟,学术这个东西是需要时间来慢慢研究的,不能急于求成,因此对此暂且放弃。开始着重关注css样式和页面设计这方面的东西,根据老师的推荐——禅意花园,在这个很好的学习css样式的网站中遨游,最终做出了自己还是比较满意的网站了吧。</p><h2>HTML网页编辑代码大全详细使用方法</h2><p>html网页编辑代码大全详细使用方法 <EMBED height=200src=音乐文件地址type=audio/x-pn-realaudio-plugin width=200autostart="true" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1"></EMBED> 添加音乐 注册会员登录首页开通窝窝QQ-交流群站内娱乐颜色代码搜索帖子《声色具全》Summer°啦啦之乖乖宝贝啦啦&毛毛《简粉粉色》莫晓晓《简约蓝色》莫晓晓rose.《简约灰色》莫晓晓圣诞女孩【星期⒏音乐论坛】用心聆听,这里有你想要的声音。?【资源共享】?【论坛HTML帖子常用代码】-发现代码贴好看,不懂的,有兴趣的可以研究下。 网页搜索站内搜索搜索 返回列表回复发帖 发新话题发布投票发布悬赏发布辩论发布活动发布视频发布商品沵旳"唯1。发短消息 加为好友 沵旳"唯1。(只能a1自己。)当前离线 那些所谓d2情〃 UID21618帖子866精华42积分9318威望976金钱3587贡献1450阅读权限150性别女来自寂’在线时间248小时注册时间2009-11-29最后登录2010-3-1 ?星期⒏管理版主? UID21618帖子866精华42积分9318威望976金钱3587贡献1450阅读权限150性别女来自寂’在线时间248小时注册时间2009-11-29最后登录2010-3-1 【楼主】 打印字体大小:tT发表于2010-1-2114:53|只看该作者踩窝 窝送礼物问候Ta【论坛HTML帖子常用代码】-发现代码贴好看,不懂的,有兴趣的可以研究下。 关于“html图片移动...”的内容 本站搜索更多关于“html图片移动代码”的内容 本帖最后由沵旳"唯1。于2010-1-2114:54编辑 一、文字标记 基本代码如下:</p><h2>网页设计说明书</h2><p>盛年不重来,一日难再晨。及时宜自勉,岁月不待人。 设计说明书 需求分析 目标定位 a、制作这个网站的目的是为了方便我们学院的新生与老生能快速浏览的我们学校的基本 情况,了解我们学校所有好玩,有趣的事情。 b、本网站的主要职能是实时为新生提供部分新的资讯。 c、本网站所面向的用户是所有进入我校的同学以及想要了解我们学校的用户。 用户分析 a、使用本网站的用户主要是想要了解我们学校的所有信息,并且能够为他们提供所需的生 活所需的信息。 b、他们最想本网站为他们提供校内外的所有资讯,包括饮食,住宿,景点旅游等。 c、本网站制作内容架构清晰,避免过多的文字介绍造成用户过多阅读的麻烦。 d、用户可以每天浏览我们为其提供的实时热点以及校内外最新的资讯,比如:校园通知、 饭堂价格等。 市场前景 a、本网站的市场需求在于为本校师生以及想要了解我校的用户提供最便捷,最新的信息。 b、基于前面的分析,决定了本网站的设计风格要简明、清晰;主题围绕着学生所需而开展。</p><p>内容策划 a、本往网站主要经营的内容是:校园文化、校园资讯、美食住宿、周边景点等主题。 b、基于以上主题,其中重点制作的是校园文化和美食住宿;而辅助的是校园资讯等主题。对于网页如此划分的目的是,使用本网站的用户都是想要了解我们学校于他们息息相关的事情,无论是新生、老生还是其他用户,都想知道我们学校有哪些特色的文化和美食。文化可以增进他们知道我们学校的最近的文化活动生活。而美食,则能吸引更多的学生来了解我们学校的吃货,这对于新进校园的新生有着极强引导作用。 界面设计 a、对于每个版块的设计都有着其不同的元素,首页,主要突出网页围绕的主题设计导航, 并且使用简单明了的文字对学院做出说明;而二级页面,则分为六个版块,每个版块都有着不同的设计元素来突出其主题;对于三级页面,由于其划分表达内容上得较为详细,所以社体元素较为单调以图文介绍为主。 b、全版设计所使用的元素极为简单,主要以框架、线条、设计,在此基础之上配合色彩、 阴影、重叠、浮动、定位等的元素来协调画面风格。 c、对于次级页面的导航栏设计,是浮动置于页面的底部,这样设计的效果是让用户浏览简 洁方便,而且导航栏不会占据页面的内容。</p><h2>淘宝模板设计代码大全)</h2><p>自己动手设计自己的免费个性网店模板--淘宝模板设计代码大全 很多朋友看到别人设计的漂亮模板就会心动吧!呵呵,人家就是拿那个自己做出来的模板然后出来卖,还可以赚到不少的钱,作为店主,我们就心甘情愿的拿钱去买被人的高价装修模板吗? 如果是我,我肯定不愿意啦。呵呵,相信大家也和我差不多吧。当然,设计模板可是要一定技术的,所以我们必须从简单的开始学起,自己学会慢慢做,花点时间去研究一下,也许不知道哪一天我们也可以拿自己设计的漂亮模板出去卖了。也许就真的有一天。。 下面就给大家先提供一些做模板的代码。这些都很重要的哦。做模板可少不了。能记下来是最好的了。o(∩_∩)o... 1)贴图:< img src="图片地址"> 2)加入连接:< a href="所要连接的相关地址">写上你想写的字< /a> 3)在新窗口打开连接:< a href="相关地址" target="_blank">写上要写的字< /a> 4)移动字体(走马灯):< marquee>写上你想写的字< /marquee> (可用于店铺分类,和评价) 5)字体加粗:< b>写上你想写的字< /b> 6)字体斜体:< i>写上你想写的字< /i> 7)字体下划线: < u>写上你想写的字< /u> 字体删除线: < s>写上你想写的字< /s> 9)字体加大: < big>写上你想写的字< /big> 10)字体控制大小:< h1>写上你想写的字< /h1> (其中字体大小可从h1-h5,h1最大,h5最小) (其中字体大小可从h1-h5,h1最大,h5最小) 11)更改字体颜色:< font color="#value">写上你想写的字< /font>(其中value值在000000与ffffff(16位进制)之间 12)消除连接的下划线:< a href="相关地址" style="text-decoration:none">写上你想写的字< /a> 13)贴音乐:< embed src="音乐地址" width="宽度" height="高度" autostart=false></p></div> <div class="rtopicdocs"> <div class="coltitle">相关主题</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="19839981"><a href="/topic/19839981/" target="_blank">大学生网页设计</a></li> <li id="16212826"><a href="/topic/16212826/" target="_blank">网页设计代码大全</a></li> <li id="17159056"><a href="/topic/17159056/" target="_blank">网页设计作品设计说明</a></li> <li id="2726143"><a href="/topic/2726143/" target="_blank">网页设计期末大作业</a></li> <li id="16719365"><a href="/topic/16719365/" target="_blank">网页设计基础大作业</a></li> </ul> </div> </div> </div> </div> <div id="rightcol" class="viewcol"> <div class="coltitle">相关文档</div> <ul class="lista"> <li><a href="/doc/355413762.html" target="_blank">大学生社会实践报告【关于大学生网页设计的社会实践报告】</a></li> <li><a href="/doc/5414523923.html" target="_blank">一个大学生的网页设计生涯</a></li> <li><a href="/doc/818549259.html" target="_blank">大学生网页设计大赛策划书正式版</a></li> <li><a href="/doc/9818734838.html" target="_blank">大学生计算机网页制作考试模拟题1</a></li> <li><a href="/doc/b88463767.html" target="_blank">大学生计算机网页制作考试模拟题</a></li> <li><a href="/doc/ca13874973.html" target="_blank">针对大学生的网页设计</a></li> <li><a href="/doc/e2406327.html" target="_blank">关于大学生网页设计的社会实践报告</a></li> <li><a href="/doc/ff3641037.html" target="_blank">大学计算机基础网页设计与制作</a></li> <li><a href="/doc/277180382.html" target="_blank">大学生网页设计实训报告</a></li> <li><a href="/doc/578729677.html" target="_blank">大学生计算机网页制作考试模拟题3</a></li> <li><a href="/doc/882101318.html" target="_blank">最新大学生生网页设计实习报告</a></li> <li><a href="/doc/9d18548630.html" target="_blank">大学网页设计大赛策划书正式版</a></li> <li><a href="/doc/b44940048.html" target="_blank">大学生计算机网页制作考试模拟题5</a></li> <li><a href="/doc/ce10131123.html" target="_blank">大学生毕业生网页设计实习报告</a></li> <li><a href="/doc/d513861519.html" target="_blank">关于大学生网页设计的社会实践报告(完整版)</a></li> <li><a href="/doc/e816820399.html" target="_blank">大学生网页制作设计大赛</a></li> <li><a href="/doc/2f4702059.html" target="_blank">大学生网页设计实习报告</a></li> <li><a href="/doc/408788471.html" target="_blank">大学网页制作-唐诗宋词材料</a></li> <li><a href="/doc/78420547.html" target="_blank">大学生网页设计大作业(web)</a></li> <li><a href="/doc/8c17519648.html" target="_blank">大学生网页设计报告</a></li> </ul> <div class="coltitle">最新文档</div> <ul class="lista"> <li><a href="/doc/0f19509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0119509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9b19184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/d819211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/a419240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9d19184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8a19195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8519195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7119336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6619035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6719035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4a19232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3b19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2619396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2b19396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1419338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/ed19066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/bd19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "ac910a20ed630b1c59eeb582"; </script> <div class="clearfloat"></div> <div id="footer"> <div class="ft_info"> <a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a>&nbsp;<a href="/tousu.html" target="_blank">侵权投诉</a> &nbsp;&copy;2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br /> 本站资源均为网友上传分享,本站仅负责收集和整理,有任何问题请在对应网页下方投诉通道反馈 </div> <script type="text/javascript">foot()</script> </div> </body> </html>