制作表格运用框架结构制作网页

制作表格运用框架结构制作网页
制作表格运用框架结构制作网页

第二节制作表格——运用框架结构制作网页(第七课时保护生态环境)

教学目标:

1、知识目标

了解框架结构的基本知识、框架的作用及框架属性

2、技能目标

1)能够使用框架结构设计网页

2)学会设置网页的框架属性,根据网页具体情况调整框架结构

3、情感目标

通过框架结构网页设计,提高学生对网页整体架构的设计能力和鉴赏能力。

教学重点与教学难点:

重点: 1、框架网页的建立

2、调整、填充框架网页

3、框架网页的保存

难点: 1、更改和设置网页的框架属性

2、框架网页的保存

关键:掌握框架属性对话框的使用方法

教学方法与教学手段:

1、讲解与演示

2、对比教学

3、探究与实践

教学准备:

运用框架结构制作网页,以准备在课堂上演示

教学过程:

dw网页制作基础代码

Dreamweaver 8 基础代码 HTML基本结构(每个网页都是在基本结构的基础上添加内容的) -------- 网页文件开始标签 ------- 头部元素开始标签 --------- 网页标题开始标签 …》头部元素 --------- 网页标题结束标签 ------ 头部元素结束标签- ------- 网页内容开始标签 ... —网页具体内容 ------- 网页内容结束标签」 ------- 网页文件结束标签 Dreamweaver的代码里打“< "会出现可选择代码,或在“< > "里打空格也会出现,方便输入。标签书写方式(不同标签书写方式不同) 1. <标签〉对象 如:title、head 等。 2. <标签〉 如:br 3. <标签该标签的属性1= “参数1”该标签的属性2= “参数2 ” ...> 对象标签> 如: font 注意: 1. 第三种类型的标签也可以使用第一种的格式,即标签的属性不一定要写。 2. 可以嵌套,但要注意顺序。 两个代码之间至少要用一个空格隔开。 几个常用标签介绍 文字:... face:字体,引号中输入字体名。如:face= “黑体"。默认是宋体。 size:字号。可以是-7 -------- +7 之间整数。默认是3。 color:颜色。可使用“red ”之类的颜色名称或进制编码指定。默认黑色。 换行:
加粗:... 倾斜: 滚动字幕: 滚动标签:marquee 最简表达: 相关字幕 滚动的属性: Direction-- 表示滚动的方向,值可以是left , right , up , down,默认为left Behavior--表示滚动的方式,值可以是scroll (连续滚动)slide (滑动一次)alternate (来回滚动)

Axure模板库使用指南

Axure模板库使用指南 交互设计师一般都是出线框图为最终产物,但是往往很多产品只需要利用现成的视觉标准就可以画出原型。为了减少流程、降低沟通成本,所以我建议交互设计师在做类似产品的时候能够直接利用现有视觉标准进行原型的搭建,一般很多交互设计师会用Photoshop来实现视觉原型,但是效率和不可交互性还是存在很多问题,所以需要有一套完成的封装来执行视觉标准并且产生可交互的高保真原型。 背景就不多说了,来讲讲Axure怎么使用视觉标准。这里用到最多的就是Axure里面的Masters的功能。 一、创建视觉零件库 1、把视觉标准中的元素进行提取。一般视觉标准的形式是以PSD、JPG、WORD等,你所要做的就是把每个元素单独保存成gif文件,最好背景是透明的,而且把元件上的文字都去掉保持可扩展性。分类可以按照自己需要来分,我是分为:Logo、icon、button、tab、table、flow。 图1-1 按钮的视觉标准

图1-2 视觉零件分类 2、在Axure里面的Masters功能区中新建一个文件夹,命名为“视觉零件”,在文件夹下面新建一个Master。 图1-3 新建Master 3、双击打开这个Master,在Widgets里面把图片组建拖动到中间的操作区域中,双击找到你已经保存好的gif文件,这样一个视觉零件就加到你的Axure里面了。 图1-4 将视觉组建放入Axure中 4、如果这个视觉零件本身需要文字元素,那么在Widgets里面把文字组件放到视觉零件上的相应位置,然后根据视觉标准调整文字样式。注意,因为Axure不支持中文,所以他的字体和html中的px是不同的,html中的12px字体在Axure里面要设置为9,14px的要设置为11,以此类推。

网页设计库和模板的应用

52门户网站实训指导(一) 实训目标: 1 掌握门户网站的设计技巧。 2 掌握库项目和模板的制作及使用方法。 实训步骤: 一创建站点。 在Dreamweaver CS3中定义一个本地站点,命名为“52menhu”,存储位置为:D:\sample\52menhu\,并将本项目素材文件夹下的图像文件夹image复制到网站的根文件夹下。然后,选择“窗口”→“资源”命令或者按F11键,打开“资源”面板。如图1。 图1 资源面板图2 新建库项目 二创建库文件。 单击“资源”面板右下角的按钮,新建一个库,然后在列表框中输入库的名称banner并加以确认。使用同样的方法创建名称为foot

的库文件。 二、制作主页的Banner 基本步骤: 1.在“资源”面板中双击打开,找到库文件banner.lbi。 2.插入一个3行1列,宽为760像素的表格。 3.设置表格属性(具体步骤参照书讲解)。 4.插入图片,输入文本。 最终效果如图3所示: 图3 banner效果图 制作页脚 基本步骤: (1)在资源面板中打开库文件foot.lbi; (2)插入一个3行1列,宽为760像素的表格; (3)设置表格属性,参数如图4; 图4 表格属性 (4)输入文本,并保存文件。效果如图5所示。

