当前位置:文档之家› 第一套 静态网页设计初步

第一套 静态网页设计初步

第一套 静态网页设计初步
第一套 静态网页设计初步

第一套静态网页设计初步

一、单选题

1. 在下列软件中,()软件不能设计网页。

A) Dreamweaver B) FrontPage

C) 记事本D) Windows Movie Maker

2.在以Dreamweaver设计网页过程中,为了避免网页的链接对象使用包含盘符的本地绝对路径,最有效的方法是()。

A) 建立用户文件夹,把网页所需的全部文件存储在该文件夹中

B) 建立本地站点,把网页所需的全部文件存储在本地站点的文件夹中

C) 建立与服务器的映射关系,要求服务器实时检测网页状态

D) 没有什么专门的方法

3.在以Dreamweaver设计网页过程中,要实现鼠标经过某个图片时自动切换显示另一幅图片,可以通过命令()实现。

A) 查看-交替图像

B) 修改-图像-交替图像

C) 插入-图像对象-鼠标经过图像

D). 插入-媒体-交替图像

4.在Dreamweaver中,()工具不能建立图像热区链接。

A)矩形工具B)椭圆形工具

C)多边形工具D)线条工具

5.Dreamweaver无法显示的图像文件格式有()。

A)GIF格式B)JPG格式

C)BMP格式D)PNG格式

6.在Dreamweaver中,下列哪个说法是错误的()。

A)没有布局表格也可以添加布局单元格

B)一个布局表格中可以有多个布局单元格

C)布局表格中可以有布局表格

D)布局单元格中可以有布局表格

7、在以下HTML语言标记中,正确表示一个1行1列表格的是()。

A)

B)

C)

D)

8、在本地电脑里,网页index.htm的存放路径是c:\webpages\index.htm,图像logo.gif 的存放路径是c:\webpages\images,现在将该图像插入到网页index.htm中,则使用相对路径方式显示logo.gif,正确选项是()。

A) C:\webpages\images\logo.gif

B) C:\webpages\logo.gif

C) images\logo.gif

D) ..\images\logo.gif

9.下列关于超链接的说法,不正确的是。

A)超链接的指向可以是网页或是网页中的书签(锚点)

B)超链接可以建立在文本、图像或是图像的热区上

C)超链接的目标页面可以在当前窗口打开,也可以在新窗口打开

D)访问过的超链接颜色一定发生改变。

10.如果网页是一个包含3个区域的框架结构,那么就要保存( )个文件。

A)1 B)2 C)3 D)4

11.Dreamweaver默认字体大小是( )。

A)2 B)3 C)4 D)5

12.在Dreawearer中,下面对象中可以添加热点的是()。

A)表格B)文字C)图象D)任何对象

13.如果锚点名称(书签)是a,则建立该锚点的链接,应在链接对话框中输入()。

A)$a B)!a C)@a D)#a

14.要在Dreamweaver中实现滚动字幕效果,常用的实现方法是()。

A) 在代码状态下,插入成对的标志

B) 在设计状态下,插入成对的标志

C) 插入-滚动字幕

D) 插入-媒体-滚动字幕

15.下列HTM标记中,负责设置超链接的标记是()。

A) B)

B)

D)

二、判断正误

1. 在Dreamweaver进行网页设计时,不允许对图像的局部区域添加超级链接。

2. 超级链接可以针对文本、图片、Flash动画、视频等添加。

3. 常见的静态网页文档可以使用扩展名htm,也可以使用HTML,二者没有什么不同。

4. 当前实施网页布局的方式很多,但最主流的布局方式是DIV+CSS布局。

5. 在网页设计中,一定要使用带有盘符的绝对路径链接图片等对象,这样才不会出现死链、错链等错误。

三、简答题

1. 网页中的对象(图像、图片、音乐)通过什么方式与HTML文档发生联系,如何才能保证在复制网页时不遗漏相关文档?

2. 在网页设计中,主要有哪些布局方式,各有何特点?

3. 如何向网页中插入滚动字幕?如何实现垂直滚动字幕效果?

4. 如何向网页中插入“当鼠标经过时自动切换图片”的效果?

第二套静态网页设计高级

一、单选题

1.HTML文档正文的标记是()。

A)和 B)和

C)和 D)

2.在Dreamweaver网页制作中,给网页添加信息框(弹出信息),应利用()面板。

A)代码B)文件C)行为D)应用程序

3.在Dreamweaver中,要对一幅大图的局部区域设置超级链接,可以使用()技术。

A) 直接设置 B) 表格技术

C) MAP技术 D) JavaScript

4.在Dreamweaver设计网页时,下列关于表格的说法,不正确的是()。

A)表格可以嵌套

B)可以对表格添加超链接

C)表格可以通过样式表来进行修饰

D)表格可以用来辅助网页布局

5.如果需要在打开当前窗口时自动弹出一个新的浏览器窗口,应该针对Body的()事件添加“打开浏览器窗口”的命令。

A)Check B) Text

C)onLoad D) 行为

6.在Dreamweaver中,要实现小图片的时间轴动画效果,对小图片的要求是()。

A) 小图片必须具有动画功能,比如是具备动画效果的gif文件;

B) 小图片必须存放到层中

C) 小图片必须被放到时间轴上

D) 对小图片没有什么要求,直接插到页面中就行了

7.在Dreamweaver中,我们可以为链接设立目标,表示在新窗口中打开网页的是()。

A)_blank B)_parent C)_self D)_top

8.在Dreamweaver网页制作中,网页特效通常通过( )语言实现。

A)C B) JavaScript C)VB C)HTML

9. HTML文档的层标记是()。

A)

B)和

C)

D)

10.在以Dreamwaver制作网页过程中,可以利用模板快速建立新网页。关于模板的叙述正确的是()。

A) 模板被修改后,根据此模板建立的页面必须随之修改;

B) 模板上一般设置“可编辑区域”,其目的是使以该模板建立的页面在该区域是可以编辑的;

C) 模板不能被删除,模板一旦被删除,与之相关的网页也同时被删除

D) 不能让当前页面使用一个已经存在的模板

11.在网页设计中,如果希望单击某一图片就会自动登陆到https://www.doczj.com/doc/8e18978025.html,网站,常用的方法是()。

A) 为该图片建立超级连接,在链接中输入:https://www.doczj.com/doc/8e18978025.html,。

B) 为该图片建立超级连接,在链接中输入:https://www.doczj.com/doc/8e18978025.html,。

C) 为该图片建立超级连接,在链接中输入:ftp://https://www.doczj.com/doc/8e18978025.html,。

