当前位置:文档之家› 网页设计与制作(静态网页)

网页设计与制作(静态网页)

网页设计与制作(静态网页)
网页设计与制作(静态网页)

学生信息管理系统

实训报告

院系:信息科学与工程学院

班级:软件技术一班

姓名:陈庆勇

学号:201015040102

指导教师:张晓诺

二〇一一年六月二十六日

目录

一、需求分析 (3)

二、设计系统流程图 (4)

三、创建数据表 (5)

四、学生管理系统模块设计 (6)

五、部分程序源代码 (8)

六、实训心得与体会 (12)

书山有路勤为径,学海无涯苦作舟。

一、需求分析

一套软件是否有市场,满足用户需求是关键因素,所以搞清楚用户到底需要什么是软件开发的头等大事。用户需求如何得来?用户有没有把需求描述清楚?如何把用户需求转化成自动化方式?软件的开发其实就是从一个个问题开始,再一个个地解决地过程。整个需求的过程如图:

二、设计系统流程图

三、创建数据表

四、学生管理系统模块设计

概要设计中最重要的就是确定此项目包括哪些模块。根据上两节讲述的设计原则和模块特征,将用户需求转化为下面的模块。

(1)管理员模块:是本系统的核心模块,该模块又包括对学生管理和课程管理2个子模块,功能如下:

1)学生管理子模块:实现对学生信息的添加、修改、删除操作,还可以输入查询条件进行查询操作。

图3-1 学生管理子模块

2)课程管理子模块:实现对课程的添加,添加时为其分配任课教师、上课时间和地点,实现对课程的修改、删除,查看某个课程的详细信息等。

图3-2 课程管理子模块

(2)教师模块:实现查看自己所教授的课程、课程有哪些学生选

修,以及利用本系统提交学生的成绩。

图3-3 教师管理模块

(3)学生模块:实现学生的选课,查看、修改自己的选课信息。

图3-4 学生模块

(4)公有模块:实现用户的身份验证,密码修改,退出系统等功能。

五、部分程序源代码

登录界面及登录按钮代码:

try

{

if (textBox3.Text.Trim() == "" || textBox4.Text.Trim() == "")

{

MessageBox.Show("用户名和密码不能为空!","登录失败",

MessageBoxButtons.OK,MessageBoxIcon.Error);

return;

}

SqlConnection conn = new

SqlConnection("server=.;database=Student;Integrated security=true");

StringBuilder sql =new StringBuilder();

sql.AppendFormat("select count(*) from Users where adminName='{}' and adminPwd='{}'", textBox3.Text.Trim(),

textBox4.Text.Trim());

SqlCommand cmd = new SqlCommand(sql.ToString(), conn);

conn.Open();

int result = Convert.ToInt32(cmd.ExecuteScalar() );

conn.Close();

if (result == 1)

{

this.Hide();

Form Myform = new Form2();

Myform.ShowDialog();

}

else

{

MessageBox.Show("用户名和密码错误!","登录失败",

MessageBoxButtons.OK, MessageBoxIcon.Error);

return;

}

}

catch (Exception ee)

{

MessageBox.Show("发生错误"+ee.Message,"登录失败",

MessageBoxButtons.OK, MessageBoxIcon.Error);

return;

}

Form2界面及登录按钮代码:

public partial class Form2 : Form

{

public Form2()

{

InitializeComponent();

}

private void 注册ToolStripMenuItem_Click(object sender, EventArgs e)

{

this.Hide();

Form Myform = new Form3();

Myform.ShowDialog();

}

private void 查询ToolStripMenuItem_Click(object sender, EventArgs e)

{

this.Hide();

Form Myform = new Form4();

Myform.ShowDialog();

}

private void 录入ToolStripMenuItem_Click(object sender, EventArgs e)

{

this.Hide();

Form Myform = new Form6();

Myform.ShowDialog();

}

private void 学生信息管理ToolStripMenuItem_Click(object sender, EventArgs e)

{

}

private void 查询ToolStripMenuItem1_Click(object sender, EventArgs e)

{

this.Hide();

Form Myform = new Form7();

Myform.ShowDialog();

}

private void 录入ToolStripMenuItem1_Click(object sender, EventArgs e)

{

this.Hide();

Form Myform = new Form8();

Myform.ShowDialog();

}

private void 修改ToolStripMenuItem_Click(object sender, EventArgs e)

{

this.Hide();

Form Myform = new Form9();

Myform.ShowDialog();

}

private void 查询ToolStripMenuItem2_Click(object sender, EventArgs e)

{

this.Hide();

Form Myform = new Form10();

Myform.ShowDialog();

}

private void 退出ToolStripMenuItem_Click(object sender, EventArgs e)

{

this.Hide();

Form Myform = new Form1();

Myform.ShowDialog();

}

private void 删除ToolStripMenuItem_Click(object sender, EventArgs e)

{

this.Hide();

Form Myform = new Form13();

Myform.ShowDialog();

}

private void 密码修改ToolStripMenuItem_Click(object sender, EventArgs e)

{

this.Hide();

Form Myform = new Form12();

Myform.ShowDialog();

}

private void 选课信息ToolStripMenuItem_Click(object sender, EventArgs e)

{

this.Hide();

Form Myform = new Form5();

Myform.ShowDialog();

}

private void 添加ToolStripMenuItem_Click(object sender, EventArgs e)

{

this.Hide();

Form Myform = new Form11();

Myform.ShowDialog();

}

private void Form2_Load(object sender, EventArgs e)

{

}

}

六、实训心得与体会

1.态度第一