图5 页脚效果图 ●四、库项目的应用 ●1.插入库文件 新建页面myindex.html,依据前面做的banner.lib和foot.lib 文件充实首页面myindex.html。打开“资源”面板,点击左下角的“插入”按钮,分别将两个库项目分别插入到页面对应位置。 2.编辑库项目 在资源面板中单击“编辑”按钮,可打开库项目进行编辑。编辑的方法同编辑普通页面一样。 任务2 制作女性频道子页 1、使用模板建立子页 操作步骤: (1)将素材中的首页复制到站点中。选择“文件”→“另存为模板”命令,将已有页面另存为模板,命名为moban1。 2、定义可编辑区域 操作步骤: (1)选择“插入”→“常用”命令,单击“可编辑区域”按钮或者选择“插入”→“模板对象”→“可编辑区域”命令,打开“新建可编辑区域”对话框。

用表格为网页布局

第15课用表格为网页布局 绍兴市树人中学黄学锋1.设计思想 本节课的主题是对网页内容的排版。为了提高学生的建网兴趣,接受网页中表格的排版定位作用,设计了提供宠物——领养宠物——建立宠物园的教学过程,以“给宠物网上安家”、“不同的宠物需要不同大小的生活空间”等为引导,设计使用表格中不同大小的单元格来让宠物“和睦相处”。同时,请学生建立自已的开心宠物园,掌握网页的表格排版功能。 2.教材分析: 布局是网页制作的第一步,在本节教材中,先提出了规划布局,再进行表格定位,最后进行定位调整。这要求教学过程中需要对学生明确:对于网页中对象多而杂的情况,必需先规划、再定位,而用表格是一种很实用而有效的途径。 3.学性分析 在前几节课中,学生已学会了建立站点、新建主页、插入素材等操作。为了区别WORD和PPT等曾经排版方法,在学习网页排版时,创设一种情境能让学生对于多个网页对象能自然的用表格进行页面布局。通过这种教学方式,能让学生觉得网页表格排版理所当然,利用情境也大大提高了操作兴趣,在操作中掌握了技能。 4、教学目标 知识目标:用表格排版主页使其达到页面整洁有序; 技能目标:在网页中插入表格并更改表格的属性; 情感目标:用表格排版网页解决了网页版面杂乱的问题,提示同学们凡事要有计划,做事要遵守规则,促进其做事的信心。 5.重点难点 重点:插入表格和更改表格属性。 难点:让学生灵活掌握排列表格和设置表格属性的方法。 6.教学策略与手段 以网络流行的开心菜园、开心农场为引入,整堂课围绕建立自已的开心宠物园为主题对学生进行教学,最后通过若干学生作品展示来提高表格操作技巧。 7.环境与素材 1.教学环境:多媒体网络教室,配备投影仪;学生计算机中安装IE5.0以上版本及Frontpage2000以上中文版,要求能上因特网; 课本准备。 2.教学素材:为学生准备好一批宠物GIF图片。

教学设计《Word制作网页》

教学设计《Word制作网页》 本文从网络收集而来,上传到平台为了帮到更多的人,如果您需要使用本文档,请点击下载按钮下载本文档(有偿下载),另外祝您生活愉快,工作顺利,万事如意! 第12课用word制作网页(一) 执教者曹煜 【教学目标】 学会用word制作简单的网页。 掌握word制作网页的基本过程。 学会预览网页并保存网页。 【情感目标】 引导学生体验制作网页的乐趣。 【教学重点与难点】 重点:(1)了解网页制作的基本过程。 (2)用word制作简单的网页。 (3)将word保存为“web页”格式。 【课时安排】 1课时。 【教学方法】 任务驱动教学法。 【教学流程】 一、引入

同学们当你们上网浏览网页时,不知道有没有注意网上有很多个人网页。其实现在有许多人都在制作自己的网页并把它发布到因特网上,供人们浏览、欣赏,这样同时也展示了他们自己。 我这里有几张,是和你们差不多大的同学制作的网页,大家欣赏一下,看一看他们都制作了些什么网页? [广播展示网页:世界地理、星座、机械公敌……] 学生欣赏,观察网页各个元素。 网页就欣赏到这里,我想你们看了网页后肯定有自己的想法,你想制作一张关于什么的网页,能不能告诉大家?…… 学生说,自己想制作的网页。 二、新授 好,今天我们就来制作一张属于你的自己网页! 任务一:新建空白网页,设置网页背景,输入网页名称,保存网页。 其实制作网页并不是很困难,用我们学过的word 就可以做到。 [广播:打开wordxxxx,出示任务一] 和使用“画图”软件画画时需要一块空白画布一样,制作网页首先需要的是一张空白的网页。

在给你们的教材里,开始就介绍了如何新建空白网页,下面请你自己读一读,再试一试,同座位来比一比,看谁能先建成空白网页。 学生操作:新建空白网页。 [广播:出示老师网页] 在你们新建网页时,我也新建了一张,好像我的比较漂亮,这是怎么回事? 学生回答:背景。 怎么设置背景呢? 学生在书上查找,上来演示。 输入标题文字。 俗话说得好万事开头难,制作网页这个头开的还不错,先保存起来。 [再出示任务一] 学生操作完成任务一。 任务二:插入表格,输入小标题文字,插入图片。 [广播:出示老师网页] 在同学们完成任务一时,我已经完成了我的网页,大家对照一下,我的网页比你的多了些什么呢? 大家对照一下做好与没做好的网页,想想下面我们应该做什么啦? 学生对照自己和老师的网页,说说还有什么没

《Dreamweaver网页制作》期中试卷及答案