D) 上述功能在网页设计中不可能实现

12.Dreamweaver中需要通过行为来实现的功能有( )。

A)显示—隐藏图层B)插入视频

C)插入flash动画D)将图层转换为表格

13.网页设计中,要设计具有与服务器交互功能的页面(比如文本框、列表框)。在网页中使用的主要技术是()。

A) 表格技术B) 表单技术C) 框架技术D) CSS技术

14.在以Dreamweaver8以上版本的工具制作网页的过程中,要设置文本的字体、字形和字号,通常借助于()技术。

A) 格式刷技术B) 工具栏按钮

C) CSS文档D) 使用菜单“格式”-“字体”

15.在网页制作中,实现网页布局的方法很多,但其核心内容都是利用表格或层实现布局。现在,如果借助Photoshop制作网站主页的布局,用到的核心工具为()。

A) 选区工具 B) 切片工具

C) 格式刷工具 D) 裁剪工具

二、判断正误

1. 如果需要在网页上实时显示出当前时间,可以借助于JavaScript语言。

2.嵌入式框架技术可以在页面上开辟一个视窗,用于显示其他网页的内容。

3. 所谓DIV+CSS布局,就是在网页中插入多个层对象,然后利用CSS技术设置各个层对象的大小、所处位置,从而实现网页对象的定位。

4. 语句“onMouseOver=this.stop();”的含义是当鼠标在对象上悬停时,该对象停止正在进行的动作。

5. 利用Photoshop绘制页面并实施布局,既可以制作表格布局页面,也可以制作层布局页面。

三、简答题

1. 什么是CSS文档?如何设置“当鼠标经过超级链接时,超级链接的外观会发生变化”的效果?

2. 为什么要使用Photoshop实施网页布局?如何才能利用Photoshop实现DIV+CSS布局方式?

3. 什么是JavaScript?在网页设计中,JavaScript有什么作用?

4. 如何实现在网页调入时,自动打开一个窗口并自动呈现指定的内容?

第三套动态网页设计初步

一、单选题

1. 要获取文本框对象的输入结果,应该使用其()属性。

A) Text B) Value C) Data D) Caption

2.单击Button控件后,能够执行客户端脚本的属性是()。

A) Click B) OnClick

C) onClientClick D) OnCommand

3. 要获取用户对DropDownList对象的选中项的内容,应该使用其()属性。

A) SelectedIndex B) SelectedItem

C) SelectedValue D) SelectedName

4. 当需要利用控件输入学生性别时,通常使用()控件。

A) RadioButtonList B) RadioList

C) CheckBox D) TextBox

5. 当需要把TextBox控件作为密码输入框时,应该设置其TextMode属性的值为()。

A) Password B) 密码

C) * D) not PostBack

6. 对于DropDownList控件,如果期望当用户选择其任一选项时,都会自动运行一些处理代码。那么应该针对其()事件编写程序。

A) Seleted B) SelectedIndexChanged

C) Changed D) SelectingIndexChanged

7. 对于一组RadioButton对象,如果希望这组对象是互斥的,那么应该()。

A) 使他们使用相同的对象名称B) 使他们的Text属性取值相同

C) 使他们使用相同的Groupname D) 把他们放到同一个RadioButtonList中

8. 如果希望系统显示“I love you!”10000次,那么应该在语句的【】处填入()内容。

for(int i=0; 【】; i++) Response.Write(“I love you!”);

A) i<=10000 B) i<10000

C) i>100000 D) i>=10000

9.在C#中,如果需要把字符串型的量xx转化为整型的量yy,可以使用的语句是()。

A) int yy=(int)xx; B) int yy=xx.ToString();

C) int yy=Convert.ToInt32(xx); D) int yy=xx.ToInt32(xx);

10.按钮控件Button的Text属性的作用是()。

A) 返回按钮的数据B) 设置按钮的名称

C) 设置按钮的颜色D) 设置显示在按钮上的文字

11.对于RadioButton控件,要想知道哪个选项被选中了,常用的方法是()。

A) 直接使用:对象名.SelectedValue B) 逐个对象使用:对象名.Checked

C) 直接使用:对象名.Text D) Check(对象名)

12. 如果要确保用户输入的数据在10~100之间,那么应该使用()验证控件。

A) RequiredFieldValidator B) RangeV alidator

C) SummaryValidator D) 无法实现此功能

13.如果要对控件学号(xh)限定为不能为空,则需要为验证控件RequiredFieldValidator 的()属性绑定xh。

A) Validator B)ControlToValidator

C) ErrorMessage D) Text

14.要设置Calender对象显示指定日期,应该设置的属性是()。

A) SeletedDate B) VisibleDate

C) NewDate D) Text

15.关于面向对象程序设计的说法,错误的是()。

A) 对象名是开发者定义的,对象的属性名和方法名是由对象所属的Class规定的;

B) 面向对象的程序设计把对象的静态属性和动态属性封装在一起,作为一个整体;

C) 可以依据超类创建子类,子类自动复制超类的所有属性,开发者还可以根据需求进一步为子类建立新的属性和新的方法,这一观点叫继承;

D) 面向过程的程序设计是在面向对象程序设计的基础上发展起来的,它注重模块化、过程性,是程序设计发展的未来方向。

二、判断正误

1.单击Button类型控件会形成页面往返处理。

2.利用SelectedValue属性只能获取ListBox对象中第一个选择项的值。

3.在使用验证控件进行数据验证时,书写在ErrorMessage属性中的警示信息将在被验证者不满足条件时直接显示在验证控件处。

4. RadioButton和CheckBox的作用相同,都是选择项控件,都只能选中其中的一项。

5.在数据验证时,采用服务器端验证是为了给予用户比较快的响应速度。

三、简答题

1.什么是DropDownList控件,如何利用可视化方式为DropDownList控件赋予选项?如何获取DropDownList的选定项之值?

2.如何修改Button控件的显示信息?Button控件的Click事件的对应方法存储在什么位置?Button的Click方法和onClientClick属性有什么不同?

3.什么是服务器验证控件?在服务器验证控件中,ErrorMessage和T ext属性的值有什么不同?

4. V alidationSummary控件有什么用途?与其他的验证控件有什么不同?

第四套动态网页设计高级

一、单选题

1.连接字符串是数据库访问技术中的关键信息。在连接字符串中,通常使用()符号表示本地计算机。

A) 英文小数点“.”B) Localhost

C) # D) 没有专用符号

2.https://www.doczj.com/doc/8e18978025.html,连接数据库的验证方式不包括()。