摆正自己的心态,不要以为什么东西上网搜搜就可以了,一定要有自己的东西。只有自己付出过,当程序运行成功时的那种喜悦才会令自己有一种莫名的自豪感。态度决定一切!

2.兴趣是关键

我的学习完全是兴趣导向的,所以压力并不大。因为有兴趣,所以我会很想充分理解一切细节。又因为理解,所以许多原本片片断断的知识都可以渐渐互相融会贯通,累积技术能量,理论和实务之间的藩篱被打破了,学习效率倍增。学习并快乐着!

3.敢于挑战

不安于现成的程序,要敢于用多种方法实现一个目的。现在的网络科技很发达,想要一个源程序的确很简单,所以很多人都是在自己都不明白题目要求时,就可以在网上搜到一模一样的代码,根本没有

自己的东西。挑战自我是项艰巨的任务。只有坚持自己多看代码多写程序才会有更多的收获。

4.不懈追求

要对源代码进行不断地完善,要尽可能地实现课题所要求的功能。对初学者来说,大量地写程序是必要的,但过了某个阶段之后,写程序所带来的技术能力成长已经到了极限,还不如多花一点时间看书,学新技术和新观念。可以从实现源程序功能着手,比如添加写模块啊什么的,实现更多功能。看着自己编的程序能成功运行,这样自己会更感兴趣,也就会乐此不疲。

502043《网页设计与制作》课程标准

《网页设计与制作》课程标准 课程代码: 502043 参考学时: 90 学分: 4 课程类型:专业课

2015年 1 月编 一、适用专业 计算机应用技术(3年制中职,5年制高职) 二、开课时间 第4学期 三、课程定位 1、课程性质 本课程是计算机应用技术(3年制中职,5年制高职)的专业课程。 2、教学任务 本课程主要以Dreamweaver软件为操作平台,针对职业教育网络技术专业中理论结合实践的特点,以培养高技能应用型人才为目标,重点加强学生的理论基础和训练学生的实际操作能力。在教学知识模块上首先介绍网页的相关知识,学习HTML标记语言,在此基础上深入学习Dreamweaver软件的操作方法以及网页元素在网页中的使用技巧,锻炼学生网页的排版设计能力,最后通过样式表、客户端脚本、服务器行为的学习让学生熟悉并掌握开发简单动态网站的能力。在本课程的实践教学内容中,选取紧密联系实际的项目并进行详细分解,重点培养学生的静态、动态网页制作能力、具备网站的建立和维护能力、独立思考、解决问题以及自主创新的能力。 四、课程培养目标 1、方法能力目标 1)培养学生谦虚、好学的品质; 2)培养学生勤于思考、做事严谨的良好作风; 3)培养学生良好的职业道德; 4)培养学生事物美的观念; 2、社会能力目标 1)培养学生的团队协作精神; 2)培养学生分析问题、解决问题的能力; 3)培养学生勇于创新、敬业乐业的工作作风; 4)培养学生诚实、守信、坚忍不拔的性格。 3、专业能力目标 1)掌握网页设计相关知识、网页元素组成、网页结构、网站开发流程、网页设计 与制作工具;

2)掌握HTML标记语言并能够熟练使用标记元素来书写网页框架; 3)掌握Dreamweaver软件的使用方法;学习文本、图像等多媒体元素在网页中的 使用技巧; 4)熟练掌握表格的弹性控制及表格元素标记的使用方法并能应用单元格的合并拆 分、表格嵌套来完成网页的排版; 5)掌握模板的使用方法;熟练应用模板来制作、修改、批量更新网页; 6)掌握两栏框架的制作方法和使用浮动框架嵌套网页的技巧; 7)熟悉AP元素的浮动和定位并能结合时间轴来实现多个AP元素的动画效果; 8)熟练掌握表单的制作方法、表单元素标记、了解网页通过表单来提交数据的原 理; 9)掌握网页中客户端行为的概念;能够使用常见的客户端行为来制作前台页面的 动态效果; 10)掌握样式表对网页的外观和格式的控制、样式表的冲突与继承并能够熟练 书写样式; 11)熟练掌握服务器行为的概念、连接数据库、插入、修改、更新、删除操作 记录;能够使用服务器行为开发简单的动态网站。 五、课程衔接 在课程设置上,前导课程有《Photoshop高级应用》,后续课程有《网站建设》六、教学内容与学时分配 教学学时数分配见下表所示 表教学内容与学时分配

网页设计与制作教案

《网页设计与制作教案》 湄洲湾职业技术学院 2008-2009学年第一学期 教师:唐俊奇 系部:信息技术工程系 专业:计算机应用电子信息 班级:计机07(1)信息07(1)08(2)

第一讲网页设计概述 【教学内容】 讲解网页设计的相关术语及网站制作的基本流程。 【教学目的】 使学生对网站及网页有一定的认识,激发学生学习网页设计的兴趣。 【教学重点】 网页设计中的若干术语。 【教学难点】 理解网页设计中的若干术语。 【教学方式】 讲授式、讨论式、案例分析式。 【教学参考】 1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。 2、《Internet 网页工场》Wittime工作室重庆出版社。 3、《WEB网站设计》Joel Sklar著高等教育出版社。 4、《HTML网页制作教程》材义语编著铁道出版社。 【新课内容】 1.1 WWW和URL 1.1.1 Web的起源 Web是World Wide Web的简称,一般也称之为WWW或3W 1.1.2 Web的特点和结构 Web最大的特点是使用了超文本(Hypertext) WWW采用C/S(客户机/服务器)工作模式 在浏览器和服务器之间应用HTTP(Hyper Text Transfer Protocol,超文本传输协议)作为网络应用层通信协议 1.1.3 URL URL的完整格式 协议://主机名或IP地址:端口号/路径名/文件名 1.2 IE5的使用 Web浏览器是浏览Internet资源的客户端软件 在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic 等 1.2.1 IE5的界面 1.2.2 IE5的使用

