本例效果如下。
将八仙过海素材图片复制粘贴到网站的image文件夹下。
站点菜单下选择新建站点命令,
并在弹出的面板的高级选项卡中输入如下图所示:
新建一个baxian.html文件输入以下文字。
点击新建CSS规则按钮,新建一个首字下沉的规则。
在名称中输入.shouzi,设置为类,仅对该文档,点击确定即可。
在类型选项卡中的大小设置为60px,粗体。
将方框选项卡中的浮动设置为左浮动方式。
选择文字中的第一个文字“八”字,在属性面板上设置样式为“shouzi”。
将光标置于文字最后,插入图像
点击确定按钮。
得到如下图所示效果:
新建一个.pic2的类CSS规则
方框选项卡中设置浮动为右对齐,边界中设置左边界为10px,下边界为5px。
选择图片,在属性面板的类中选择pic2类。
切换到代码视图,将文字代码外加上
标签。注意加上结束标签。
将下图中关于图片部分代码选中剪切。
粘贴到现在的位置。图片在前,文字在后。
预览即可
可以看到如下图所示
东海。”文字后敲回车,输入“汉钟离”如下图所示
新建一个.title1的类规则。
在类型选项卡中设置如下:
在区块选项卡中设置如下:
对“汉钟离”文字应用该规则。
插入汉钟离的图片
新建一个.pic1的类规则
设置该规则的方框面板如下图所示:
选中汉钟离的图片,点右键,选择CSS样式中的pic1应用该规则。
选择关于汉钟离的文字介绍,复制粘贴到网页中,效果如下图所示:
选择刚才的文本,将样式设为无。并在文字和标题之间直接敲一次回车即可。
下图所示:
设置文本为右对齐。
对文字“张果老”应用这个title2规则。
在文字后敲回车,插入图片张果老的图片。对该图片应用pic2的规则。
敲回车,粘贴张果老的文字材料。
再次出现张果老的文字也应用了title2的规则效果,选择文字,设置规则为无即可。
再次在文字最后,敲回车,输入“韩湘子”,对“韩湘子”文字应用title1的类规则,依照汉钟离的设置方法,敲回车插入韩湘子的图片,对该图片应用pic1的类规则,敲回车,粘贴关于韩湘子的文字介绍,将介绍文字的规则设置为无即可。
剩余的其他内容比照前面的设置即可完成。一个左一个右的规则即可完成。
最后给所有的图片加上边框,新建一个img标签规则。
设置img标签边框选项卡中的各项参赛如下图所示:
《HTML5+CSS3网站设计基础教程》课程教学大纲 (课程英文名称) 课程编号:201601210011 学分:5学分 学时:76学时(其中:讲课学时:47 一、课程的性质与目标 《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容,通过本课程的学习,学生能够了解网页web发展历史及其未来方向,熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果,学会制作各种企业、门户、电商类网站。
二、课程设计理念与思路 课程设计理念:高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展,不能局限 于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点,以就业为导向,培养学生具备职业岗位所需的职业能力,职业生涯发展所需的能力和终身学习的能力,实现一站式教学理念。 课程设计思路:基于工作过程开发课程内容,以行动为导向进行教学内容设计,以学生为主体,以案例 (项目)实训为手段,设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为 目标,以案例(项目)任务实现为载体、理论学习与时间操作相结合”。 开发工具:DreamweaverCS6 第一章初识HTML5
第二章HTML5页面元素及属性
第四章CSS3选择器
e g o o d f o 背景与图片不透明度的设置 √ 设置背景图像平铺√ 设置背景图像的位置√ 设置背景图像固定√设置背景图像的大小√设置背景的显示区域√设置背景图像的裁剪区域√设置多重背景图像√背景复合属性√线性渐变√径向渐变√重复渐变 √ 第七章表单的应用
《HTML+CSS+JavaScript网页制作案例教程》课程教学大纲 (课程英文名称) 课程编号:201509210011 学分:5学分 学时:64学时(其中:讲课学时:45 上机学时: 19 ) 先修课程:计算机基础、计算机网络、计算机应用 后续课程:UI设计、 JavaScript网页特效 适用专业:信息及其计算机相关专业 开课部门:计算机系 一、课程的性质与目标 《HTML+CSS+JavaScript网页制作案例教程)》是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript 编程基础与事件处理等内容。通过本课程的学习,学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向,熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。 二、课程的主要内容及基本要求 第一章网页那点事(2学时) [知识点] 认识网页 常见的互联网专业术语 Web标准 HTML简介 CSS简介 JavaScript简介 常用浏览器介绍 Dreamweaver 工具的使用
使用Dreamweaver创建第一个页面 [重点] Web标准 Dreamweaver工具的使用 [难点] Web标准 Dreamweaver工具创建第一个页面 [基本要求] 了解Web标准,明确HTML、CSS及JavaScript在其中的作用。 熟悉Dreamweaver工具的基本操作,能使用Dreamweaver创建简单的网页。第二章从零开始构建HTML页面(4学时) [相关案例] 【案例1】简单的网页: 【案例2】新闻页面: 【案例3】图文混排: [知识点] HTML文档基本格式
实验四表格的处理与图文混排 一、实验目的: 1.掌握Word 2003中表格的使用。 2.学会在Word 2003实现图文混排的效果。 3.了解图形的绘制与编辑。 4.掌握页面的设置与打印。 二、实验内容、预备知识: (一)建立表格 1. 利用“插入表格”按钮 步骤一:打开文档,把插入点移动到要插入表格的位置。 步骤二:单击“常用”工具栏中的“插入表格”按钮()。 步骤三:按住鼠标左键拖动,选择满足需要的行数和列数,例如图7-1所示创建的是2×3的表格,即2行3列的表格,然后放开鼠标,在插入点出现创建的表格。 图7-1 创建2行3列的表格 2. 利用“插入表格”命令 步骤一:打开文档,把插入点移动到要插入表格的位置。 步骤二:执行“表格”→“插入表格”菜单命令,弹出“插入表格”对话框,如图7-2所示。
图7-2 “插入表格”对话框 步骤三:设置表格的参数。其中“列数”和“行数”两个文本框分别用来设置表格的列数和行数。“自动调整”选项组用来设置表格每列的宽度。 步骤四:单击“确定”按钮,就可以生成所需的表格。 3. 手动绘制表格 步骤一:将光标定位在需要插入表格的位置。 步骤二:执行“表格”→“绘制表格”菜单命令,或者单击常用工具栏上的“表格和边框”按钮(),弹出“表格和边框”工具栏,如图7-3所示。 图7-3“表格和边框”工具栏 步骤三:单击“绘制表格”按钮,鼠标指针变为铅笔的形状,此时就可以开始绘制表格了。 步骤四:单击“擦除”按钮,鼠标指针变成橡皮的形状,在要擦除的线上单击或拖动鼠标左键即可完成擦除操作。 4. 绘制斜线表头 步骤一:执行“表格”→“绘制斜线表头”菜单命令,打开“插入斜线表头”对话框,如图7-4所示。 步骤二:选择表头的样式、字体大小以及标题等,单击“确定”按钮。
《网页设计》课程教学大纲 一、课程说明: 课程类别:选修课 适用专业:工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。 计划学时:60学时(讲课24学时,上机实验36学时) 学分:4 先修课程:计算机基础 执笔: 审阅: 二、课程的教学目的 以培养应用型人才为目标,充分考虑远程教育学生的学习基础和学习特点。简单介绍HTML语言、CSS样式、javascript语言,全面介绍与网页设计制作有关的知识,通过对Web页制作技术和制作工具的学习,使学生对于网页设计中所涉及的相关知识有一个全面的了解。并使学生具有解决一般网页制作问题的能力。掌握运用Dreamweaver CS6网页制作软件制作网页的方法,掌握运用Fireworks CS6、photoshop cs6图像处理软件进行网页中图形制作版式设计及切片的应用。掌握运用flash CS6动画制作软件设计网页中动画的方法,进而掌握将这四个软件互相配合,完成网页设计与制作任务的方法。为今后从事网页设计与制作工作打下基础。 三、课程教学基本要求: 1、课程重点 掌握网页制作三剑客Dreamweaver、Fireworks、flash及photoshop在网页设计过程中的应用,使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能,提高学生分析解决问题能力和项目实施能力,注重学生在学习和实践过程中职业素质的养成。通过学习,使学生熟练掌握运用Dreamweaver网页制作软件制作网页,掌握运用Fireworks、Photoshop图形图像处理软件进行网页中图形图像的设计与制作,掌握运用flash动画制作软件设计网页中动画的方法。 2、课程难点 (1)理解HTML语言各种文本格式、字符格式、段落设置、列表、标记的作用; (2)理解CSS样式表中属性单位的作用和意义; (3)理解javascript语言脚本程序的工作方式; (4)深入理解超级链接、图形图像各种功能和应用; (5)深入理解表格、AP Div、框架、表单的作用; (6)深入理解模板、库、行为和脚本的高级应用; (7)理解网站测试的目的和测试方法; (8)深入理解“切片”和“热点”的涵义和应用; (9)深入理解动画的组成“时间轴”、“场景”、“帧”的涵义及各种动画的制作; (10)理解使用图像设计软件进行版式设计的方法。 3、能力培养要求 (1)了解HTML语言的基本内涵。理解基本标记的用法; (2)掌握在网页中添加CSS样式的方法。熟练使用CSS设置网页格式和列表的格式; (3)熟练掌握网页中文本的输入、特殊字符的插入及字符格式的设置方法; (4)掌握在网页中嵌入图象和多媒体的方法;
一CSS文字属性: color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性 vertical-align:top; /*垂直向上对齐*/
1.请列出三种TCP/IP网络中所使用的协议,并说明它们哪些类型的终端之间的,例如,网络管理站(SNMP)是用于中央网络管理站和网络之间的。 参考答案: (1)HTTP:超文本传输协议,用于WEB服务器和WEB客户机之间; (2)SMTP:简单邮件传送协议,用于邮件客户机和邮件服务器之间; (3)TELNET:远程登录协议,用于客户机与终端之间。 2.现给出一个网址如下:https://www.wendangku.net/doc/1410623753.html,/planetwide/select/selector.html,请你根据所学的URL分析该网址各个部分的含义。 参考答案: //前的http表示访问信息采用的是超文本传输协议,并且文件在WWW服务器上; https://www.wendangku.net/doc/1410623753.html,表明了WWW服务器的位置; planetwide/select/selector.html表明最终要访问的文件所在的位置。 3.访问类型即访问信息的链接方式,它决定了文件所在的位置,请问常用的链接方式有哪几种,并举出实例。(列出三种即可) 参考答案: (1)file:如file:\\D:\作业\作业\主页.htm(前面的file:\\一般可省略)就是打开本地D盘下的一个网页;(2)ftp:如ftp:\\https://www.wendangku.net/doc/1410623753.html,(此处也可输入IP地址); (3)http:如https://www.wendangku.net/doc/1410623753.html,/; (4)News:news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组; (5)telnet:telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7; 4.我们要进入紫霞的公众网,网址如下:telnet://https://www.wendangku.net/doc/1410623753.html,,请你实际操作进入该网站,并列出三种以上进入该TELNET网站的方法。 参考答案: (1)在浏览器中登录:启动INTERNET EXPLORER,在URL地址栏中输入“telnet://https://www.wendangku.net/doc/1410623753.html,”;(2)“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.wendangku.net/doc/1410623753.html,”命令并回车; (3)“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.wendangku.net/doc/1410623753.html,”命令并回车; (4)“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5.如果远程登录失败,请问原因可能是什么? 参考答案: (1)计算机地址拼写错误(主机名或IP地址错误); (2)远程计算机暂时不能使用; (3)你所指定的计算机不在Internet上。 6.实践:启动INTERNET EXPLORER浏览器,修改其INTERNET选项,并观察其效果。 您的答案: 答:将https://www.wendangku.net/doc/1410623753.html, 设置为INTERNET选项的首页后,只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1.个人网站有哪三种基本风格? 参考答案: (1)主题图形式; (2)信息发布式; (3)介于两者之间的风格。
图文混排的设计与制作 《图文混排的设计与制作(1)》教学设计 龙川维嘉学校曾伟芳 课程内容图文混排的设计与制作(1) 课程学时 40分钟 所属学科信息技术教学对象初中一年级一、课前系统部分 1、课标(或大纲)分析 《信息技术》是我校学生的必修基础课,是一门理论与实践紧密结合的课程,是学生学习计算机的入门课程。要求能够熟练运用WORD完成各种办公任务,在学习中,重点培养学生的动手能力以及理论联系实践的能力,使学生通过本课程的学习后掌握计算机的初步使用 2、教材分析 图文混排的设计与制作(1)是信息技术教程的第二章第四节的内容,本节内容承接了前面几节的内容,在学习任务上有较强的连贯性。本课学习图文混排的方法,是“文字处理”部分内容中的重点,也是难点。学习本课要学会在WORD中插入艺术字、剪贴画和图片;能够对艺术字和剪贴画进行修饰;理解不同环绕方式的设置效果;并且能够运用图文混排的基本方法和技巧。因此,对于这个知识点,我采用任务驱动结合学生的自主学习、小组合作学习将知识点融入到具体的应用实例中,以培养学生应用WORD解决实际问题的能力和提高学生的人文素养为主。 3、学生分析 学习本课之前,学生已经学习了文字的编辑与修饰、段落排版的方法。为培养学生获取信息、应用信息的能力,可作进一步的提高,注重学生的探索性操作。从教材中的教学内容来看,看似比较简单,但是如在教学中让学生单已有的认知水平和
纯为掌握知识而教,会造成学生处理信息的盲目性,在本节课教学中,从学能力状况 生的实际出发,根据学生现有的年龄特征、知识基础、认知水平、兴趣、能力等,设计出有一定趣味的、略有难度的任务,吸引学生主动探索。 1、层次参差不齐 2、部分学生学习主动性差存在的学习问题 3、创新学习能力有待提高 1、自主学习能力、协作能力的培养学习需要和学习行 2、培养学生的创新能力为 4、教学目标 1、学会在WORD中插入艺术字、剪贴画、图片的方法。知识/能力目标 2、能够对艺术字和剪贴画进行修饰,理解不同环绕方式的设置效果。 3、能综合运用艺术字、剪贴画、图片解决实际问题。 1、通过完成制作任务来体会制作图文混排作品的一般流程。 过程与方法 2、尝试归纳和总结操作规律。 3、探求用Word解决实际问题的过程。 1 1、体会在Word中综合文字、图片等的处理效果,促进学生形成良好的审美 观。 情感目标 2、培养学生自主学习及协作学习的意识和能力。 3、使学生对“文字处理”有更深一步的了解,激发学生的求知欲。 信息素养提高学生搜集、整合、分析、运用信息的能力。 5、教学重点与难点
网页设计与制作_在线作业_C 最终成绩:90.0 一判断题 1. (5.0 分) FALSE TRUE 知识点: 11.2 编辑矢量对象 用户解答: FALSE 2. (5.0 分) FALSE TRUE 知识点: 12.1 创建和编辑标准文本 用户解答: FALSE 3. 在Fireworks中,图中(b)是对(a) 实施外斜角滤镜的结果。() (5.0 分) TRUE FALSE 知识点: 13.1 滤镜 用户解答: FALSE 4. 在Fireworks中,“自由变形工具”能够直接对矢量对象执行变形操作,也能对路径上的各个定位点进行操作。() 在Fireworks中,文字不能设置笔触和填充。()
(5.0 分) FALSE TRUE 知识点: 13.2 资源——样式、元件、URL 、形状 用户解答: TRUE 5. (5.0 分) FALSE TRUE 知识点: 13.4 优化与导出 用户解答: FALSE 6. (5.0 分) FALSE TRUE 知识点: 15.2.3 绘图工具箱 用户解答: TRUE 7. (5.0 分) FALSE TRUE 在Fireworks 中,元件是用户自己建立的可以重复使用的图形,动画或按钮对象。( ) 在Fireworks 中,可以同时显示6幅不同优化效果的图像。( ) Flash 中“墨水瓶工具”(Ink Bottle Tool )是为矢量色块进行填充的工具。( ) Flash 中文本必须图形化才能使用滤镜。( )
知识点: 16.1.1 文本工具 用户解答: TRUE 8. (5.0 分) TRUE FALSE 知识点: 16.1.2 文本变形及图形化 用户解答: TRUE 二单项选择题 1. (5.0 分) 知识点: 9.5 调整画布或图像 用户解答: 2. (5.0 分) “修改”|“组合路径”|“拆分” “修改”|“组合路径”|“封口” “修改”|“组合路径”|“联合” “修改”|“组合路径”|“接合” 知识点: 11.2 编辑矢量对象 用户解答:“修改”|“组合路径”|“接合” 3. Flash中为了避免丢失字体,应将文字图形化。() 若需要向下方向扩大Fireworks画布,应在修改Fireworks画布的窗口内,点击()锚定按钮。在Fireworks中,用“刀子”工具切割路径后,应执行()命令,将路径封口。
网页设计与制作教程 第一章基础篇 1.INTERNET和WWW INTERNET的功能和应用 1.信息的获取与发布 2.电子邮件 3.网上交际 4.电子商务 5.网络电话 6.网上事务处理 7.远程登陆 8.文件传输 9.电子公告版 10.全球信息网 11.INTERNET的其他应用 WWW简介 1.网页,网页文件和网站 2.HTTP和FTP协议 3.超文本和超链接 4.INTERNET地址 5.域名 6.统一资源定位器(URL) 7.HTML 常见网络浏览器----IE 第二章网站建设概论 (1)信息类网站 (2)交易类网站 (3)有偿信息类网站:101网校、 (4)功能型网站 (5)综合类网站 2.根据网站的性质分类: (1)政府网站 (2)企业网站 (3)商业网站 (4)教育科研机构网站 (5)个人网站 (6)非赢利机构网站 (7)其他类型的网站 3.根据在大型搜索引擎上的设置分类 4.娱乐和休闲类网站;商业与经济类,艺术,人文,健康,医药,政府,政治类,电脑与 网络类,社会和文化,科学与教育类,参考资料类 2.1.2网站建设的步骤 1.制作环境的准备:1)设备:扫描仪,数码相机,打印机2)完善系统环境3)备齐网页开发工具软件,网页制作工具,服务器端程序开发工具及一些实用的辅助工具。。。4。
备齐素材制作和加工软件,包括对图形,动画,刘媒体和声音进行处理的素材制作和加工软件 5)备齐常用的网站发布工具,如FTP文件传输软件 2.网站目标的确定:对象:访问者的类型;主题明确,数据充分。保持目标的简洁 3.网站主题,风格和创痍点的确定 1)主题选材要小而精 2)擅长或感兴趣的内容 )选题不要太滥:因特网上只有第一,人们记不住第二第三名 2)网站的风格:CI(标志,色彩,字体,标语),版面布局,浏览方式,交互性,文字,语气,内容价值,存在意义,站点荣誉等诸多因素 1)确信风格是建立在有价值的内容上的 2)需要彻底弄清楚站点给人的印象是什么 3)在明确网站印象后,开始努力建立和加强这种印象:1)标志(LOGO)2)色彩3)标准字体4)醒目标准口语5)统一图片处理效果7)使用网站特有的图标;使用自己设计的花边,线条和点;;9)展示网站的荣誉和成功作品10)告诉网友关于个人真实的故事和想法3)网站的创意(准备期,孵化期,启事期,验证期,形成期) 4.网站结构的确立:1)网站结构的确立2)网站目录的设置3)网站链接结构的设置:树状连接结构;星状链接结构3)两种结构的综合 5.网站素材的准备 6.网站制作工具的选择和确定:DREAMWEA VER和FRONTPAGE,PHOTOSHOP,FIREWORKS,动画制作工具:FLASH,COOL 3D;网页特效工具,网页特效精灵,有声有色 7.网站的建设 1)申请E---MAIL帐号 2)申请网页空间:1。打开虎翼网空间申请主页 3)域名注册:对于个人网站,在申请免费网页空间的同时也完成了域名的注册 4)网页制作:先简单后复杂,布局先大后小,制作网页时要多灵活运用软件配备的设计模板,这样可以大大提高制作效率 8。网站的测试(看看有没有问题)和上传(将网站发布到WEB服务器,网页制作工具本身具有FTP功能) 9。网站的宣传和推广(搜索引擎上注册,与别的网站交换链接,运用网络广告) 10.网站的更新和维护:必须不断给它补充新的内容,才能够长期吸引住浏览者 2.1.3 网站设计的原则 1)网站主题不要多于三个:小而精,定位小 2)网站的标准色彩不要超过三种 3)重视网站目录结构的创建(创建目录的原则百度上找出来):不要将所有文件都存在根目录下,目录层次不超过三层,不要使用过长的目录名,尽量不要使用中文目录名 4)链接层次不要超出三层(便于维护) 5)网页长度应限定在三个整屏以内 6)表格的嵌套层次要控制在三层左右(表格插入表格里) 7)网站导航要清晰 2.优秀网站的五大要素 1)网站内容丰富 2)页面下载速度快(网页简单,不要大量图片)
《网页设计与制作》课程教学大纲 课程名称:网页设计与制作 学分及学时: 4 学分总学时72学时,理论36 学时 适用专业:网络工程 开课学期:第四学期 开课部门:计算机与互联网学院 先修课程:计算机文化基础计算机网络 考核要求:考试 使用教材及主要参考书: 向知礼主编:《网页设计与制作》航空工业出版社2017 年 杨松主编:《网页设计案例教程》航空工业出版社2015 年 一·课程性质和任务: 本课程全面地介绍网页制作技术的基本理论和实际应用。全书共 10 章,分为 3 大部分。前 5 章为第 1 部分,主要介绍网页制作的基本理论——HTML,同时穿插介绍Fireworks,Flash, Anfy 等软件在网页制作过程中的应用;第 6 章~第 8 章为第 2 部分,主要介绍网页 制作技术,包括CSS技术、客户端脚本技术(DHTML)以及 XML 技术;第9 章~第 10 章为第3 部分,主要介绍当前最流行的网页制作工具——Dreamweaver ,通过应用实践能够从实际 应用的角度进一步巩固所学知识。 课程内容不但包括各种网页制作技术的基础理论,而且强调网页制作的具体应用,使读者既能打下坚实的理论基础,又能掌握实际的操作技能。 二·课程教学目的与要求 以Dreamweaver 的使用为主线,介绍网页制作的相关技术。使学生理解网页制作的基本 概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本 知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框 架、表单、多媒体对象的使用 ; 理解行为、模板、库、 CSS布局的概念和使用 ;理解 HTML 语言、 网站的测试与的发布; 要求:教学过程中,须注重学生实践操作能力的培养,采取“面向实践、能力为先”的 教学思路,教学内容应结合当前WEB 技术的发展趋势,把握未来企业级WEB 页面开发的发 展方向,兼顾各行各业的需求变化,力争面向社会,服务于企业“互联网+”战略。
《网页设计与制作》期末考试试题 一、单项选择题 ( 本大题共 15 小题,每小题 2 分,共 30 分) 1、目前在 Internet 上应用最为广泛的服务是 A 、 FTP 服务 B 、 WWW 服务 C 、Telnet ( )。 服务 D 、 Gopher 服务 2、域名系统 DNS 的含义是 A 、 Direct Network System ( )。 B 、 Domain Name Service C 、 Dynamic Netw ork System D 、 Distributed Network Service 3、主机域名 center. nbu. edu. cn 由四个子域组成,其中 A 、 center B 、nbu C 、 edu D 、 cn ( ) 子域代表国别代码。 4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是 A 、 G B 码 B 、 Unicode 码 C 、 BIG5 码 D 、HZ 码 ( )。 5、当标记的 A 、 TEXT B TYPE 属性值为 、 PASSWORD C ( ) 时,代表一个可选多项的复选框。 、RADIO D 、 CHECKBOX 6、为了标识一个 HTML 文件开始应该使用的 A 、
B 、 C 、 CSS样式表在网页制作中的应用China Computer&Communication 随着Internet的不断普及和飞速发展,网络已经成为人们获取、 发布和传递信息的主要渠道之一,在人们的工作、生活、学习和娱乐中起着非常重要的作用。上网已经渐渐成为人们的一种习惯,网络上的信息主要是通过网站来发布实现的,而网站又是由不同的网页构成的。在制作网页的过程中,既需要设计合理的字体和布局,还需要考虑兼容不同浏览器。为了方便解决这些难题,在网页的构建过程中引入CSS样式表,是一个不错的选择。 一、CSS样式表概述 CSS是Cascading Style Sheet 的缩写,译作“层叠样式表单”。 它是一种在网页制作过程中经常用到的技术。CSS样式表其实是一组样式,它增加了更多的样式定义方法来辅助HTML。样式就是用一个指定的名字来标识和保存的一组有关字符和段落格式的选项集合。其实,我们很早就已经与“样式”打过交道了。在Word的“格式”菜单中的“样式项”里,提供了多种样式,如“标题1”、“标题2”、“正文”等。只要选定文字,然后选择不同的样式,所选定的文字就会自动改变字体、字号、对齐方式、字间距等。同样,我们可以通过CSS来规定网页元素的各种样式,如颜色、位置、大小等。 二、CSS样式表的优势 CSS样式表是用于(增强)控制网页样式并允许将样式信息与网 页内容分离的一种标记性语言。通过使用CSS样式表,不仅可以对文字格式进行设置,还可以更加精确地控制布局、字体、颜色、背景和其他图文效果,从而避免在标识字符和设置段落格式等操作时重复定义需要的样式,提高网页编辑的效率。 CSS是对以前的HTML(HTML3.2以前的版本)语法的一次重 大革新,是DHTML(动态网页)的一部分。建立CSS的意义在于把对象真正引入到HTML中,使其可以使用脚本程序(如JavaScript、VBscript)调用和改变对象属性,从而使网页中的对象产生动态的效果,这在以前的HTML中是无法实现的。CSS甚至超越了WEB页面本身的显示功能,把样式扩展到多种媒体上,显示了难以抗拒的魅力。 三、CSS样式表在HTML中的实现 在HTML网页中加入CSS并不是只有一种方法,在不同的情况 下,可以采用不同的方法,比较常用的有下面几中。 1.嵌入式样式表 嵌入式样式表的实现很简单,只需在每个要应用样式的HTML 标签后写上CSS属性即可。例如要设置指定表格中的文字的样式为红色,字号为10pt,可在当前表格的 |