一、填空: (40分,每空 1 分) 1、网页三剑客中 Dreamweaver 是(网页)的软件; Fireworks 是(图像)的软件;Flash8 是(动画)的软件。 2、 Dreamweaver8的视图窗口有三种,即(代码)视图、 (拆分)视图和(设计)视图。 3、在开发网页之前,首先应建立一个(站点)来管理网页及图像等内容。 4、网页文件默认的扩展名是(.html), Flash 源文件的扩展名是(.swf)。 5、在网页设计中,要使表格边框在浏览器中不可见,应将边框粗细设为(0 像素)。 6、通过 Dreamweaver定义站点的方法有(基本)和(高级)两种。 7、站点地图是整个站点的(结构图),它以(层次结构)显示站点中各网页的链接关系。 8、单元格边距是指(单元格内容与边框)之间的距离;单元格间距是指(单元格)之间的距离。 9、 www 国内称之为广域网,是英文(WORLD)、(WIDE)、(WEB)的缩写,其信息资源主要就是由一篇篇使用(HTML)语言编写的 Web 文档组成。 10、通常用于网络中的图像格式有三种,即(JPG)、 (GIF)和(PNG)格式。 11、使用(放缩)工具可以放大或缩小文档;使用(抓手)工具则可以拖动页面。 12、网页中表格的宽度单位一般以(像素)为单位,也可用(百分比)来表示。 13、表格背景效果有两种设置,分别是(背景颜色)和(背景图案)。 14、跟踪图像用于辅助页面设计,可在(查看)对话框中设置。默认情况下,跟踪图像在 Dreamweaver编辑窗口是(可见),在浏览器中永远(不可见)。 15、标准表格又称为(html表格),它是用于 HTML页上显示(文字)以及(图像)和(表格数据)进行布局的强有力的工具。 16、 Dreamweaver 为用户提供了(左对齐)、 (右对齐)、 (居中对齐)、(两端对齐)四

《网页制作》复习题(含“答案”)

《网页制作》复习题(含某人的“答案”) 写在前面:资料来源于互联网和本人对这本书的理解,不一定准确,仅供参考。需配合教材使用。各题所对应的页码数待确认。如内容有误,请指出。 预祝大家网页设计与制作考试取得佳绩。 第1章网页制作概况 网页的概念 网页是用HTML(超文本编辑语言)语言编写,通过WWW传播,并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。 网页HTML文件与web浏览器间的关系理参照P5 首页和主页的异同点 首页与主页的区别:浏览网站时最先访问的页为首页,一般为欢迎信息,通过链接再进入主页(例如:榕树下网站)。主页是整个网站的导航中心(例如:163网站)。有些网站首页即主页。 网页制作的常用工具软件有哪些 FrontPage、网页制作三剑客(Dreamweaver与Flash、Fireworks并称为Macromedia的网页制作三剑客)、Photoshop …… 网页正文区和文件头的位置关系,文件头内的唯一一个必须出现的标记是哪一个标记?Title标记 HTML文件的基本框架: 文件开始 表头区开始 ….标题区 表头结束 本文区开始(注:书上写本文区,本人认为应是文本区,待确认) 本文区内容(注:书上写本文区,本人认为应是文本区,待确认) 本文区结束(注:书上写本文区,本人认为应是文本区,待确认)

文件结束 单标记和双标记的概念,HTML标记中哪些是单标记,哪些是双标记?P5起 单标记指令(由<标记指令>构成),如:、


…… 双标记指令(由<起始标记>构成),如:< HEAD > …… 注释语句的含义,其正确书写格式 HTML标记的常用属性的含义,例如大小尺寸、对齐方式、颜色值属性的书写方式 在HTML文件中实现换段和强制换行的不同,及分别使用哪个标记 段落标记(

)与换行标记(

是HTML格式中特有的段落元素。在原始文件中的

,指出在这儿告一段落,下面的文字另起一段。 另外一个类似的标记元素是

这个标记用来标识一个换行动作,相当于字处理文件中的按回车键的功能。在HTML文件中可以用它来调整行间距。在处理类似诗歌式的语句时常常用到。 语法格式:

文本 文本
HTML中的常用标记的对应名称 插入多媒体对象的HTML语句的正确格式P13-15 参考1.2.5图像与多媒体标记(个人认为)无序列表的相关知识P9 参考1.2.3列表显示1.无序列表(UI) 有序列表的相关知识P9-P10 参考1.2.3列表显示2.有序列表(OI) 表格标记的相关知识P11-P13 参考1.2.4表格标记 超链接语句的相关知识P15 参考1.2.6超链接标记 第2章DW网页制作基础 如果想更改工作区,可以使用“编辑”菜单中的什么命令切换到一种不同的工作区? 首选参数(P22) Dreamweaver站点的概念和特点(P29起) 一种组织所有与Web站点关联的文档的方法 通过在站点中组织文件,可以与FTP一起利用Dreamweaver将站点上传到Web服务器、自动跟踪和维护链接、管理文件以及共享文件。 除非定义站点,否则不能充分利用Dreamweaver的功能。 设置Dreamweaver站点的方法不止一种

高层超高层电梯的配置

高层超高层电梯的配置 在超高层建筑中,快速、高效、平稳的垂直服务是不可缺少的。电梯作为垂直交通工具,对其数量的配置、控制方式及有关参数的选定将不仅直接影响建筑物的一次投资一般电梯投资约占建筑物总投资的10%左右),而且还将影响建筑物的使用安全和经营服务质量。在建筑物内,恰当地选用电梯的台数、容量、运行速度、控制方式非常重要,而建筑物内的电梯一经选定和安装使用就几乎成了永久的事实,以后若想增加或改型非常困难,甚至是不可能的了,因此,在设计中应该在设计开始时对电梯的配置应予以充分重视。 现代超高层建筑大都在100 层左右,建筑内人口流动大,纵向交通主要依赖电梯,有效设计超高层建筑的电梯的关键是运用各种局部电梯进行服务,并把局部区域电梯系统组织起来。通往这些局部区域,通过由地面始发站至局部区域的空中候梯厅之间的快速穿梭电梯进行服务,乘客到达空中候梯厅后再换乘区间电梯。为了能够将乘客以最快的速度运送到达目的地,一般以建筑每30~35层为一局部区域。常规超高层大厦(100层)电梯配置如图1所示。