A) Windows身份验证B) FORM验证

C) SQL Server验证D) Windows 和SQL Server验证

3.关于SqlDataSource控件的论断,错误的是()。

A) 可以连接SQL Server数据库和Access数据库

B) 可以执行SQL Server中的存储过程

C) 可以插入、删除、修改和查询数据

D) 控件中不允许使用参数

4.在GridView对象中,有一个选择列。在“选择”事件对应的方法中,获取选定记录的主键值的命令是()。

A) SelectedValue B) SelectedIndex

C) Rows[Now].ToString() D) Rows[Seleted]

5.在GridView对象中,有一个编辑列,在“编辑”项被选中事件对应的方法中,获取当前行的命令是()。

A) 对象名.SelectedValue B) SelectedIndex

C) 对象名.Rows[e.RowIndex]; D) 对象名.Rows[Current]

6.需要使用SqlDataSource和普通的文本框控件实现插入记录的功能,下列做法正确的是()。

A) 针对SqlDataSource对象,打开其UpdateQuery属性,为对应的SQL语句添加参数并绑定对应的文本框控件。

B) 针对SqlDataSource对象,打开其InsertQuery属性,为对应的SQL语句添加参数并绑定对应的文本框控件。

C) 针对SqlDataSource对象,打开其InsertQuery属性,把文本框控件拖动到InsertQuery 属性对话框中

D) SqlDataSource对象不支持记录插入功能

7.为了控制GridView的自动分页,应该设置两个属性,分别是()。

A) AutoPaging PageSize B) Paging PageCount

C) Paging PageSize D) PageNumber PageIndex

8.在GridView换页事件对应的方法中,如果需要获得GridView的当前页的页号,使用的技术为()。

A) e.PageIndex B)e.IndexPage

C) e,PageNowIndex D)e.CurrentPage

9.如果希望FormView对象的默认打开方式为编辑状态,应该设置其属性()。

A)把Mode的值设置为Edit B)把DefaultMode的值设置为Edit

C)把DefaultMode的值设置为Change D) FormView不支持编辑模式

10.如果自行开发Web系统的登录模块,通常把通过验证的账号信息和权限信息存储在()中,以便这些变量能够跨页面使用。

A) Application变量B) Session.变量

C) QueryString[]变量D) Redirect方式

11.如果自行开发Web系统的登录模块,为防止非法用户绕过登录界面而直接访问页面,应该()。

A)在每个窗体的Page_Load方法中添加判定语句,判断Session变量的值,如果权限不足,则跳转到登录界面。

B)在每个窗体的Page_Click方法中添加判定语句,判断Application变量的值,如果权限不足,则跳转到登录界面。

C)在每个窗体中增加一个按钮,针对按钮的Click事件,判断Session变量的值,如果权限不足,则跳转到登录界面。

D)在每个窗体中增加一个按钮,针对按钮的Load事件,判断Application变量的值,如果权限不足,则跳转到登录界面。

12. https://www.doczj.com/doc/8e18978025.html,内置的成员资格管理体系中,其使用的默认数据库为()。

A) ASPNETDB C) USERDB

B) ASPUSERDB D) USERROLE

13. 在https://www.doczj.com/doc/8e18978025.html,内置的成员资格管理体系中,使用()控件实现个性化菜单。

A) Login B) LoginView

C) LoginState D) ChangePassword

14. VS2008编写的https://www.doczj.com/doc/8e18978025.html,应用系统需要()的支持。

A) IIS+.NET Framework 3.5 B) IIS+.NET Framework 1.1

C) Apache+IIS 6.0 D) Apache+Tomcat

15. 如果需要保障https://www.doczj.com/doc/8e18978025.html,应用系统的运行,下列()不是必要的。

A) 在服务器上安装IIS系统

B) 在服务器上安装.NET Framework3.5以上版本

C) 在服务器上创建名称适当的虚拟目录或者新站点

D) 在服务器上安装防火墙软件

二、判断正误

1.SqlDataSource控件可以直接绑定参数,其参数可以对应于文本框控件、列表框控件、Session变量和普通的内存变量。

2.对于GridView对象来讲,SeletedValue是其重要属性,可以表示当前行。此属性在其选择、编辑、删除等事件对应的方法中都有效。.

3.如果把GridView控件绑定到SqlDataSource上,则可以利用GridView控件插入新记录。

4.不论数据表是否定义了主键,利用FormView都可以直接修改数据表的记录。

5.https://www.doczj.com/doc/8e18978025.html,依托的Web服务器是Tomcat,需要.Net Framework的支持。

三、简答题

1.SqlDataSource控件的配置涉及到哪些要素?SqlDataSource的输出有哪些类型?

2.GridV iew中的“选择”列有什么作用?在启用了“选定内容”后,如何获取当前选定记录的主键之值?

3.什么是虚拟目录?设置虚拟目录对于动态网站有什么意义?

4.如何才能把一个Web应用系统发布到专用Web服务器上?

静态网站设计报告模板

网页设计报告 学部: 课程名称:网页设计基础专业: 学号: 姓名: 指导老师:

目录 一、网站简介 (1) 1.1网站介绍 (1) 1.2制作工具 (2) 1.3站点介绍 (3) 1.4文件夹摆放简介 (3) 二、布局简介 (4) 2.1首页布局 (4) 2.2个人中心布局工具 (4) 2.3朋友布局 (5) 2.4作品布局 (5) 2.5学校布局 (5) 2.6相册布局 (6) 三、网站内容介绍 (8) 四、制作心得 (11) 五、参考文献 (12)

一、网站简介 1.1网站介绍 我的网站是介绍自己的个人网站,总共15个页面,其中导航上有6个链接,包括首页、个人中心、朋友、作品、学校、相册。 首页部分:介绍了自己的一些简单的资料,其中有一份电子杂志,是平时的时候为了留作纪念做的,很想与老师和同学们分享。 个人中心:关于自己的一些详细的信息,以及在大学的一些变化,里面有两个子网页,通过图片链接进入,包括我的家乡和我的专业;我的家乡是介绍荆州和荆州公安的一些信息,而专业就是介绍的电子商务方面的一些信息。 朋友:包括三个子网页,介绍我的三个好朋友,李梦雪、陈丽婷和何立芝;好朋友有很多,只是因为时间原因,没有多余的时间做更多的页面去介绍,在后期的完善过程,会一一加上,因为网站做好不仅仅是因为它是作业、是考试,还是自己在大学的知识的积累和美好的回忆。 作品:运用SPAY放置了自己的五篇随便,平时很喜欢写随便,一段时间不写,就觉得少了写什么。当然,还包括自己喜欢的一些作家,很喜欢张小娴,喜欢她的文字,很真实,因此也用了一个页面专门介绍张小娴。 学校:这一部分我仅仅介绍了大学和高中,因为资源有限,没有一些关于小学和初中的照片,也就没办法详细介绍。相册这页,是花了最多心思去做的一个页面,其中的一个“鼠标经过图片移动”是在平时自学CSS的时候学到的知识,因为对制造网站有很大的兴趣,所以,在平时有时间的时候,会在网上下载一些视频和资料,用来自学。 相册:包含两个子网页,分别是班级相册和家人相册。在下面的介绍中,会仔细介绍。 1.2制作工具 Dreamweaver 8.0 1.3站点介绍 家乡专 业 张 小 娴 小 雪 丽 婷 立 芝 高 中 班 级 家 人 个人网站 首页中心个人作品朋友学校相册