4月全国网页设计与制作自考试题及答案解析.doc

??????????????????????精品自学考料推荐?????????????????? 全国 2019 年 4 月高等教育自学考试 网页设计与制作试题 课程代码: 00900 一、单项选择题(本大题共 20 小题,每小题 1 分,共 20 分 )在每小题列出的四个备选项中只有一个 是符合题目要求的。请将其代码填写在题后的括号内。错选、多选或未选均无分。 1.IP 协议对应于 OSI 七层协议的哪一层 ( ) A. 会话层 B. 网络层 C.传输层 D. 数据链路层 2.通用图像格式GIF 最多可以使用的颜色数是( ) A.16 色 B.216 色 C.256 色 D.512 色 3.XML 的主要特点之一是用户能够定义自己的( ) A.DTD B.CSS C.CGI D.Script 4.网站用三级结构实现时,位于最底层的是( ) A. 文章页 B.导航页 C.栏目页 D. 首页 5.用 FrontPage 200 建立网站时,默认建立的子目录是( ) A.titles 子目录 B.texts 子目录 C.sounds 子目录 D.images 子目录 6.如果采用了安全调色板以外的颜色,在浏览该网页时将会( ) A. 正常显示 B. 不显示 C.产生“抖动” D. 显示黑白两色 7.进行网页设计时,设置页面尺寸与下面哪一项有关( ) A. 显示器分辨率 B.显示器品牌 C.页面内容 D. 网页制作工具 8.目前在网页可嵌入的声音文件中,存储一首乐曲时,其文件最小的是( ) A.wav 文件 B.real 文件 C.Midi 文件 D.MPEG 文件 9.在 HTML 中嵌入 JavaScript,应该使用的标记是( ) A. B. C. D. 10.下列描述正确的是 ( ) A.JavaScript 是一种编译型语言 B.JavaScript 是一种基于对象和事件驱动的编程语言 C.JavaScript 中变量声明采用强定义类型 D.JavaScript 采用静态联编 11.JavaScript 脚本语言的前身是 ( ) A.Basic B.Live Script C.Oak D.VBScript 12.DHTML 技术的核心是 ( ) A.HTML 4.0 B.CSS C.DOM D. 脚本语言 13.使用 CSS 对文本进行修饰,若使文本闪烁,text-decoration 的取值为 ( ) A.none B.underline C.overline D.blink 14.FrontPage 2000 可供用户选择的视图有 ( ) A.3 种 B.4 种 C.5 种 D.6 种 15.在 FrontPage 2000 中,最多可用来创建表格的方式有( ) A.3 种 B.4 种 C.5 种 D.6 种 16.在 FrontPage 2000 中,用户可以处理站点访问者提交上来的表单结果的方式有( ) A.2 种 B.3 种 C.4 种 D.5 种

网页设计与制作课程标准

《网页设计与制作》课程标准前言: 《网页设计与制作》是理实一体化课程,是计算机专业(软件与信息服务、数字媒体、计算机应用专业)的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程,在整个课程体系中具有重要的作用, 一、课程的说明: 通过本课程的学习,使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言,掌握运用Dreamweaver(以下简称DW)网页制作软件制作网页的方法,通过运用Photoshop图像处理软件和Flash动画制作软件,三个软件互相配合,完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力,培养自主学习能力和探索创新能力。 二、课程内容与基本要求: 该课程涉及的知识是网页设计人员必备的基本技能,职业活动与课程内容的对应关系如下:

三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法