图1 常规超高层大厦(100层)电梯配置 在配置超高层电梯应注意以下几点: 1.单组电梯的可行的电梯限制数是8台。 2.位于每一电梯楼层区域(办公楼)的上面楼层数不应超过15~16层(双层的是18~20层)。 3.典型办公楼电梯载重单层为:1350、1600和1800kg。双层为:1350/1350;1600/1600; 1800/1800kg。 4.典型空中走廊/观光层电梯载重量为2040; 2250; 2500kg。 5.电梯的垂直加速度在0.9~1.5m/s2。 6.电梯速度偏重于克服长行程;典型的无减速箱电梯速度是:2.5、3.5、4.0、5.0、6.0、 7.0、 8.0、 9.0、10.0m/s等。 7.牵引式电梯最长行程为600m。 二、高层超高层电梯的控制系统

《Dreamweaver网页设计》综合练习题(二)及答案

《Dreamweaver网页设计》综合练习题(二)及解答一、选择填空题(每空2分,共20分) 1.HTML 2.URL 3.ICP 4.SGML 5.CSS (_____)网络内容服务商 (_____)网络内容服务商 (_____)标准通用标记语言 (_____)统一资源定位符 (_____)超文本标识语言 答案: (___3_)网络内容服务商 (__5_)网络内容服务商 (__4_)标准通用标记语言 (___2__)统一资源定位符 (___1_)超文本标识语言 1.标签 2.标签

    3.标签 4.标签 5.标签
    (____)指定链接地址 (____)图片标记 (____)表单 (____)无序列表 (____)框架标记 二、单项选择题(每个题只有一个选项是正确的。每题3分,共45分) 1、如下所示的这段CSS样式代码,定义的样式效果是()。

    a:link {color: #ff0000;} a:visited {color: #00ff00;} a:hover {color: #0000ff;} a:active {color: #000000;} 其中#ff0000为红色,#00000为黑色,#0000ff为蓝色,#00ff00为绿色 A.默认链接色是绿色,访问过链接是蓝色,鼠标上滚链接是黑色,活动链接是红色B.默认链接色是蓝色,访问过链接是黑色,鼠标上滚链接是红色,活动链接是绿色C.默认链接色是黑色,访问过链接是红色,鼠标上滚链接是绿色,活动链接是蓝色D.默认链接色是红色,访问过链接是绿色,鼠标上滚链接是蓝色,活动链接是黑色答案: D.默认链接色是红色,访问过链接是绿色,鼠标上滚链接是蓝色,活动链接是黑色2、下图为Dreamweaver 8的新建文档页面,一般情况下,创建完全空白的静态页面应选择()。 A.基本页类别中的“HTML”选项 B.基本页类别中的“HTML模板”选项 C.动态页类别中的选项 D.入门页面中的选项 参考答案:A 3、在Dreamweaver 8中,设置超级链接的属性,目标设置为_top时,表示()。 A.新开一个浏览窗口来打开链接 B.在当前框架打开链接 C.在当前框架的父框架中打开链接 D.在当前浏览器的最外层打开链接 参考答案:D 4、在Dreamweaver 8中,下面的操作不能实现插入到下图浅黄区域一行的是()。 A.将光标定位在第三行单元格中,选择“修改”菜单下“表格”子菜单中的“插入行”命令B.在第三行的一个单元格中单击鼠标右键,打开快捷菜单,选择“表格”子菜单中的“插入行”命令 C.把光标定位在最后一行的第一个单元格中,将该单元格拆分为两行

    用WORD自已做一个干净的网页

    用WORD自已做一个干净的网页 看见有人顶,我就把自已详细的步骤写出来。 1.首先打开WORD文档,建好一个页面,在第一页上写上自已的网页分类,我写的是“我的网页”当然你可以写别的,开始时你可能想不那么全,这没关系。这是可以更改的。如附录2。 2.把按Ctrl的同时单击超链接来跟踪或打开超链接改成只通过单击就跟踪超链接。方法是:在“工具”菜单上,单击“选项”,再单击“编辑”选项卡。清除“用Ctrl + 单击跟踪超链接”复选框。 3.然后多建几张页面。就是多弄几张纸,并可插入页码。 4.接下来就是细分:把建好的页面中各分项起个详细的名字。比如我在“职业生活”下起的名字是“职业生活的详细网页”,在这一行的最后写上“回首页”。当然你可以在这一张的开头写为“回首页”。然后把它设为一张。下面依次排好。 5.然后把你建好的页面连同详细页面全选上,设置好字体及字号。然后单击“格式”找到“样式和格式”单击它。这时你的页面所用字体及字号等情况就会在“样式和格式”中显示出来。当然你如果不满意也可以单独调整。 6.接下来就是选中“我的网页”中各分项如“职业生活”然后击右键就可以看见“超链接”。然后单击它。会出现下面的页面:

    选中“本文档中的位置“。选中“职业生活的详细网页”。点击“确定”。第一个超链接是不是做好了。接下来一个一个做好就可以了。主要是重复动作。我只能做到这样,不知哪个高手可以指点一下,直接就“OK”的。 7.接下来回首页就不用说了吧。道理是一样的。 8.如果你你觉得麻烦的话,直接把我做好的网页下载下来改一改,改成自已的习惯就行了。 9.到此基本上就可以了。如果你觉着还不详细的话可以参看下面的附录1或者看WORD中的帮助。慢慢就会“OK”的。

    用表格做网页

    用表格做网页,表格在网页制作中有着举足轻重的地位,很多网站的页面都是以表格为框架制作的,这是因为表格在内容的组织、页面中文本和图形的位置控制方面都有很强的功能,灵活、熟练地使用表格,会使你在网页制作中如虎添翼。 插入第一个表格 我们看一下这个网页,虽然看起来很复杂,但主要是利用表格制作的。去掉文字和图形,可以看到其表格框架为下面这个样子。 下面我们就利用表格制作这个网页。启动Dreamweaver后,自动产生一个空文档。我们先来定义网页尺寸,不同的分辨率所查看的网页最终结果是不一样的,为了照顾更多的上网者,我们设置640×480分辨率(图3),单击状态栏上的窗口尺寸箭头,在弹出的列表中选择“600×300 (640×480),Maximized”,窗口就小了,做出的网页在640×480分辨率下会显示正常,编辑区大小为600×300,我们编辑的网页宽度就定为600,高度可以大些,在浏览器中显示时会有竖直滚动条。设置页面尺寸我们看一下网页的布局,共有三个主要表格,最上面的表格放置logo图标和banner广告条,中间的表格为主要栏目切换条,最下面的表格为网页正文。根据网页布局,我们先来制作最上面的表格。单击“对象面板”中的插入表格图标,弹出“Insert Table”对话框。设置行数(Rows)为1,列数(Columns)为2,表格宽度(Width)为590Pixels,表格线宽度(Border)为0,另两个选项“Cell Padding”表示表格内文本与表格线的距离,“Cell Spacing”表示表格单元格之间的距离,这里我们不做设置,单击“OK”,表格就插进来了。 “插入表格”对话框 将光标定位在表格的第一个单元格内,可以看到状态栏左侧的标签选择器处显示为 “{body}{table}{tr}{td}”,其中table表示表格,tr表示表格中的行,td表示单元格,现在td被加粗显示,说明光标处在单元格内。单击一下{table},标签选择器处显示为“{body}{table}{tr}{td}”(图5),再看编辑区内的表格,表格周围为一圈黑线,表示表格被选中了,四周还有几个黑色的小方块,是表格拖放手柄,可以用来改变表格的大小。用标签选择器选择表格选中表格后,我们查看一下属性面板,可以看到刚刚设置的一些表格属性,行数(Rows)为1,列数(Cols)为2,表格宽度(W)为590Pixels。以后要改变表格的属性,就可以在属性面板中进行了。 表格的属性面板 按Ctrl+S,将此文件保存在D盘myweb文件夹下。 接下来我们在表格中插入图形。在第一个单元格内单击,然后按下Ctrl+Alt+I键,弹出插入图片对话框,选择事先做好的logo图片,单击“Select”,图片就插到第一个单元格中了。

    如何用Word制作个人简历

    如何用Word制作个人简历 Office软件 2010-11-09 21:30:49 阅读208 评论0 字号:大中小订阅 具体步骤如下:★初始化页面 新建一个Word文档,按“Ctrl+S”快捷键将其保存为“个人简历”。 执行菜单栏上的【文件】【页面设置】命令,打开【页面设置】对话框。 单击【页边距】标签,打开【页边距】选项卡,在【页边距】选项区域中将上、下、右边距设为 2.4厘米,左边距设为边3厘米。单击【确定】按钮完成页面设置。 ★为表格添加标题 输入标题内容“个人简历”。 在标题下一行29字符处双击鼠标,输入内容“填表日期:”。这是Word的即点即输功能,它能从我们指定的位置按我们指定的对齐方式输入文本。这里是在29字符处插入一左对齐制表位,如 下图所示。 选中标题,设置标题的字体为宋体、小二、加粗、加下划线,且居中对齐。 选中标题,执行菜单栏上的【格式】【调整宽度】命令,打开【调整宽度】对话框。在【调整宽度】对话框中设置新文字宽度为:8字符。如下图所示。

    ★插入表格 单击菜单栏上的【表格】【插入】【表格】命令,打开【插入表格】对话框,在【列数】和【行数】文本框中分别输入2列和14行,如下图所示,然后单击【自动套用格式…】 按钮。 打开【表格自动套用格式】对话框。在【表格样式】下拉列表框中选择典雅型样式,如下图所示。单击【确定】按钮返回【插入表格】对话框。

    单击【确定】按钮,此时表格以所选择的样式插入到页面中。 也可以在插入表格后,单击菜单栏上的【表格】【表格自动套用格式】来选择表格的样式。 ★修改表格结构 将指针停留在两列间的边框上,指针变为,向左拖动边框到合适的宽度。我们可以事先在第一列中输入文本“应聘职务”,拖动边框时以能容纳完此文本的宽度为准。如 下图所示。

    Dreamweaver网页设计题

    网页设计 1.打开Dreamweaver8窗口后,如果没有出现属性面板,可执行(窗口)菜单中的“属性”命令将其打开。 2.在站点中建立一个文件,它的扩展名应是(HTM )。 3.如果不想在段落间留有空行,可以按(Shift + Enter )组合键。 4、在网页中连续输入空格的方法是(按下Ctrl+Shift键再连续按空格键)。 5、按(F12 )键可以在浏览器中预览页面。 6、网页代码可以分为两个部分,一个部分是头部信息,另一部分是网页的(主体部分)。 7、(文档)窗口是指中间的白色大块区域,用来显示当前创建和编辑的文档。 8、打开Dreamweaver 8窗口后,如果没有出现站点浮动面板。可执行窗口菜单中的(文件)命令将其打开。 9、网页的正文部分用代码( )标记。 10、在网页中不能添加的元素是( D ) A、文字、图像 B、表格、动画 C、声音视频 D、纸张等实物 11、下面不属于“页面属性”中可以设置的内容( D) A、外观 B、链接 C、跟踪图像 D、首选参数 12、网页标题的标记是( ) 13、空格的标记是( ) 14、设置背景图片的属性是(background ) 15、下列(B )方法无法添加网页标题 A、在HTML代码中添加网页标题 B、在文档窗口中添加网页标题 C、在网页属性中添加网页标题 D、在文档工具栏中添加网页标题 16、新建文档之后,默认情况下,属性面板显示的是(文本属性)。 17、下面哪个功能不是开始页能够完成的操作(D )。 A、创建新网页 B、创建新网站 C、打开网页文档 D、删除网页文档 18、在下面的选项中哪种不属于网页设计的范围? ( C) A、页面内容设计 B、网页架构设计 C、服务器设计 D、LOGO设计 19、试题编号:080320401002700,答案:b。 规划站点的目的是(对网页与素材分门别类的存放,便于管理,提高工作效率)。 20.用下面哪种方法能退出Dreamweaver(Alt+F4 )。 21、网页默认的字体、字号是(宋体、12号) 22、要实现面板的快速显示与隐藏可以按下快捷键(F4 )。 23、下面的哪一项不属于网页标准色的三大色系?(D ) A、蓝色 B、黄/橙色 C、黑/灰/白 D、绿 24、。若要使后面的内容隔一行显示,应使用(
    标记)标记。 25、设置网页正文字体的大小为9磅,下列正确的单位是(pt )。 26、下面文件属于静态网页的是 ( C )。 A、index.asp B、index.jsp C、index.html D、index.php 27、如果正在编辑的文件没有存盘,系统在文件名上加上(* )符号提示用户。 28、定义站点时,存放网页的默认文件夹为( C盘根目录)。 29标记必须包含在( )标记中。 30、表格的宽度和高度可以通过浏览器窗口百分比或者使用绝对(像素)值来定义。 31、选择多个非连续单元格,只要按下(ctrl )键,依次单击要选择的单元格即可。 32、整个表格的html标记是(

    ) 33、下面选项中哪个不是单元格的水平对齐方式之一(A )。 A、两端对齐 B、默认 C、居中对齐 D、右对齐 34、以下说法正确的是( A ) A、如果要选择多个非连续的单元格,只要按下[Ctrl]键,依次单击要选择的单元格即可 B、表格一旦创建,单元格就不能被合并和拆分了 C、表格的列的宽度和行的高度不能重新设置 D、以上都正确 35、表格的行标记是( A ) A、tr B、td C、table D、tl 36、表格的单元格标记是( B ) A、tr B、td C、table D、th 37、不可以在插入表格时弹出对话框中设置的属性( C) A、行数 B、边框粗细 C、边框高度 D、列数 38、下列关于表格颜色的设置说法正确的是(D ) A、只能给表格设置背景颜色不能设置背景图片 B、不能对某一行设置背景颜色或背景图片 C、不能对一个单元格设置背景颜色或背景图片 D、可以对表格、行、单元格分别设置背景颜色或背景图片 39、下列不能创建表格的是( D ) A、单击[插入]菜单,选择[表格]命令 B、单击常用面板中的"表格"按钮 C、直接按ctrl+alt+t D、单击[文件]菜单,选择[表格]命令 40在属性面板中(边框 )是设置表格边框大小 41、下面哪些操作不可以在“文件”面板中完成( D )。 A、创建新文件 B、显示站点地图 C、文件的移动和删除 D、复制站点 42、若要在文档中添加一条水平线,应使用(
    标记)标记。 43、下列哪个内容不是表格的基本组成部分?(B ) A、行 B、图片 C、单元格 D、列 44、。单击任意一个标签就可以高亮显示文档窗口中的对应内容,如果选择( )标签,则选择了文档窗口中的表格。 45、Dreamweaver 8内置了格式化的表格库,执行(【命令】|【格式化表格】)命令可以应用。 46、在“水平线”属性面板中,不能设置水平线的(c )。 A、宽度 B、高度 C、颜色 D、阴影

    Dreamweaver网页制作教案

    认识Dreamweaver 一、学习目的 了解Dreamweaver,学会利用Dreamweaver制作网页。 二、学习内容 Dreamweaver的基本知识。 【学习步骤】 1、Dreamweaver的功能 Dreamweaver可以像普通的字处理软件一样编辑Internet上以HTML格式保存的所有文件, 也就是网页;它支持动态HTML,可以在网页中产生动画;还可以在网页中插入各种插件,以产生特殊效果。 Dreamweaver可用于管理站点,它像文件夹一样创建和打开站点,用不同的方式查看站点中各个网页之间的关系,调整站点的组织结构,使整个站点条理清晰。 2、Dreamweaver的窗口 (1)标题栏 (2)菜单栏 (3)工具栏 (4)视图栏 (5)文件夹列表 (6)工作区 3.网页工作区的三个视图方式选项 它们分别是“普通”、“HTML”“预览”,它们之间的相互切换十分容易实现的。 普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳体现,在此方式下,可以 像在Word中那样直接进行各种编辑操作,实现网页编辑的所有功能。

    HTML视图实际上是一个文本编辑器,其中给出了普通视图方式下所件网页的HTML代码。在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。对于HTML语言中的不同成分均用不同的颜色显示,这样比较容易区分各种语法成分。 为了在制作网页过程中能够随时查看网页的实际效果,Dreamweaver提供了预览视图方式。 4.安装dreameaver的方法 安装及注册 5.关闭dreameaver 6.保存网页的方法 三、小结 Dreamweaver的基本知识

    用Dreamweaver制作网页模板

    用DreamweaverCS4制作网页模板 一、制作模板 (1)在硬盘上创建一个——模板网页的文件夹,然后再该文件中新建一个名为images的文件夹,并将所需要图片复制到该文件中。 (2)打开DreamweaverCS4,创建一个HTML网页 (3)执行菜单中的“文件/另存为模板”命令,在弹出的“另存模板”对话框中设置参数单击“保存”按钮,则模板文件被保存在站点的Templates文件夹中,文件扩展名为.dwt。 (4)由模板生成的网页哪些地方可以编辑,是需要预先设定的。下面设定“navigator”和“content”两个可编辑区域。 (5)单击插入栏“常用”类别中的(可编辑区域)按钮,然后再弹出的“新建可编辑区域”对话框中输入名称,单击确定按钮,同理,制作content可编辑区域, (6)按(Ctrl+S)组合键保存模板。 二、应用模板 (1)执行菜单中的“文件/新建”命令,新建一个HTML网页。然后将其保存为inder.html。 (2)进去“资源”面板,单击(模板)按钮,然后选中刚才建立的网页,单击“应用”按钮,模板就被应用到了新的网页中。 (3)更新模板当模板进行了修改了以后,按组合键保存模板,出现所示的“更新界面”对话框,这样会大大提高工作效率。 三、模板给设计者带来的好处。 模板是在DreamweaverCS4中提供的一种机制,他能够帮助我们快速制作出一系列具有相同风格的网页。制作模板和制作普通网页相同,只是不把网页的所有部分都制作完成,而是只把导航栏和标题栏等各个网页共有部分制作出来作为模板中的不可编辑区域,把中间部分作为可编辑区域来放置网页的具体内容。

    网页设计与制作模板

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

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

    目录 第1章课程设计任务书 .................................. 错误!未定义书签。 一、课程设计题目设计个人网站主页............... 错误!未定义书签。 二、课程设计工作:................................... 错误!未定义书签。 三、课程设计的内容要求:............................. 错误!未定义书签。 1、课程设计要求.................................. 错误!未定义书签。 2、课程设计内容.................................. 错误!未定义书签。 第2章课程设计目的 .................................... 错误!未定义书签。 第3章课程设计内容................................... 错误!未定义书签。 设计一选题的基本原则................................. 错误!未定义书签。 (1)选题应反映本专业的培养目标,符合专业综合训练的要求。错误!未定义书签。 (2)选题要有利于深化所学的专业知识和拓展所学的知识面。错误!未定义书签。 (3)选题的难易程度和工作量要适当,保证在规定的时间内,在教师的指导下,经过努力能够完成。 设计二选题范围..................................... 错误!未定义书签。 设计三选材......................................... 错误!未定义书签。 设计四正确运用DW和Ps ............................. 错误!未定义书签。 设计五课程设计心得................................. 错误!未定义书签。 第4章课程设计步骤 .................................... 错误!未定义书签。 设计一查找相关资料................................. 错误!未定义书签。 设计二利用Ps进行切片.............................. 错误!未定义书签。 设计三利用DW编辑.................................. 错误!未定义书签。

    制作表格网页中动态效果的制作

    第二节制作表格——网页中动态效果的制作(第5课时) 教学目标: 1.知识目标 (1)理解动态网页与网页动态效果的区别。 (2)掌握网页动态效果的制作。 2.技能目标 掌握“插入”菜单中“组件”命令的使用,使得网页增添动态效果。 3.情感目标 通过学生自主学习网页动态效果的制作,形成积极、主动的学习气氛,激发学生的学习兴趣,培养学生的探究意识和创新能力。 教学重、难点: 1.重点:滚动字幕、交互式按钮等动态效果的制作与Flash的插入。 2.难点:各种效果对象的属性设置。 3.关键:动态效果制作中应图文并茂、色彩和谐、动静适宜。 教学方法:自主探究式学习、任务驱动式教学。 教学准备: 具有动态效果的网页,包括滚动字幕、交互式按钮和FLASH的插入 教学过程: 1.引入 老师打开静态网页和加有动态效果的网页,请学生感受它们的不同。学生观察、比较两张网页,指出它们的不同点。师生共同分析网页,引入新课的学习。 2.新授 任务1 滚动字幕的制作 教师巡视,个别给予指导。 学生完成任务后,展示作品,并演示操作。小结设置滚动字幕的关键点: 文本的大小、字体、颜色等。 表现方式。 运动方向。 背景色的设置。 任务2 交互式按钮的制作 教师巡视,个别给予指导。 学生展示作品,演示操作,小结制作交互式按钮的关键点: 按钮文本的设置。 按钮的颜色、背景色以及效果等。 图片按钮。 任务3 网页中插入一个Flash动画 教师巡视,个别给予指导。 学生展示作品,演示操作,小结插入Flash动画的关键点: Flash显示窗口的大小调整。 预览模式下才能看到Flash效果。 插入Flash后的网页保存。 学生参照教材内容完成网页动态效果制作,并比较分析其他同学的作品,对照自己的作品加以完善。

    用Word制作试卷步骤

    用W o r d制作试卷步骤公司内部编号:(GOOD-TMMT-MMUT-UUPTY-UUYY-DTTI-

    在Word中制作试卷操作步骤 一、制作试卷头 所谓的试卷头,也就是密封线和其以外的内容。 1.新建一个Word文档,选择“文件”菜单下“页面设置”命令,在弹出的对话框中选“纸型”标签,设定纸张大小为16开纸,然后选择“页边距”标签进行如图1所示的相应设置(包括设置页边距和方向) 图1 页面设置 2.选择“格式”菜单下的“分栏”命令,在弹出的对话框中选择二栏式,

    去掉“栏宽相等”前的选择,如图2所示。 3.现在开始进行试卷的卷头制作:在页面的第一栏中敲4、5个回车(按自己的要求调整),然后输入“名”,再下一行输入“姓”,选中这两个字,单击“格式”下的“中文版式/纵横混排”命令,在弹出的对话框中单击“确定”按钮,现在这两个字已变成横写的“姓名”了,如图3所示。 图2 分栏设置 图3 试卷头 4.在姓名后或其他回车符号后加空格,输入“线”字,用上一步的方法把“线”字也变成横排(这个方法很重要,如果单纯使用“格式/文字方向”命令,其他栏的内容也会随之变化)。 5.单击“插入/图片/自选图形”,在弹出的工具栏内选中直线工具(或直接单绘图工具栏上的直线工具),在姓名上方画上适当长度的直线,在“线”字上面也画上直线,在其他相应的位置上也画上直线,这样试卷头就完成了,可以将其存为模板。 二、制作试卷体

    制作完试卷头,接下来就可以在第二栏输入试题了,如“XX学校”、“XX 试题”,然后在试卷前加上题号和分数、总分的表格。这一步操作容易实现, 略。 图4 试卷体中的标题部分 三、第二页及其以后页的制作 第二页及其以后各页与第一页的主要区别在于没有了分栏效果,全部用于试题内容的编辑,此时 1.将插入点定位于第一页结束处,单击“插入/分隔符/分节符(连续)”,将文档分成2个节。 2.取消第2节的分栏效果。将插入点定位于第2节内,单击“格式/分栏”,在弹出的“分栏“对话框中选择“一栏”。 四、设置页眉和页脚 注意要选择当前视图为“页面视图”

    Dreamweaver网页设计题库全(有答案)

    网页设计复习试题(理论) 一、选择题 1、在网页中不能添加的元素是(D) A、文字、图像 B、表格、动画 C、声音视频 D、纸张等实物 2、下面不属于“页面属性”中可以设置的内容(D) A、外观 B、链接 C、跟踪图像 D、首选参数 3、下列 (B )方法无法添加网页标题 A、在 HTML代码中添加网页标题 B、在文档窗口中添加网页标题 C、在网页属性中添加网页标题 D、在文档工具栏中添加网页标题 4、下面哪个功能不是开始页能够完成的操作(D)。 A、创建新网页 B、创建新网站 C、打开网页文档 D、删除网页文档 5、在下面的选项中哪种不属于网页设计的范围? ( C ) A、页面内容设计 B 、网页架构设计 C、服务器设计 D、 LOGO设计 6、下面的哪一项不属于网页标准色的三大色系?( D) A、蓝色 B、黄/橙色 C、黑/灰/白 D、绿 7、下面文件属于静态网页的是( C )。 A、 index.asp B、 index.jsp C、 index.html D、 index.php 8、下面选项中哪个不是单元格的水平对齐方式之一( A )。 A、两端对齐 B、默认 C、居中对齐 D、右对齐 9、以下说法正确的是(A) A、如果要选择多个非连续的单元格,只要按下[Ctrl]键,依次单击要选择的单元格即可 B、表格一旦创建,单元格就不能被合并和拆分了 C、表格的列的宽度和行的高度不能重新设置 D、以上都正确 10、表格的行标记是(A) A、 tr B、td C、 table D、tl 11、表格的单元格标记是(B) A、 tr B、td C、 table D、th 12、不可以在插入表格时弹出对话框中设置的属性( C ) A、行数 B、边框粗细 C、边框高度 D、列数 13、下列关于表格颜色的设置说法正确的是(D) A、只能给表格设置背景颜色不能设置背景图片 B、不能对某一行设置背景颜色或背景图片 C、不能对一个单元格设置背景颜色或背景图片 D、可以对表格、行、单元格分别设置背景颜色或背景 图片 14、下列不能创建表格的是( D ) A、单击 [ 插入 ] 菜单 , 选择 [ 表格 ] 命令 B、单击常用面板中的" 表格 " 按钮 C、直接按ctrl+alt+t D、单击[文件]菜单,选择[表格]命令 15 、下面哪些操作不可以在“文件”面板中完成(D)。 A、创建新文件 B、显示站点地图 C、文件的移动和删除 D、复制站点 16 、下列哪个内容不是表格的基本组成部分?( B ) A、行 B、图片 C、单元格 D、列 17 、在“水平线”属性面板中,不能设置水平线的(c )。 A、宽度 B、高度 C、颜色 D、阴影 18 、在表格属性面板中,不能设置表格的(B )。 A、边框颜色 B、文本的颜色 C、背景图像 D、背景颜色 19 、( A )的易用性以及几乎所有的浏览器所支持的特征是其他网页布局方法所取 A、表格 B、框架 C、层 D、表单 20 、除了(D)格式,其他三种图像格式都是应用于网络。 A、 GIF B、JPEG C、 PNG D、MP3 21 、在制作文本超链接时,建立了超链接的文本(C)发生了变化,并且多 A、字体 B、大小 C、颜色 D、位置 22 、以下能够创建空链接是( A ) A、在”链接“文本框中直接输入“#” B、在”链接“文本框中直接输入“! C、在”链接“文本框中直接输入“$”D 、在”链接“文本框中直接输入“ @”以下是 Dreamweaver MX 热点工具的是( D ) A、矩形热点工具 B、圆形热点工具 C、多边形热点工具 D、以上三个都是 24、下列的哪种图像格式不能插入到网页之中( D )。 A、 GIF B、 JPEG C、 PNG D、 BMP 25、源端点不能用于附加超链接的对象组有( B )。 A、文本、图像、按钮 B、文本、图像、单元格 C、文本、图像、 FLASH动画 D 、文本、图像、图层 26、通过页面属性可以修改链接的样式,下列哪些不能在页面属性里设置( A、链接的各种状态颜色 B、链接的文字样式 C、链接的下划线 D、链接文字的底纹样式 27 、下列路径中属于绝对路径的是( A )。 A、 https://www.360docs.net/doc/5e99193.html,/index.html B、/student/webpage/10.html C、 10.html D、webpage/10.html 28 、占位图像的名称必须以字母开头,且只能包含字母和( A )。 A、数字 B、汉字 C、下划线 D、空格 29 、在 dreamweaver 中可以直接制作(C) A、视频 B、音频 C、 flash按钮 D、以上都不对 第

    相关文档
    最新文档