《HTML5+CSS3网站设计基础教程》_教学大纲

《HTML5+CSS3网站设计基础教程》课程教学大纲 (课程英文名称) 课程编号:201601210011 学分:5学分 学时:76学时(其中:讲课学时:47 一、课程的性质与目标 《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容,通过本课程的学习,学生能够了解网页web发展历史及其未来方向,熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果,学会制作各种企业、门户、电商类网站。

二、课程设计理念与思路 课程设计理念:高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展,不能局限 于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点,以就业为导向,培养学生具备职业岗位所需的职业能力,职业生涯发展所需的能力和终身学习的能力,实现一站式教学理念。 课程设计思路:基于工作过程开发课程内容,以行动为导向进行教学内容设计,以学生为主体,以案例 (项目)实训为手段,设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为 目标,以案例(项目)任务实现为载体、理论学习与时间操作相结合”。 开发工具:DreamweaverCS6 第一章初识HTML5

第二章HTML5页面元素及属性

第四章CSS3选择器

e g o o d f o 背景与图片不透明度的设置 √ 设置背景图像平铺√ 设置背景图像的位置√ 设置背景图像固定√设置背景图像的大小√设置背景的显示区域√设置背景图像的裁剪区域√设置多重背景图像√背景复合属性√线性渐变√径向渐变√重复渐变 √ 第七章表单的应用

静态网页设计-教学大纲

《静态网页设计》教学大纲 课程类别:专业基础课 课程属性:必修课 学分/学时: 4学分/64学时 制订人:课题组 适用专业:信息技术相关专业 一、课程的性质 “静态网页设计”是信息技术类专业学生的专业基础课之一。属于必修课范畴。同时它是一门针对性、实践性较强的课程。主要是培养学生静态网页设计的基本知识和静态网页设计制作的基本技能。 二、与其它课程的关系

三、教学目标 1.知识目标 (1)网站、网页、网页设计等的基本概念; (2)理解HTML语言中的各种文本格式、段落设置、列表等标记知识; (3)理解和掌握基本的DIV+CSS技术知识; (4)理解和掌握表格的基本知识; (5)理解和掌握数据表单的基本知识; (6)理解和掌握基本的框架网页知识; (7)理解和掌握网页图像、动画等多媒体应用知识; (8)理解和掌握网页超级链接知识; (9)掌握基本的动画制作知识; (10)了解网页美工相关知识; (11)了解网站的测试、发布与维护的基本知识; (12)掌握网站制作流程 2.能力目标 (1)能运用HTML语言设置和编辑网页元素; (2)会使用Dreamweaver等网页设计工具制作网页; (3)能使运用基本的CSS技术设置网页风格; (4)能在网页中嵌入图像、动画、视频等多媒体元素; (5)能运用表格布局并设计网页; (6)能正确运用文字超链接、图像超链接技术设计网页; (7)掌握框架制作网页的方法,会使用框架设计网页; (8)掌握制作表单的方法,会利用表单建立交互式页面; (9)能看懂基本的HTML网页源代码。

(10)会设计网页线框图,并能运用PS进行网页效果图设计 (11)掌握切片的基本原则和基本方法,综合运用网页排版技术进行切片素材排版 (12)熟悉网站项目工作流程,能独立进行中小型网站设计。 3.素质目标 (1)具有信息资料收集与整理能力; (2)具备简单的需求市场分析能力; (3)具有一定的语言表达、沟通和协调能力; (4)具有良好的心理素质和责任意识,能及时完成任务的能力; (5)具有踏实肯干的工作作风; (6)具有一定的创新意识和艺术设计素质 四、内容结构与目标任务

静态网页设计报告书

网页设计课程设计报告网站主题:南国之旅旅游服务网站系别:电子商务 班级:2011级电子商务 学号:201124040138 姓名:汤永亮 指导教师:宋春晖

海南师范大学 信息科学技术学院 电子商务班 课程名称:网页设计 题目:南国之旅 指导教师:宋春晖 目录 一、需求分析与主题设计 (1) 二、栏目设计 (2) 三、布局设计 (3) 四、制作过程及要点 (4) 五、网站运行分析 (5) 一、需求分析与主题设计 用户对网站的要求是:风格统一和谐的网页,网页操作合理、方便、友好需要实现的功能和性能是:适当运用HTML语言和CSS样式定义,并正确运用多媒体信息,设计出风格统一和谐的网页;网站正常运行,功能达到设计要

求,风格和谐统一,操作合理、方便、友好,界面具有美感或创意,还要符合网站管理的原则。 网站的主题是介绍我所在大学的旅游胜地景点简介、路线选择,美图 网站主色调为蓝色,橘黄色,颜色搭配均匀;清新自然。 二、栏目设计 本网站共含有11个网页,其中一个主网页,五个一级页面,六个二级页面,三个三级页面 三、布局设计 主题布局如下,采用尽量简洁的表格,首页简单明了,不会给人拥挤的感觉,所需要进入的网页一目了然。

四、制作过程及要点 1、层的使用 在这次网页设计过程中,使用了大量层,因为它灵活好用,可以随便拖动,变大变小都很方便,而框架虽然也能达到这个效果,但是,它不够灵活,当然一些地方仍然要用到它,体现清晰的结构。 2、运用Photoshop工具 网站的logo、部分图片都使用photoshop来制作完成 3、使用链接

为方便读者的查阅,在各页面底部都设置了页面链接。每个 4、插入跳转菜单 5、为了使读者能快捷的回到自己感兴趣的页面,于是在各个页面都插入了跳转菜单。 6、插入滚动文字 7、设置交替图像,鼠标放置停止图片切换 8、制作在整个页面浮动的图片 9、设置垂直循环滚动的图片 10、使用弹出信息行为 五、网站运行分析 静态网页一般是以。html 、htm、shtml等为扩展名的文件,现在的静态文件大多是程序生成的静态,而不是早期制作的静态网页。运行于客户端。更改主要是对模板的修改然后再次生成静态。 网站生成静态后,用户浏览时,服务器自己把静态页面返回给客户,不用做另外的操作,可以减缓服务器的压力。 静态页面修改更简单,要修改整站的信息,只需要修改一个地方,不做任何另外操作,及时生效,静态页面择需要先修改模板,然后整站生成页面才能生效,维护需要花费时间更多。 不足:网站介绍的景点数目少,景点介绍的不太详细,例如各景点的美食小吃, 景点的路线介绍的不多,只是略见一斑。网站的简介介绍的内容不够全面,只是简略的介绍了景点的地点和比较出名的景点风景,但是没有全面的介绍景点的内容。景点的路线普及的地方很少,没有普及到周边比较出名的景点。网站的代码不太统一,没有用外部连接文件,后期的维护困难。 改进方法:增加景点的数目和详细简介内容,网站的代码要统一整理,最好一 个外部连接文件控制样式等,便于后期维护。 六、个人心得 本次网站主要是运用上学期学过的知识来布局应用,通过本次的网站设计,运用了上学期所学到的知识这样不仅复习了上学期学过的一些知识,同时也加深所学知识的内容,这次的网页制作使我学会了很多,有关怎么收集资料,怎样用最快

网页设计与制作试题(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。╳

教你制作静态网页的方法

教您制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点----管理站点----新建----站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开与保存网页文件 创建:文件----新建----创建 打开:文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存:文件---保存或另存为 b、设置网页的页面属性 修改---页面属性---然后设置(标题、背景、背景图像、文本等) c、设置网页对象的颜色 网页对象,如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d、网页文本的输入与属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项目符号,对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e、网页图片的插入与属性设置 插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。

网站设计说明书

《网站开发与网页设计》设计说明书网站名:《周杰伦资料库》 班级:BX00XX 学号:BX00XX05 姓名:某某某 201X年12月08日

目录 一、网站与网页的概述 (1) 1. 什么是网站 (1) 2. 什么是网页 (1) 3 静态网页 (2) 4 动态网页 (3) 5 动态网页与静态网页的区别 (4) 二、Dreamweaver 8 (5) 1 Dreamweaver 8的概述 (5) 2 Dreamweaver 8的功能 (5) 3 Dreamweaver 8的特点 (6) 三、网页设计标记语言—HTML (8) 1 HTML语言简介 (8) 2 HTML语言特点 (8) 四、我的网站介绍 (9) 1 网站的主题、结构介绍 (9) 2 网站的内容、形式和特点的介绍 (10) 3 网站重点页面的贴图 (10) 五、网站设计感悟 (18)

一、网站与网页的概述 1. 什么是网站 因特网上一块固定的面向全世界发布消息的地方,由域名(网站地址)和网站空间构成,通常包括主页和其他具有超链接文件的页面。 网站是由多个网页组成的,但不是网页的简单罗列组合,而是用超链接方式组成的既有鲜明风格又有完善内容的有机整体。 2. 什么是网页 网页是网站中的一「页」,通常是HTML格式(文件扩展名为:html、htm、asp、aspx、php、jsp等)。网页通常用图像档来提供图画。网页要使用网页浏览器来阅读。 网页(Web page)是一个文件,他存放在世界某个角落的某一部计算机中,而这部计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序。网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。 网页是构成网站的基本元素,是承载各种网站应用的平台。

网页制作HTML基础知识

网页制作之HTML基础知识2009-04-15 11:03很多被淘汰了的标签,不过了解下也好。 总类(所有HTML文件都有的) 文件类型 (放在档案的开头与结尾) 文件主题 (必须放在「文头」区块内) 文头 (描述性资料,像是「主题」) 文体 (文件本体) 结构性定义(由浏览器控制的显示风格) 标题 (从1到6,有六层选择) 标题的对齐 区分

区分的对齐
引文区块
(通常会内缩) 强调 (通常会以斜体显示) 特别强调 (通常会以加粗显示) 引文 (通常会以斜体显示) 码 (显示原始码之用) 样本 键盘输入 变数 定义 (有些浏览器不提供) 地址
大字 小字 与外观相关的标签(作者自订的表现方式) 加粗 斜体 底线 (尚有些浏览器不提供) 删除线 (尚有些浏览器不提供) 下标 上标 打字机体 (用单空格字型显示) 预定格式
 (保留文件中空格的大小) 预定格式的宽度 
(以字元计算) 向中看齐 
(文字与图片都可以) 闪耀 (有史以来最被嘲弄的标签) 字体大小 (从1到7) 改变字体大小 基本字体大小 (从1到7; 内定为3) 字体颜色 链结与图形 链接

简单生活网上买菜系统静态网页设计与制作毕业设计论文

四川交通职业技术学院毕业设计论文 设计(论文)题目: 简单生活网上买菜系统静态网页设计与制作 入学年月 姓名 学号 专业计算机应用技术 指导教师 完成日期 2015 年 5 月 15 日

【摘要】计算机和计算机网络的飞速发展,人们对计算机网络的依赖是越来越大。人们在网上聊天交友,在网上请教问题,查阅资料,还在网上听音乐。除此之外,人们还会在网上进行商务交易、下载信息,有着众多的使用者。尤其是电子商务大大的减少了人们对周围环境的依赖,无论是哪里的网友,都可以浏览到世界各地的各类信息,非常的方便,由于以上的优势,各类网站如雨后春笋般的出现,这也就是我的毕业设计的实际意义。本文就个人网站的规划与建设,以软件工程的方法对过程经行了分析与研究。本文的主要工作集中在:对web页进行概述,主要是对Internet的历史和发展作了回顾,在web页的定义而后特性上进行阐述。而Web设计的健康发展依靠web标准的采用,没有web标准就不会有真正的可访问性和连贯的设计。不用web标准,就跟不上时代。在这样的标准时代,我们需要网页更加容易扩展,适合自动数据交换,并且更加规整。而css,则实现了页面内容与样式分离。鉴于web标准,本论文着重对div+css 布局静态网页进行了讨论。并对网站开发过程中使用的开发工具和技术作了简要的介绍。 对网站建设中提及到术语进行了解释,并对个人网站的由来和发展经行了讨论;对自己的个人网站从规划建设经行了详细的分析;使用Html、Css、Photoshop 等技术实现了个人网站的各种功能并且就网站建设提出了自己的观点与建议。 【关键词】网页设计div+css Photoshop 简单生活网上买菜

网页设计基础知识点

web 一、超文本(hypertext) 一种全局性的信息结构,它将文档中的不同部分通过关键字建立链接,使信息得以用交互方式搜索。它是超级文本的简称。 二、超媒体(hypermedia) 超媒体是超文本(hypertext)和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户不仅能从一个文本跳到另一个文本,而且可以激活一段声音,显示一个图形,甚至可以播放一段动画。 Internet采用超文本和超媒体的信息组织方式,将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统,Web的一个主要的概念就是超文本连接,它使得文本不再象一本书一样是固定的线性的。而是可以从一个位置跳到另外的位置。可以从中获取更多的信息。可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下,就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。 三、超文本传输协议(HTTP)Hypertext Transfer Protocol超文本在互联网上的传输协议。 IP IP是英文Internet Protocol(网络之间互连的协议)的缩写,中文简称为“网协”,也就是为计算机网络相互连接进行通信而设计的协议。在因特网中,它是能使连接到网上的所有计算机网络实现相互通信的一套规则,规定了计算机在因特网上进行通信时应当遵守的规则。任何厂家生产的计算机系统,只要遵守IP协议就可以与因特网互连互通。IP地址具有唯一性,根据用户性质的不同,可以分为5类。另外,IP还有进入防护,知识产权,指针寄存器等含义。 http 超文本传送协议(HTTP) 是一种通信协议,它允许将超文本标记语言(HTML) 文档从Web 服务器传送到Web 浏览器。HTML 是一种用于创建文档的标记语言,这些文档包含到相关信息的链接。您可以单击一个链接来访问其它文档、图像或多媒体对象,并获得关于链接项的附加信息。HTTP工作在TCP/IP协议体系中的TCP协议上。 FTP FTP(File Transfer Protocol, FTP)是TCP/IP网络上两台计算机传送文件的协议,FTP是在TCP/IP网络和INTERNET上最早使用的协议之一,它属于网络协议组的应用层。FTP客户机可以给服务器发出命令来下载文件,上载文件,创建或改变服务器上的目录。 第一、什么是C/S结构。 C/S (Client/Server)结构,即大家熟知的客户机和服务器结构。它是软件系统体系结构,通过它可以充分利用两端硬件环境的优势,将任务合理分配到Client端和Server端来实现,降低了系统的通讯开销。目前大多数应用软件系统都是Client/Server形式的两层结构,

静态网页设计教学大纲

静态网页设计教学大纲 课程概述 1.课程性质 《静态网页设计》课程是高职计算机应用技术、计算机网络、软件技术等相关计算机专业的一门专业必修课程。 2.课程设计理念 本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”,打破了传统的学科体系的模式,通过各项目的练习操作,熟练地掌握岗位所需知识和技能,并不断强化。项目特别强调对学生操作能力和解决问题能力的培养,充分体现了职业教育“以就业为导向,以能力为本位”的职业教育理念。 3.课程开发思路 本课程主要以当下典型的项目案例为主题,教材为参考,同时借鉴了一些企业网站,有利于学生的理解与学习。颠覆传统讲授风格,主要通过项目实例让学生以师傅带徒弟的形式一步一步学习项目开发流程。带着对一个项目雏形的不断完善,功能需求及其他功能的完善,进阶,使学生掌握一个网站项目的设计与制作相关经验。经验从实践中来,因此学生实验课时约占到了总课时的三分之二。让学生在职业实践活动的基础上掌握知识,增强课程内容与职业能力要求的相关性,提高学生的就业能力。 授课目标 通过本课程的学习使学生具备网页制作、网站规划与网站维护的专业能力,培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。作为计算机相关专业的核心主干课程,使学生掌握商业网站的开发流程,并能独立进行操作。学生毕业后可胜任网站管理员、网页设计师等工作岗位。 课程大纲 第一章网页设计基础知识 1.1:网站剖析 1.2:网站开发流程

1.3:Dreamweaver CS6的安装 第二章生活网网站的创建 2.1 初识Dreamweaver CS6 2.2 新建和管理站点 2.3 为网页设置头信息和页面属性——页面总体设置 前两章测验 第三章生活网网站页面的布局 3.1 使用表格布局页面 3.2 使用AP Div布局页面 3.3 使用框架布局网页 第三章测验 第四章输入和编辑网页元素 4.1 添加文本类网页元素 4.2 在网页中添加图像 4.3 在网页中添加多媒体元素 第四章单元测验 第五章网站内容的链接与特效网页的制作——应用链接与行为5.1 设置网站中的超级链接 5.2 利用行为制作网站中的特效网页 5.3 制作页面中的弹出式菜单 5.4 利用CSS美化页面 第五章测验

html5页面设计

html5页面设计 北京千锋互联科技有限公司是中国最早从事移动互联网研发和培训的机构之一,千锋集团旗下现有千锋教育、移动产业、项目研发、创业孵化业务,是国内最大的移动互联网人才培训和人才提供商。公司总部位于北京,目前已在深圳、上海、郑州、广州、大连、武汉、成都、西安成立了分公司。 千锋集团旗下的千锋教育一直秉承“用良心做教育,做真实的自己”的理念,是中国移动互联网研发培训领导品牌,全力打造移动互联网高端研发人才服务平台。千锋教育每年培训和输送近万名移动互联网研发人员,是唯一真正获得企业一致好评的移动互联网培训机构,从千锋走出的学员在业界得到了广泛认可。2014年,千锋教育集团成为教育部教育管理信息中心“移动互联网应用开发指定实训基地”。截止目前,千锋教育已与500多家高等院校建立深度合作关系,并携手教育部教育管理信息中心举办《高等院校骨干教师iOS/Android暑期培训班》,千锋讲师团队技术水平得到业界一致认可,好评如潮。千锋教育组织的技术研讨会名企云集,是千锋和企业之间紧密合作的桥梁。千锋讲师发布的免费培训视频、学习资料、源码下载等浏览量近千万,每年约有数百万研发人才从中获益。 一、千锋教育八大优势 1、中国移动互联网研发培训领导品牌,专注iOS、Android 、HTML5、UI等技术研发培训,坚持“用 良心做教育,做真实自己”的理念; 2、业内唯一一家敢推出“两周免费试听,不满意不缴费”的政策,让学员更真实的了解千锋、了解自 己是否适合做开发; 3、零学费入学,工作后分期还款,业内学员毕业薪水最高,培训就业协议明确写出薪水保障,平均薪 水专科5000、本科6000、硕士7000; 4、权威资深师资阵容,业内最具责任心、最懂教学、拥有最强技术、有大型项目经验实战派讲师授课, 由业内知名专家及企业技术骨干组成; 5、自主研发QFTS 教学保障系统,拥有自主知识产权的开发培训课程体系,讲练学相结合,课程内 容紧贴当前前沿实用技术和企业实际需求; 6、企业级项目实战训练,从千锋科技及合作企业项目中研发出几十个企业级教学项目,让学员参与真 实的企业级项目研发,最后让学员能够独立设计开发自己的上线项目; 7、最严格、最科学、最负责的教学就业管理制度,班主任、职业规划师全程跟班,把握每个学员的学 习状态,并有专业的职业素养课和就业指导课,保证教学及就业质量; 8、免费加入千锋开发者联盟,为会员提供免费技术支持及终身就业服务,免费参加千锋举办的各类技

静态网页制作心得体会

静态网页制作心得体会 姓名:张继宏第三组8.18 20世纪40年代科学字发明了计算机之后,人们的工作效率大大提高,但是单个计算机能够存储和处理的信息是非常有限的,为了便于信息的传递和处理,人们就把众多的计算机连接起来。 网页制作的心得体会----网页制作论文摘要通过这次个人网页的制作,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上,对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品,那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的,而不是单单为了完成作业而已。这是一个完全关于自己的个人网页,既然是介绍自己,就应该让观者在浏览了之后了解自己其人,我觉得这点我已经基本上做到了。 关键字页面设计ASP和数据库 1.一般来说,个人主页的选材要小而精。如果你想制作一个包罗万象的站点,把所有您认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有却样样都很肤浅,因为您不可能有那么多的精力去维护它。注意:网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。 2.题材最好是你自己擅长或者喜爱的内容。比如:您对诗歌感兴趣,可以放置自己的诗词;对足球感兴趣,可以报道最新的球场战况等等。这样在制作时,才不会觉得无聊或者力不从心。 3.不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。选定了一个好的题材,是不是可以立刻动手制作了?不,经验告诉我们,必须要先规划框架。这是很重要的一步!每个网站都是一项庞大的工程。好比造高楼,没有设计图纸,规划好结构,盲目的建造,结果往往是倒塌;也好比写文章,构思好提纲,才不至于逻辑混乱,虎头蛇尾。全面仔细规划架构好自己网站,不要急于求成。 规划一个网站,可以用树状结构先把每个页面的内容大纲列出来,尤其当你要制作一个很大的网站(有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,十分累人,也十分费钱。 大纲列出来后,你还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。 为了提高浏览效率,方便资料的寻找,本站的框架基本采用“蒲公英”式,即所有的主要链接都在首页上,链接的层次不多,深度浅。 框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也为你的主页将来发展打下良好的基础。

最新网页制作基础课程标准资料

《网页基础制作》课程标准 1.前言 1.1.课程的性质 本课程是中等职业学校计算机应用专业网页设计与制作门化放 向的一门专业基础核心课程。其功能在于培养学生具备从事网页设 计与制作的基本职业能力,使学生达到相应的网页设计制作人员能 力的基本要求。 1.2.设计思路 本课程标准的设计以计算机应用专业学生的就业为导向,邀请 行业专家对计算机应用专业所涵盖的职业群进行任务和职业能力分析,以此为依据确定本课程的工作模块和课程内容,本课程以任务 引领型为框架,把课程按递进方式设计成项目,并以项目为单元足 迹教学,使学生由浅入深,以点到面全面掌握网页设计与制作的职 业技能。 2.课程目标 通过任务引领型和项目活动形式,使学生熟练制作简单网页, 能熟练创建本地站点并能对网页进行各种找链接,能制作网页动画,掌握网页设计与制作技巧,具备网页设计与制作的基本职业能力, 能基本胜任网页制作工作,为学生发展专门化方向的职业能力奠定 基础。 职业能力目标:(1)能熟练制作简单网页 (2)能创建本地站点并能对网页进行各种超链接 (3) 能对网页进行创意的美化

(4) 能制作有创意的网页动画 (5) 能掌握网页设计与制作相关技巧 (6) 能跟踪和学习网页制作的新知识和新技术3.课程内容与要求

4.实施建议 4.1.教材编写 (1)教材要以岗位职业能力分析和职业技能考证为指导,以 《网页制作基础》课程标准为依据进行编写; (2)教材要以岗位任务引领,以工作项目为主线,强调理论与 实践相结合,按活动项目组织编写内容;教材内容从“任务”着手,设计完成“任务”的方法与步骤的空间;教材要体现以解决实际问 题来带动理论的学习和应用软件的操作,让学生在完成“任务”的 过程中掌握知识和技能,培养学生提出问题、分析问题、解决问题 的综合能力。任务的设置应该体现针对性、综合性和实践性。 (3)项目教学任务的设计,应该体现中等职业教育的特征和与 社会实际的联系。所设计的“任务”是学生毕业后就业上岗就能遇 到并解决的问题,而不是围绕着知识和技能的展开而设置的。

《静态网页设计》课程标准

《静态网页设计》课程标准 1. 概述 课程的性质 《静态网页设计》课程是高职计算机应用技术、软件服务外包、计算机网络与安全管理专业的一门专业必修课程。本课程以《计算机文化基础》、《计算机网络技术及应用》、《C语言程序设计》或《JAVA程序设计》前导课程,本课程将从职业技术教育的特点出发,以培养学生实际动手能力为目标,学会怎样通过效果图完成对网页页面的布局,通过完成学习情境的学习,能够掌握HTML、CSS、简单的JavaScript的专业知识和专业技能。使学生具备网页制作、网站规划与网站维护的专业能力和方法能力,以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。作为专业的核心主干课程,使学生掌握商业网站的开发和流程,并能独立进行操作,在就业时能够成为一个合格的人才。学生毕业后可胜任网站管理员、网页设计师等工作岗位。 课程设计理念 本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”,打破了传统的学科体系的模式,通过各项目的练习操作,熟练地掌握岗位所需知识和技能,并不断强化,项目体现操作能力和解决问题能力的培养。充分体现了职业教育“以就业为导向,以能力为本位”的职业教育理念。 课程开发思路 本课程主要以当下典型的项目案例为主题,教材为参考,同时借鉴了一些企业网站,有利于学生的理解与学习。颠覆传统讲授风格,主要通过项目实例让学生以师傅带徒弟的形式一步一步学习项目开发流程。带着对一个项目雏形的不断完善,功能需求及其他功能的完善,进阶,使学生掌握一个网站项目的设计与制作相关经验。经验从实践中来,因此学生实验课时约占到了总课时的三分之二。

HTML网页制作基础题试题与答案

HTML网页制作基础题 一、选择 1. 在一个框架的属性面板中,不能设置下面哪一项。( D )A.源文件B .边框颜色C.边框宽度D.滚动条 2. 下列哪一项表示的不是按钮。( C ) A.type="submit" B.type="reset" C.type="image" D .type="button" 3. 下面哪一个属性不是文本的标签属性?( A ) A.nbsp; B .align C .color D.face 4. 下面哪一项的电子邮件链接是正确的?( B ) A.https://www.doczj.com/doc/8e18978025.html, B .xxx@.net C.xxx@com D .xxx@https://www.doczj.com/doc/8e18978025.html, 5. 当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。( C )A.ASP B.HTML C.ZIP D.CGI 6. 关于表格的描述正确的一项是。( D )A.在单元格内不能继续插入整个表格 B .可以同时选定不相邻的单元格C.粘贴表格时,不粘贴表格的内容 D .在网页中,水平方向可以并排多个独立的表格 7. 如果一个表格包括有 1 行4 列,表格的总宽度为“ 699”,间距为“ 5”,填充为“ 0”,边框为“ 3”,每列的宽度相同,那么应将单元格定制为多少像素宽。( D ) A.126 B.136 C.147 D.167 8. 关于文本对齐,源代码设置不正确的一项是:(A.居中对齐:

?
B.居右对齐:
?
C.居左对齐:
?
D.两端对齐:
?
9. 下面哪一项是换行符标签?(C) A. B . C .
D. 10. 下列哪一项是在新窗口中打开网页文档。(B )A._self B ._blank C._top D._parent 11. 下面对JPEG格式描述不正确的一项是。( C ) A.照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B.JPEG支持很高的压缩率,因此其图像的下载速度非常快C.最高只能以256 色显示的用户可能无法观看JPEG图像 D.采用JPEG格式对图片进行压缩后,还能再打开图片,然后对它重新整饰、编辑、压缩

静态网页设计总结报告

网页设计总结报告 目录 一、设计介绍 (2) 二、制作过程 (3) 1、布局............................................................................................................................................... (3) 2、相关插入 (4) 3、相关链接 (4) 三、制作代码 (5) 四、心得体会 (7) 五、参考资料 (8)

一、网页设计介绍 从文件的角度来说,一个网页就是一个HTML文件。当浏览者输入一个网址或单击某个链接后,在浏览器中显示出来的就是一个网页。一般网页上都会有文本、图片等信息,而复杂一些的网页上还会有声音、视频、动画等多媒体内容,为网页增添了丰富的色彩和动感。静态网页是指网页文件中没有程序,只有HTML代码,一般以.html或.htm为后缀名的网页,静态网站内容不会在制作完成后发生变化,任何人访问都显示一样的内容。网站是一系列逻辑上可以视为一个整体的网页集合,是许多相关网页有机结合而组成的一个信息服务中心。对于小型网站,是指带有一定主题的多个网页集合;对于大型网站还包含数据库和服务器端应用程序等如新浪、网易、搜狐等门户网站。在构成网站的众多网页中,有一个页面比较特殊,称为首页,即网站的第一个页面。动态网页是指网页文件不仅具有HTML标记,而且还含有程序代码,并使用数据库连接。动态网页能根据不同的时间,不同的来访者显示不同的内容,动态网站更新方便,一般在后台直接更新。 我的网站是介绍自己的个人网站,这是一个关于家乡美食的介绍,总共6 个页面,其中上有首页5个链接,包括剁椒鱼头,蚂蚁上树,浏阳蒸菜,家常酸菜鱼,长沙臭豆腐,而然后每个子页可以和上一页和下一页相连。 首页部分:介绍了湖南一些好吃的资料菜名,其中附有一张凤凰的图片,很想与老师和同学们分。 然后就是每个子页中,前四张介绍了五道菜和它们的做法,则是一道比较有名的小吃,为长沙臭豆腐,但由于其做法是秘方,只附有对其的介绍。 二、制作过程 网页布局 它们不仅能点缀网页,使网页更活泼有趣,而且在网上娱乐、电子商务等方面也有着不可忽视的作用。

《网页设计基础》复习题

一、单选题 1、目前在Internet上应用最为广泛的服务是(B)。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( B)。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成,其中( D)子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当标记的TYPE属性值为( D)时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 5、为了标识一个HTML文件开始应该使用的HTML标记是(C )。 A、

B、 C、 D、 6、在客户端网页脚本语言中最为通用的是(A )。 A、javascript B、VB C、Perl D、ASP 7、在HTML中,单元格的标记是(A )。 A、 D、 8、在DHTML中把整个文档的各个元素作为对象处理的技术是(C )。 A、HTML B、CSS C、DOM D、Script(脚本语言) 9、下面不属于CSS插入形式的是( A)。 A、索引式 B、内联式 C、嵌入式 D、外部式 10、在网页中最为常用的两种图像格式是(A )。 A、JPEG和GIF B、JPEG和PSD C、GIF和BMP D、BMP和PSD 12、在HTML中,要定义一个空链接使用的标记是( A). A、 B、 C、 D、 13、对远程服务器上的文件进行维护时,通常采用的手段是( B) A、POP3 B、FTP C、SMTP D、Gopher 14、Internet上使用的最重要的两个协议是(B ) A、TCP和Telnet B、TCP和IP C、TCP和SMTP D、IP和Telnet 15、body元素用于背景颜色的属性是(C) A、alink B、vlink C、bgcolor D、background 16、在Dreamweaver MX中,想要使用户在点击超链接时,弹出一个新的网页窗口,需要在超链接中定义目标的属性为(B ) A、parent B、_bank C、_top D、_self 17、在色彩的RGB系统中,32位十六进制数#000000表示的颜色是(A ) A、黑色 B、红色 C、黄色 D、白色 18、在Dreamweaver MX 中,中文输入时欲键入两个空格应该怎么做? ( B ) A. 在编辑窗口直接输入两个半角空格 B. 代码中输入两次“ ” C. 通过在编辑窗口输入TAB D. 通过在编辑窗口输入两次空格 19、下列关于Html标记不正确的是? ( D ) A. a标记用来标记超级链接 B. img标记用来插入图片 C. table标记用来插入表格

网页设计与制作试题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。√

文本预览
B、 C、