(13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 2、职业专门能力目标 (1) 通过完成相关的项目,掌握网页设计的基本工作流程。 (2) 通过完成相关的项目,掌握网页设计常用工具的使用方法。 (3) 通过完成相关的项目,掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目,掌握简单网页交互的制作方法。 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力,形成良好的思考问题、分析问题和解决问题的能力,养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规,形成关键性的软件开发与应用的能力。 四、教学内容 第一章网页制作基础知识(4学时) 教学目标: 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容: 网页制作基础知识 网页的基本构成元素 网页制作常用软件和技术 第二章 Dreamweaver CS6轻松入门(2学时)

网页设计与制作

Web考点 一、判断、单选(20*2’)、填空 1、Window对象表示一个浏览器窗口或一个框架,在JavaScript中,Window对象是全局对 象,所有的表达式都在的那个齐纳的环境中计算。就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来声明。例如,可以只写document 和alert,不必写成window.document和window.alert()。 2、Document对象 每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。 提示:Document对象是Window对象的一部分,可通过window.document属性对其进行访问。又代表了整个HTML文档,可以来访问网页中的页面中的所有元素。 Document.childNodes 包含着document.documentElement 3、JavaScript不可以增加类型(弱类型)。C#是强类型语言,声明变量要指定类型。 4、Html.CSS.DOM标准是由https://www.doczj.com/doc/c29089258.html,指定的。 JavaScript标准是由Ecma制定的。 C#、https://www.doczj.com/doc/c29089258.html,由微软制定的。 5、Hypertext transport protocol——HTTP协议。 超文本传送协议,是万维网(world wide web)交换信息的基础。它允许将超文本标记语言(HTML)文档从Web服务器传送到Web浏览器。HTTP允许输入任意类型的数据对象。正在传输的类型由Content-Type加以标记。 6、相对路径(Relative Path) (1)如何表示同级目录的文件 2.html和 3.html在同一个文件下,如果2.html链接到3.html,可以在2.html中这样写:同目录下文件间互相链接; ../代表一级上级目录路(间隔一个目录) ../../代表二级上级目录(间隔两个目录),比如4,html链接到1.html,可以在4,html中这样写:链接到上级目录的上级目录中的文件。 (2)如何表示下级目录文件 2.html和 3.html是1.html的下级目录中的文件,如果在1.html中链接到2.html,可以在1.html中这样写:链接到下级目录(first)中的文件; 如果在 1.html中链接到 4.html,可以在 1.html中这样写:链接到下级目录(first/second)中的文件

《网页设计与制作》课程说课稿

《网页设计与制作》课程说课稿 一、课程定位 《网页设计与制作》课程是我院计算机应用技术专业、计算机网络技术专业及电子商务专业的重要专业基础技能课程,该课程不仅实用性强、应用面广,而且与岗位的联系非常密切,仅仅就这一门课程的学习,学生毕业后就可以从事相关网页设计与制作的工作,考取相关的网页设计与制作员的资格证书,如果将此作为技能基础,继续学好后续基于网络编程的动态网页设计技术,学生还可以从事网络软件的设计与开发,进行商务网站的设计与制作,同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。该课程的开设,正好满足我校关于“高素质、技能型人才”培养目标的需求,通过该课程的教学,可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护的工作人才。基于该课程的主要工作岗位有:网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。 二、课程教学设计的过程与思路 在教学过程中,结合职业岗位对人才的需求(一线工作岗位上从事网页设计、制作、编辑,网站规划、维护和管理的人员)、我校对人才培养的目标(培养高素质、技能型、应用型人才)及本课程对人才培养的目标(能够独立完成一个网站的建设,毕业后能够从事企事业单位的网页设计与制作、网站维护与管理等工作的人才),我们将培养学生熟练的网页设计与制作操作技能作为培养重点,在具体课程教学设计中,应用“工学结合”的教育思路、实施“建构主义”的教学方法,采取“小组协作学习”的学习方式完成整个课程的教学与学习。 在“工学结合”的教育思路下,主要以“工作导向——项目导向——任务驱动——知识学习”的一个架构来完成教学。 具体给大家阐述如下: 老师教学之前的教学设计:根据知识点——设计任务——组合项目——达成一项工作 老师教学中的教学设计:给学生布置一项工作(工作导向)——将工作转化为项目(项目导向)——将项目细化为每一个任务(任务驱动)——通过任务引出知识点(知识学习)

《网页设计与制作》课程概述

《网页设计与制作》课程概述: 栏目介绍:课程栏目包括除课程概述之外,还有教学大纲、主讲 教师、学习课件、学习资料、在线练习、留言板、友情链接。 课件内容介绍: 《网页设计与制作》是一门理论与实践技能并重的课程,本 课程主要介绍第一章至第五章的内容。部分教学内容如下: 第一章 网页设计基础 第二章 HTML基础 第三章 表格 第四章 框架 第五章 使用AP Div元素 本课程五章内容共分为三十六个课时, 上下课时的内容相互联系 相互影响。 第一章: 第1课时、基本概念 第2课时、网站分类 第3课时、网页页面布局 第4课时、网站制作流程 第5课时 网站策划书

第6课时、常用网页设计技术 第7课时、常用网页设计工具 第8 课时、网站建设流程 第9 课时平台规划 第二章; 第10 课时 HTML 第11 课时 HTML 的基本构成标记 第12 课时 强制换行标记、段落标记 第13 课时文本标记 第14 课时 列表标记 第15 课时 层标记和表单标记 第16 课时 框架的应用 第17 课时 rows 属性和cols属性说明 第三章: 第18 课时 在页面中创建表格 第19 课时 表格的基本操作 第20 课时 设置表格属性 第21 课时 使用表格对网页进行布局 第四章: 第22 课时 认识框架和框架集 第23 课时 创建和保存框架集 第24 课时 编辑框架

第25 课时 设置框架和框架集属性 第26 课时 框架标签 第五章: 第27 课时 AP Div概述 第28 课时 创建 AP Div元素 第29 课时 设置 AP Div元素的属性 第30 课时 “属性”面板中各项含义 第31 课时 AP 元素面板 第32 课时 调整AP Div 的大小 第33 课时 更改AP Div 的堆叠顺序 第34 课时 嵌套AP元素 第35 课时 对齐AP元素 第36 课时 将AP Div元素转换为表格 第37 课时 将表格转换为 AP Div 元素 第38 课:AP Div 标签 第39 课时 CSS与Div标签 第40 课时 设置 Div属性 教材介绍: 所用教材是《网页设计与制作基础教程》,其内容丰富,结 构清晰,语言简练,图文并茂,具有很强的实用性和操作性,可 作为高等院校计算机相关专业的教材,也可作为广大动态网站开

网页设计与制作总结

网页设计与制作 实训报告 班级:多媒体152 姓名:张莉钧 学号: 指导老师:薛杨王淑惠 实训时间:6.20——6.24 一、实训目的: 1、进一步熟悉和掌握网站建设的基本流程和技术规范; 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识; 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识; 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法,能独立设计一个内容完整、图文并茂、技术运用得当的网站; 5、具备独立撰写实训报告基本能力; 6、在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流的能力,培养创新能力和团队意识; 7、紧紧围绕网页制作的流程:规划、设计、开发、发布、维护来进行网站的开发,制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结,使学生复习、巩固所学过的理论,并予 以适当的深化,进一步训练学生的基本技能(如:搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等),为今后从事网站开 发、维护和管理奠定基础 二、实训项目——特色美食餐厅网站设计 1、网站主题 我的网站的主旨在于从各个方面全面的介绍特色美食餐厅,包括它的菜品、餐厅的环境以及促销活动。另外,网站里还包括餐厅资料和联系方式,网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是橙色和白色搭配,用以展示餐厅特色的效果。其实最重要的是要做出自己的风格,给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息,包括图片、文字。同时,查 询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等,用以得来更加具有说服力的页面。要想做好自己的网站,能够给浏览者好的欣感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站。 3、网站规划 我的网站共有7个主页面:首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块,以保证网站统一的页面风格。网页布局主要用框架和表格,用框架定位内容的大体结构,再用表格具体定位。位子的设计也是重要的一个部分,根据具体内容决定字体风格,相同的风格多次调用是CSS设计一个样式,以保证随时、准确的调用。 三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。

《网页设计与制作基础》实验指导

实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索,下载网页、图片、文字和文件; 2、利用记事本来编辑HTML文档并浏览; 3、熟悉HTML基本标记的使用。 实验环境 WindowsXP操作系统,内部组成局域网,外连Internet互联网。 实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。 实验内容 1、从网上(如网页制作大宝库https://www.doczj.com/doc/c29089258.html,等)下载网页制作时需要的小图片、 动画及flash等网页制作素材。 2、收集你认为比较好的网页并从网页主题、网页内容、结构布局、色彩搭配等方面来分析 网页。 3、通过浏览新浪网站主页分析其网页基本元素,查看其源代码,收藏到收藏夹中,将其设 为主页。 4、制作一个简单的网页sy1-1.html,用记事本编辑,网页标题为“熟悉HTML文档的结构”, 内容为司空曙的《江村即事》,如下图所示。 5、通过附录1的练习熟悉HTML基本标记的使用。(可参考第二章内容)

实验二 Dreamweaver基本操作(一) 实验目的 1、熟悉Dreamweaver的工作环境并了解本地站点的建设和管理; 2、熟悉网页文件的基本操作; 3、熟练掌握在网页文件中文本、图像、超链接的添加和设置。 实验环境 WindowsXP操作系统,Dreamweaver CS3软件,内部组成局域网,外连Internet互联网。实验重点及难点 ◆文字的插入及设置。 ◆图像的插入及设置。 ◆各种超链接的创建。 实验内容 1、使用Dreamweaver建立一个本地站点并命名为“Dreamweaver基本操作”,包含以下几 个文件和文件夹:图片文件夹(images);音乐文件夹(sound)等。 2、在站点“Dreamweaver基本操作”中新建一个名为sy2-1.html的网页文件,从提供的网 页原始素材中把相关文字复制到该网页文件中,并进行适当的文字设置,结果如下图所示。 3、在站点“Dreamweaver基本操作”中对网页sy2-1.html按如下要求进行编辑并另存为 sy2-2.html,效果如图所示。 ●标题文字大小用

标记; ●作者信息文字大小为24像素,字体为幼圆,颜色为红色; ●古诗文字大小为24像素,字体为隶书,颜色为蓝色; ●在作者信息后加一条水平线,居中,水平线宽度为浏览器的30%,水平线的粗细为20 个像素,颜色为棕色;

自考29942网页设计与制作

自考29942网页设计与制作

高纲1349 江苏省高等教育自学考试大纲 29942 网页设计与制作(实践) 南京大学编 江苏省高等教育自学考试委员会办公室

Ⅰ课程性质与课程目标 一、课程性质和特点 《网页设计与制作》是为江苏省自学考试“计算机及应用”、“计算机信息管理”或相关专业专科段学生开设的专业基础课,是一门不进行理论考试而仅参加实践考核的课程。本课程重点培养学生基本的网页设计和制作技能,要求学生在自学理论知识的基础上,培养动手能力,加强实践环节,并能熟练使用相关工具软件。 二、课程目标 网页是互联网最常见的应用之一,是人们获取和发布信息的主要途径。本课程从实际应用出发,培养学生了解网页设计和制作基础知识,学习和初步掌握:网页设计和制作、网页编写语言及网站规划和管理的实际能力。经过课程实践考核,要求学生能上机实验验证相关理论知识,设计、制作、修改或完善指定内容的网页,初步掌握网站建设和开发流程、熟悉站点的上传和维护并能独立解决网页编辑中遇到的一般问题,具有一定的计算机网络信息发布常识。

经过本课程的学习,应达到以下目标: 1.理解Fireworks和Dreamweaver软件界面,并能熟练独立进行操作; 2.重点掌握Fireworks画布、图层、修饰位图、绘制矢量图形、文本特效的操作; 3.重点掌握Fireworks图像切片、元件与实例的操作,并灵活运用; 4.重点掌握Dreamweaver基础网页制作、链接的使用、插入多媒体元素的操作; 5.重点掌握Dreamweaver表格、框架、模板的灵活应用。 三、与相关课程的联系与区别 本课程需要具有一定计算机基础知识,程序设计语言基础知识及计算机网络基础知识,因此,要以本专业的“计算机应用技术”、“计算机网络技术”、“高级语言程序设计”等作为先导课程。在学习完毕本课程后,将来能够为“网络信息编辑”、“多媒体技术”等课程,或进行本科段的深造打下坚实基础。

网页设计与制作课程试卷(五)

网页设计与制作课程试卷(五) 一、单项选择题 (本大题共40小题,每小题2分,共80分) (1) Photoshop中,下列__D_____操作不能提交图像变换。 A. 按Return键 B单击选项栏中的“提交”按钮 C. 在变换选框内双击 D在变换选框外双击 (2) Photoshop 中,利用蒙板制作淡出效果的方法为____C____。 A.添加蒙板后使用橡皮图章工具 B.添加蒙板后使用钢笔工具 C.添加蒙板后使用渐变工具 D.添加蒙板后使用填充工具 (3) 下列情况不属于冷色彩的是______A___。 A.黄色 B.蓝色 C.绿色 D.蓝绿 (4)下列情况不属于色彩联想性的是______D__。 A.蓝色——天空 B.黑色——黑夜 C.红色——喜事 D蓝色— —高科技 ^ (5) 创建浮动广告的路径应使用__C______. A.“窗口”—>“时间轴”—>“添加行为”命令 B. “窗口”—>“时间轴”—>“录制层路径”命令 C. “修改”—>“时间轴”—>“录制层路径”命令 D.“修改”—>“时间轴”—>“添加行为”命令 6)下列关于层的说法,不正确的一项是___D_____。 A.在DreamweaverMX中,层用来控制网页中元素的位置 B.层可以放置在网页的任何位置 C.层以点为单位精确定位页面元素 D.层中可以包含任何HTML文件中的元素 (7)要打开网页时弹出一个信息框,可以使用新建行为中的___B____。 A.打开测览器窗口 B.弹出信息 C.调用JavaScript D.播放声音 (8)要上传整个站点,要选定整个站点文件可以按的键是___A_____。 A.Ctrl+A B.Ctrl C.Shift D.Shift+A (9)检查测览器的兼容性应选的选项是_____D__。 A.搜索 B.验证 C.链接检查器 D.目标测览器检 查 (10)下列属于合法IP的是_____A__。 A.202.96.1.2 B.257.33. 21.5 C .33.23.99 D.10001111 (11)在模板中,由DreamWeaverMX自动建立的是____D___。 A.可编辑区域 B.可选区域 C.重复区域 D.锁定 区域 (12)在DreamWeaverMX中有___B____种方法可以建立基于模板的网页。 A.2 B.3 C.4 D.5 (13)模板文件的扩展名为______C_。 A.lbi B.htm C.dwt D.asp (14)下列不是FlashMX的选取工具的是___D____。 A.箭头工具 B.图标是空心箭头的工具 C.套索工具 D.手形工具

网页设计与制作课程教案

《网页设计与制作》课程教案 一、课程定位 本课程是计算机应用技术专业的一门专业基础课程,该课程的学习能够提升他们对网页制作的兴趣,让他们学习网页制作的基本技能,为后继课程打下基础,同时扩展其就业面,为就业做好准备。 本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法,并能够使用这3款软件制作出美观实用的网页。 二、课程总目标 掌握网页制作的基本方法和技能,掌握网站建设的流程,能够运用所学知识建设常用的网页和网站,同时能够美化网页,设计人性化、艺术化的网站静态页面部分。 (一)知识目标: 1.熟悉网页制作的基本元素; 2.掌握Dreamweaver CS6软件的基本操作方法; 3.掌握在网页中插入文字、图片、声音、flash等的方法; 4.掌握常见的网页布局方法,学会使用CSS美化网页; 5.掌握在网页中使用表单和制作网页特效的方法; 6.掌握简单图形图像的处理,能够制作符合网页主题的图片和简单动画 并巧妙地和网页中内容搭配起来。 7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静 态页面部分。 (二)职业能力培养目标 1. 能够根据网站开发需求,去寻找网页设计和网站开发所需要的文字、 图片、动画、声音、视频等素材并作美化处理; 2.能够制作出符合主题色彩的网页,网页要求美化、被绝大多数浏览 者接受和喜爱;

3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态 页面。 (三)素质目标 1.具有勤奋学习的态度,严谨求实、创新的学习精神; 2.具有良好的心理素质和职业道德素质; 3.具有高度责任心和良好的团队合作精神; 4.具有运用理论知识发现问题、分析问题并解决问题的能力,同时能够 不断学习,不断创新,让自己的设计越来越完善,有止于至善的精神。(四)职业技能证书考核要求: 可以根据自身情况考取“全国计算机信息高新技术资格证”,“网页设计制作员”,“网页设计师”等职业技能证书。 三、重点、难点章节及内容 1.重点章节: 1.2 网页、网站相关术语简介 1.6 网站建设的基本流程 2.3 Dreamweaver CS6的工作环境 3.2 创建本地站点 3.4 使用站点 3.5 网页设计中的规范 4.1 网页文件的基本操作 4.3 插入文本 4.4 插入水平线 4.5 插入其他基本元素 4.6 创建列表 5.1 超级链接概述 5.2 创建超级链接 5.3 使用dw制作各种超级链接

网页设计与制作课程标准

网页设计与制作课程标 准 公司内部编号:(GOOD-TMMT-MMUT-UUPTY-UUYY-DTTI-

《网页设计与制作》课程标准前言: 《网页设计与制作》是理实一体化课程,是计算机专业(软件与信息服务、数字媒体、计算机应用专业)的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程,在整个课程体系中具有重要的作用, 一、课程的说明: 通过本课程的学习,使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言,掌握运用Dreamweaver(以下简称DW)网页制作软件制作网页的方法,通过运用Photoshop图像处理软件和Flash动画制作软件,三个软件互相配合,完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力,培养自主学习能力和探索创新能力。 二、课程内容与基本要求: 该课程涉及的知识是网页设计人员必备的基本技能,职业活动与课程内容的对应关系如下:

三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法 (13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法

网页设计与制作课程简介

《网页设计与制作》课程简介 课程名称:网页设计与制作 课程代码:02038 适用专业:初等教育(计算机与信息技术方向) 课程性质:专业核心课程、必修课、专业技能课 学分:3 学分 计划学时:72学时(理论36学时,实训36学时) 一、前言 1. 课程性质 本课程是初等教育计算机与信息技术专业的一门专业技能课程,培养学生网页设计与制作能力,适应初等教育对信息技术教师的人才基本要求,同时满足社会对计算机专业人才的需求,适合从事网站建设相关的岗位。 本课程的先修课程是《计算机应用基础》,后续课程是《https://www.doczj.com/doc/c29089258.html,程序设计》。在完成《计算机应用基础》课程学习后,学生掌握了计算机基本知识和原理,学会了一些应用软件和工具软件的使用,进而学习《网页设计与制作》这门课程不会感到困难。在以后学生还将学习《https://www.doczj.com/doc/c29089258.html,程序设计》课程,能设计和制作动态网页。 2. 课程基本理念 初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师,今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者,建设网站和网页是信息技术教师应掌握的基本技能。课程要理论与实践相结合,培养学生动手能力,能胜任今后小学信息技术教师的工作任务。同时满足社会对计算机专业人才的需求,适合从事网站建设相关的岗位群。 3. 课程设计思路 根据初等教育计算机与信息技术专业人才培养方案,《网页设计与制作》是重要的专业技能课程,是作为小学信息技术教师基本技能训练与考核的项目之一。课程以工作任务来组织内容,以案例驱动贯穿教学过程。由浅入深,最后完成主题网站的开发项目。课程教学中以Dreamweaver的使用为主线,要重视HTML

网页设计与制作模板

存档资料成绩: 课程设计报告书 课程名称网页设计与制作 题目设计个人网站主页 分院电信分院 专业班级电子商务 学号 学生姓名 指导教师 2011 年 6月 20日

课程设计评阅意见 评阅人__________职称________ 年月日

目录 第1章课程设计任务书 .................................. 错误!未定义书签。 一、课程设计题目..................................... 错误!未定义书签。 二、课程设计工作..................................... 错误!未定义书签。 三、课程设计的内容要求............................... 错误!未定义书签。 1、课程设计要求.................................. 错误!未定义书签。 2、课程设计内容.................................. 错误!未定义书签。第2章课程设计目的 .................................... 错误!未定义书签。第3章课程设计内容 .................................... 错误!未定义书签。 设计一选题的基本原则............................... 错误!未定义书签。 设计三选材......................................... 错误!未定义书签。 设计四正确运用DW和Ps............................. 错误!未定义书签。 设计五课程设计心得................................. 错误!未定义书签。第4章课程设计步骤 .................................... 错误!未定义书签。 设计一查找相关资料................................. 错误!未定义书签。 设计二利用Ps进行切片.............................. 错误!未定义书签。 设计三利用DW编辑.................................. 错误!未定义书签。 设计四利用DW的站点功能上传或用FTP工具上传站点.... 错误!未定义书签。第5章课程设计心得 .................................... 错误!未定义书签。第6章参考文献 ....................................... 错误!未定义书签。

《网页设计与制作》课程大纲

《网页设计与制作》课程教学大纲 适用专业:计算机网络技术 学时:64学时 一、编写说明 (一)本课程的性质、目的和任务 《网页设计与制作》是计算机网络技术专业的一门专业基础课。通过本课程的学习,使学生能够掌握网页设计制作的基本知识和技巧,同时熟悉网站建设的基本知识,达到能独立构建简单网站或通过协作构建较复杂网站并设计相关网页的水平。 在完成基本知识教学的同时,还要通过实践环节,强化对学生动手能力的培养与训练。 (二)课程教学的基本要求 通过本课程的学习,要求学生掌握HTML语言的文档结构和基本标签使用,能综合应用Dreamweaver CS6软件、HTML和CSS技术制作网页;掌握规划、开发、发布和管理静态网站的专业知识和技能;能独立构建简单网站或通过协作方式完成较复杂网站的建设,培养学生将理论知识应用于实践并解决实际问题的能力,为今后的进一步学习打下坚实基础。 (三)实践环节

(四)本课程与其它课程的关系 先修课程:计算机应用基础、图像处理软件PhotoShop 后续课程:https://www.doczj.com/doc/c29089258.html,动态网站开发、中小型网站设计与开发等 (五)教学时数分配表 (六)考核方式与要求 1.该课程是考查课 2.考核形式:上机操作 3.成绩的计算方法: ①平时成绩:40%(主要评估学生的现实表现) ②试卷成绩:60% (七)教材与主要参考书 1.教材: 《ADOBE DREAMWEAVER CS6标准培训教材》,ACAA专家委员会 DDC传媒编著,人民邮电出版社,2013年1月 2.主要参考书: 《中文版Dreamweaver CS6基础培训教程》,数字艺术教育研究室编著,人民邮电出版社,2014年6月

电子商务专业网页设计与制作课程标准

网页设计与制作课程标准 一、课程性质与任务 网页设计与制作课程是电子商务专业商务网站维护方向的一门 专业技能课程。旨在于培养学生从事网页设计与制作的基本职业能力,为下一步网站建设的学习打好基础,是学生达到网页设计制作人员的基本职业能力要求。 二、课程教学目标 通过任务引领和项目活动等形式,使学生能熟练制作简单网页,能熟练创建本地站点并能在网页中设置各种超链接,能制作网页动画,掌握网页设计与制作技巧,具备网页设计与制作的基本职业能力,能基本胜任网页制作工作,为学生专业方向的发展奠定基础。 职业能力目标: (1)能够熟练制作简单网页; (2)能够创建本地站点并能在网页中设置各种超链接; (3)能够对网页进行具有创意的美化; (4)能够制作有创意的网页动画; (5)能够掌握网页设计与制作的相关技巧; (6)能够根据企业需要制作商务网页; (7)能够跟踪和学习网页设计与制作的新知识和新技能。 三、参考学时 108学时。 四、课程内容与培养目标

五、教学建议 (一)教学方法 教师必须重视现代教学理论的学习,不断的更新观念,深刻领会和探究任务引领型的项目活动形式的教学方式。 1.项目教学 在教师的指导下由学生亲自处理一个项目的全过程,让学生全部或部分独立组织、安排学习行为,解决在处理项目中遇到的困难。加强网页制作技术与各课程整合的研究,充分运用项目教学法,探索在数字化学习环境下的新型教学模式,为学生提供自主发展的时间和空间,努力培养学生的创新精神和实践能力,自觉地成为学生学习的引导者和促进者。 2、任务驱动法 在教学活动中,教师应当围绕特定的教学项目,设计出具体的,可操作的任务,以任务组织教学,在任务的履行过程中,以参与、体验、互动、交流、合作的学习方式,充分发挥学习者自身的认知能力,

《网页设计与制作》学习心得

《网页设计与制作》学习心得说实话,短短三个星期能将《网页设计与制作》这本书粗略的学完,简直有点不敢相信。不过能懂得基本的框架和思路,这一点在以后的学习过程中是非常有帮助的。 其实买电脑的时候就装上了网页四剑客,可能稍微接触多一点的子软件是《Flash CS3》,但吕老师和我们谈及用《Dreamweaver》制作网页的时候,感觉有点茫然。 一开始老师并没有详细的介绍软件的使用,只是强调建立的主要部分:新建站点。其中images、index两个单词要牢记。因为这个是以后网页建设的主要部分。随后布置的作业中强调了表格插入的重要性。 学习与实践环节 第一部分:家庭作业是进行简单的网页制作,以书本上的百川商城为例,按照步骤,新建站点,创建名为images的文件夹及名为index的空白HTML文档,各边距设置为0。值得注意的是,在创建文档前就要规划好将文件保存的具体位置。在文档中添加表格,首先以一行一列、800像素、变宽粗细为0、单元格边间距为0为目标建立对象,为了显示的效果更佳入眼,我们将表格居中对齐,再插入4行一列的表格,俗称表格嵌套,第一行分为两栏用于制作logo和banner,可以根据图片的像素设置好宽和长,第二行为导航栏,第三行为页面内容,第四行为版本信息。这些就是我们平常浏览网站的基本布局,将不同的内容放在网页的不同位置,目的是使得浏览者能轻松准确的获取网站所要表达的信息。做好上述准备工作,就要在表格中添加素材,可以根据常用菜单栏进行要求的填充和写入。本作业时详细的指导我们完成第一个网页制作,其中涉及了表格、文字、图片及水平的应用,对于各自的使用,老师均作了很详细的图文并茂的介绍,布局时要先确定网页的分辨率及灵活度调整等。我们在这个简单的网页设计与制作过程中也学到了很多知识,学到了很多操作。 第二部分:学习的是主页面设计与制作,我就不过多的谈论步骤了,这个项目制作中使用了布局表格的嵌套功能,这将有利于页面内容的布局和定位,运行网页时整体不会出现异常情况,使页面与当初设计的样式相同,另外,为了使当浏览器大小改变时对页面布局不产生影响,一定将表格宽度设置成固定宽度。

个人网页设计与制作

成人教育计算机毕业设计毕业论文(实践)报告 专业:计算机网络技术 学院:浙江育人专修学院 班级: 08电子商务 姓名:马杨超 2010年3月1日

目录 第1章绪论 (4) 1.1网页设计与制作的概述 (4) 1.2需求分析 (4) 第2章个人网站的概述和发展 (4) 2.1 个人网站的概述 (4) 2.2 个人网站的发展 (5) 第3章个人网页的设计与规划 (5) 3.1 确定设计个人网页的使用工具Dreamweaver (6) 3.2确定网站的风格特色 (6) 3.3确定网站界面 (7) 第4章总结 (9) 致谢 (10) 参考文献 (10)

摘要: 本论文将对个人网页设计与制作的方法、工具等展开研究和探 讨。在介绍网页设计与制作语言的基础上,着重使用Dreamweaver 作为工具进行网页设计与制作的实际操作. 本论文主要章节如下,第一章:绪论,网页设计的概述以及需求分析第二章:对个人网站的由来和发展进行了概述与讨论。第三章:个人网页的设计与规划。使用开发工具Dreamweaver创建各种跨平台、跨浏览器的静、动态页面。确定网站的风格特色,网站界面。关键词:网页设计Dreamweaver Personal web design and production Abstract: This paper will be of personal web design and production methods and tools launched research and discussion. In the introduction of web design and production, mainly on the foundation of the language use Dreamweaver as tools for web design and production of actual operation This thesis mainly section below, the first chapter: introduction to web design &requirements and demand analysis chapter 2: for personal website of the origin and development are summarized and discussed. Chapter 3: personal web page design and planning. Use the development tools Dreamweaver8.0 create various cross-platform, cross-browser static and dynamic pages. Determine the website's style characteristic, web interface.

相关主题
文本预览
相关文档 最新文档