第一篇:网页设计选修课总结2
总结
经过十几周的网页设计课的教学让我学习到了很多的知识。了解到现在信息中网页的组成和其制作。使我们能够自己设计自己的网页。
网络是21世纪的标志性事物。身为当今大学生更是要对网络要有深沉次的了解。我们用网络来聊天,查质料,网上冲浪等。获取我们所需要的相关信息。网络给我们很多的便利。要知道这些都是基于一个个网页的基础上的。
在老师生动有趣的讲解网络的大体之后,让我们对网络更是有浓厚的兴趣。在课堂上我们知道了怎么制作网页,怎么让网页更加美观,主流网页的一些设计成功之处。使我们的视野开阔了很多。也可以用一些专业词语来交流沟通。有些时候我们真的有点感觉到自己就是一个很了解网页的“内行人”。但是对有些很专业的人来说,我们只是了解了网络设计的设计流程和一些操作方法。老师还用多媒体给我们教程。让我们能够看到顶尖级的网页设计高手的设计教程。实际的操作的演示让我们能过更清楚的知道没一个操作。更直观的让我们了解网页设计的全过程。在我们自己设计网页的时候也是一个很好的标准。在不知道怎么设计的时候我们会用网页设计教程来做参考。使得我们能够在课下也能温习自己不了解的炒作。
在这网页设计课中我们不仅学习到了丰富的网络网页知识。还使我们交到了很多新同学。共同的兴趣使得我们在交流中知道更多。老师尽职的教导让我们掌握了更多的知识。和蔼对待我们还给我们讲
解了一些在富士康的事。让我们思考了我们的人生,使我们有很好的职业规划。
第二篇:《网页设计选修课》课程设计
《网页设计》
网页设计与制作
(2011/2012学年第一学期)
课程名称网页设计与制作设计题目秋天的童话课程性质公共选修课学生专业10级中文系汉语文学专业学生学号2010020204学生姓名张规通授课教师刘 红 军
邵阳学院
2011年 10月20日
《网页设计》
刘红军***QQ :175041
5(一)课程设计要求
1.A4 纸张 打印,页数 在8页以上。(含封面,最好 8-10页)
2.字数 要求1000字 以上,2000-3000字
3.题材: 自己熟悉的,感兴趣的内容。如:诗词,历史,新闻,个人爱好。。
4.网站要求: 要有主页,有5个以上的链接,页面数量要有6个。其中一个要含有 FLASH、Fireworks的动画、图像效果。
(二)课程设计排版要求:
1.统一封面(上面封面)。
2.要有目录
3.内容 :设计目的,设计特点、设计思想。要有网站整体结构规划,主页,子页的设计规划,网页的详细设计分析,总结。
4.除封面,目录外,每页都有页眉“网页设计与制作---秋天的童话”,每页在页脚中部有页码。
第三篇:网页设计 选修课结课作业
一、利用所学知识独立制作一个网站的主页,命名为index.html。网站的主题不限,可以是文学、艺术、影视、个人主页类、家乡介绍、美食等。具体要求如下:
1、要给主页设置标题。
2、主页上的导航栏目不少于5个。
3、、主页上能够显示系统当前的日期和时间。
4、、主页下方要注明版权信息等内容。
5、、主页上至少包含文字、图片及超链接等内容,超链接都要设置为空链接且带下划线。
6、网站的主页布局方式不限,可以用表格、框架、Div+css或者其它方式。
7、自己搜集网站素材。
8、严禁抄袭,如有雷同,一律视为不及格。
9、最后将所做网站的主页用A4纸打印上交。
10、写上自己的姓名、学号、班级、院系。
二、根据你所做的网站,以“如何制作一个网站”为题,写一篇小论文,总结一下制作网站的完整的工作流程,不少于1000字,可以手写(用16K纸),也可以打印(用A4纸),附在打印的网站主页的后面,装订在一起上交。
上交截止日期:-----
上交地点:====
第四篇:选修课网页设计作业
这个学期我选修了网页设计这么选修课,经过十几周的学习,让我对网页设计有了初步了解,但也只是学到了一些皮毛,就对这么课说一说我的心得。
现在,计算机和网络已经深入到了我们生活中的方方面面,也已经成了生活
中不可缺少的一部分,网络成了我们获取知识和信息的一种便捷工具,现在的网民也在不断的增多,所以,了解和学习网络知识是我们作为一名大学生迫切所需的。
说到网页,就不得不提几个和它相关的名词。
1、WWW又称万维网,也可以简称WEB或3W,是一种建立在INTERNET上的庞大的基于超文本的网络信息系统,具有全球性、交互性、动态性、跨平台、分布式等特点。
(2)www浏览器是专门用来定位和访问WEB信息的应用程序或工具软件。常用 的浏览器软件包括Microsoft公司的Internet Explorer和Netscape公司的Navigator.ta.(3)WWW服务器是对浏览器的请求提供服务的计算机及其相应的服务程序。网
页提供者将制作和的网页存放在服务器上供用户浏览。采用客户机/服务器的工作模式。
(4)超文本与超媒体是WWW的信息组织形式。在WWW系统中,信息是以一种非 线性的超文本方式组织的。
(5)超链接在本质上属于网页的一部分,它是一种允许我们同其他网页或站点 之间进行连接的元素。
(6)URL统一资源定位器是对Internet上资源的一种准确的定位机制,它以
一种全世界统一的唯一标识来确定某个网络资源,可以访问Internet上任何一台主机或者主机上的文件。
作为网页设计的初学者,我对网页设计非常感兴趣,想设计出一个美观、实用、内容丰富的网页是非常困难的,它是一个循序渐进的积累过程,想要更好更快地学习网页制作,除了需要自己的勤奋努力外,还需要培养自己的审美能力以及美术基础。在网页设计这么选修课中,我不仅学到很多关于网页设计 方面的知识,也从中学会网页制作软妹方面的知识,我学会了简单的使用Dreamweaver。
在课堂上我们知道了怎么制作网页,怎么让网页更加美观,主流网页的一些设计成功之处。使我们的视野开阔了很多。也可以用一些专业词语来交流沟通。有些时候我们真的有点感觉到自己就是一个很了解网页的“内行人”。但是对有些很专业的人来说,我们只是了解了网络设计的设计流程和一些操作方法。老师还用多媒体给我们教程。让我们能够看到顶尖级的网页设计高手的设计教程。实际的操作的演示让我们能过更清楚的知道没一个操作。更直观的让我们了解网页设计的全过程。在我们自己设计网页的时候也是一个很好的标准。在不知道怎么设计的时候我们会用网页设计教程来做参考。在这网页设计课中我们不仅学习到了丰富的网络网页知识。还使我们交到了很多新同学。共同的兴趣使得我们在交流中知道更多。老师尽职的教导让我们掌握了更多的知识让我们思考了我们的人生,使我们有很好的职业规划。
第五篇:网页设计总结
网页设计听课总结
网页设计的阶段性课程:
1、规划阶段(网站策划)
2、设计阶段(网页美工)
3、实施阶段(网页制作)
详细流程:站点策划、构思草图、美工设计、图形制作、脚本编程、图形页面整合、测试发布
从创建站点开始(学会搭建并定义本地站点)
规划站点结构的原则(用文件夹来保存文档、使用合理的文件名称、首页名称、将本地和远端站点设为同样的结构)搭建自己的网页文件夹 比如(images、midea等等)
创建站点文档(添加文件和文件夹、文件的管理)
HTML代码的基本结构(头部、主体):
….
…
设定meta内容(通用头元素的设置、添加meta元素。设置关键字和描述文字、刷新网页设置)
设定页面属性(标题、背景图像、背景色、文本颜色、边距)
添加文本(插入特殊字符、设定文本属性、改变字体和尺寸)
换行快捷键:enter 和shift+enter(br式回车 紧凑型)
网页支持的图像格式:gif、JPEG、png等
图像在网页中自动变形后,可以按“重新取样”后改变图片的大小
底部水平线修改颜色:点击快速标签编辑器修改源代码即可(如:color=“green”)插入flash动画、flash按钮与文字、flash图片查看器、flashpaper文件
插入javaapplet元素(源代码:)
插入交互图像(翻转图片和导航条)
JavaScript 脚本语句:
设置滚动文字属性:在滚动文字前加上
鼠标指向时停止滚动命令:onmouseover=“this.stop()”
鼠标离开时开始滚动命令:onmouseout=“this.start()”
在滚动文字结束代码的最后写上:
例如:
网页链接:绝对路径(http://)
相对路径(相对于同网站下的链接b.htm)
根路径(a.htm)
内部链接、外部链接、锚链接、Email链接、链接的目标窗口、图像的超级链接、热点 链接的源代码:
邮件链接:(mailto:邮件地址?subject=网站意见反馈&cc=邮件地址)
例如:mailto:xxx@163.com?subject=网站意见反馈&cc=xxx@163.com
锚链接的使用方法:先在头部抛锚,然后在页尾链接到锚点(在目标处写:#top)源代码如下:返回头部
图像的热点:在一张图片的不同地区选择新的链接。
脚本链接:例子:关闭窗口的链接:JavaScript:window.close()
表格的应用:新增表格、表格的属性设定
学会用fireworks切片,并且在Dreamweaver中导入fireworks HTML并调整表格的操作 Html源代码 表格:
表格的绘制:(绘制表格、绘制单元格)扩展、标准、布局
快捷键:ctrl + :放大ctrl-: 缩小
做好切片及排版
制作表单:(什么是表单?客户端填写表单(提交反馈)服务器端处理表单、加入空白表单、设定表单属性)
表单动作:(表单内容发到邮箱)mailto:xxx@163.com &cc=xxx@163.com
文本域、单选按钮、复选框
源代码:
id=”leftFrame“ title=”leftFrame“ />
添加浮动框架: 使用浮动框架(制作浮动框架、设置浮动框架属性、制作浮动框架链接)
属性的设置源代码:
制作复杂的嵌套结构框架页面、学会在页面中使用嵌套框架,并制作框架页面间的链接。模板的应用:模板的功能 什么是模板 为什么用模板(方便制作及更新)
创建模板(根据已有文件建立模板)文件菜单下:另存为模板„
定义可编辑的区域
库的建立及应用 库的建立(什么是库?为什么使用库?)便于局部文件的修改
1、建立库
2、应用库
3、更新库
层的使用 创建层 设置层属性(选择层 改变层的大小 移动层 排列层)
插入层的html语句:
层是属于CSS样式表的一种定位技术
作用:直接使用层排版、利用层来设计表格(层和表格可以互换)、使用层溢出属性 控制当层的内容超过层的大小的时候就要用到层的溢出属性(类似滚动条效果)
溢出属性的选择有四种:
1、visible(可见的)
2、hidden(隐藏的)
3、scroll(滚动效果)
4、auto(自动)
行为(什么是行为/动作/事件 选择对象 添加动作 调整事件)
行为的应用:制作弹出信息窗口、制作打开浏览器窗口、播放音乐(实现背景音乐)在html语言中添加背景音乐:
其中的(loop=”-1“:指的是无限循环)
设置状态栏文本 针对输入文本框的行为事件“点击”是:onfocus
不在文本框的行为事件是:onblur
控制flash的播放 先给flash命名 然后在下方设置控制播放的命令 给名字设置空连接(空
连接的目标为:#)
检查表单 对按钮实施行为事件
转到URL
交换图像
显示弹出式菜单
检查插件(新建文字 指向空连接 然后设置行为属性即可。)
检查浏览器(在IE流行的现在时代,一般不使用)
改变属性(例如改变图片的边框属性 如:border)
拖动层的效果(拖动层要对整个页面进行实施)
设置显示隐藏层(例如:鼠标划过时出现图片,离开时消失)
设置层文本
制作时间轴动画(层的漂浮效果)Fps:帧速率 在路线中添加关键帧
控制时间轴(鼠标经过停止、鼠标离开浮动)
常用事件:onmouseover、onmouseout、onfocus、onload等等
使用插件
1、手动安装插件:扩展对象、扩展命令(对于鼠标跟随的效果,字体的设置直接在CSS样式表中)、扩展行为
2、自动安装插件(使用插件管理器):Dreamweaver中的标准插件后缀名为:*.mxp去adobe网站找插件。主要包括:扩展对象、命令、行为
预览和出版:检查网站中的错误链接、检查某个html页面的链接错误
Dreamweaver课程总结:
1、建立站点、维护站点
2、页面构成元素:文字(特殊字符)、图片、表单、多媒体(embed、marquee、bgsound)、头信息的加载
将其上传到网站的根目录即可。如果需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,在Html中的<head>部分加入如下的代码: