网页制作讲稿第8章
第8章 演讲 《商务沟通》PPT课件
或行动措施提供参考。 6.激励型——目的是激励听众,鼓励人们采取行动。 7.娱乐型——目的就是娱乐,通过创造轻松愉快的气氛来影响听众的态
度和行为。
8.2 演讲的准备
8.2.1 明确目的,分析听众
1.明确演讲目的 2.分析演讲听众
1.服饰 2.风度 3.神态
பைடு நூலகம்
8.5 视觉辅助工具设计和使用
8.5.1 视觉辅助工具的选择和准备
黑白书写板 实物 模型 文字或图表材料 多媒体工具
8.5.2 视觉辅助工具的设计
1.视觉辅助工具设计的一般技巧
(1)列出演讲内容的议程图表 (2)列出证据支持图表 (3)使用适当的标题说明 (4)做好图片之间的连接
2.开场白的表达方法和技巧
(1)提问。 (2)摆事实。 (3)制造悬念。 (4)引用名人名言。 (5)讲故事。 (6)展示实物。
8.3.2 演讲主体内容
1.演讲主体内容的组织 (1)演讲内容顺序必须与前面预告次序一致。 (2)要限制主要论点的数量。 (3)要注意不同内容和论点之间的过渡、连接和转折。 (4)要做阶段性小结。 (5)准备更多内容是必要的。
3.机智快速地应答听众提问
(1)充分准备可能的提问 (2)仔细聆听听众提问 (3)有效地控制听众提问的场面 (4)掌握回答不同类型问题的技巧
1)要根据提问目的和动机,决定回答方式 2)没有必要回答所有问题或给出全部答案 3)避免用简单的“是”“非”方式来回答问题
8.4.3 演讲中的仪态
2.投影图片的设计原则
简单明了。 字体大,内容逻辑性强。
3.图片版面的设计
(1)简洁明了 (2)易读易懂
网页设计课件第8章
创建层
层的首选参数设置 层的建立 层的嵌套
《中文Dreamweaver 8网页设计教程》
层的首选参数设置
在新建层之前,通过“首选参 数”对话框中的“层”选项来设 置层的默认属性。
《中文Dreamweaver 8网页设计教程》
层的建立
将插入点放置在“文档”编辑窗口中,然后 选择[插入] [布局对象] [层]菜单命令将自动 在插入点插入一个层。 在“插入栏”的“布局”插入栏中单击“绘 制层”按钮,拖动鼠标绘制一个层。 在“插入栏”的“布局”插入栏中单击“绘 制层”按钮,在文档编辑窗口中单击鼠标可 绘制一个层。 在“插入栏”的“布局”插入栏中单击“绘 制层”按钮,按住【Ctrl】键并拖动即可连 续绘制多个层。
《中文Dreamweaver 8网页设计教程》
层与表格的相互转换 将层转换为表格 将表格转换为层
《中文Dreamweaver 8网页设计教程》
将层转换为表格
层和表格都是对网页进行精确定位的工具, 用层定位比表格定位使用起来更加方便,但层 只有在Internet Explorer 4.0或Netscape Navigator 4.0以上的版本中才能够正确显示。表格对浏览 器的版本高低没有要求,如果要使设计的网页 在更低版本的浏览器中也能被正确显示,那么 可将用层设计的网页转换为表格形式。
设置单个层的大小 设置多个层的大小
层属性的设置
设置单个层的属性 设置多个层的属性
《中文Dreamweaver 8网页设计教程》
设置单个层的大小
在文档编辑区选择一个层,在出现的调整柄上按住鼠 标左键不放并拖动,当调整到适当的大小时释放鼠标 即可。 在文档编辑区选择一个层,按住【Ctrl】键的同时再 按键盘上的方向键即可按一次1个像素的步幅来调整 层大小。 在文档编辑区选择一个层,按住【Shift+Ctrl】键的同 时再按键盘上的方向键即可按一次10个像素的步幅来 调整层大小。 在文档编辑区选择一个层,以像素为单位在属性面板 中输入宽度和高度的值。
Dreamweaver8和Flash8案例教程》第8章中文Flash8基础PPT课件
4
Print 打印 将当前编辑的Flash图像打印输出
5
Cut
剪切 将选中的对象剪切到剪贴板中
6
Copy 复制 将选中的对象复制到剪贴板中
7
Page 10
Paste 粘贴 将剪贴板中的内容粘贴到舞台工作区内
序号 图标 英文名 中文名
作用
8
Undo
撤销
撤销刚刚完成的操作
续表
9
Redo
重做
重新进行刚刚被撤销的操作
文本工具
T 用来输入和编辑字符和文字对象
7
Oval
椭圆工具
8-1
Rectangle
Page 14
矩形工具
O
用来绘制椭圆形或正圆形的轮廓线或有填 充的矩形矢量图
R
用来绘制矩形或正方形的轮廓线或有填充 的矢量图
序号
图标
英文名
中文名
热键
续表
作用
8-2
Polygon
多角星形工具
R
用来绘制多边形和多角星形轮廓线或有填充的 多边形和多角星形矢量图
10
Snap to Object
对齐对象
可使编辑时进入“对齐”状态。此时,绘制图形、移动对象都 可以自动对齐到对象、网格或辅助线,但不适合于微量调整
11
Smooth 平滑
可使选中的曲线或图形外形更加平滑,多次单击具有累积效果
12
Straight en
伸直
可使选中的曲线或图形外形更加平直,多次单击具有累积效果
13
Rotate
旋转与倾 斜
可改变舞台中对象的旋转角度和倾斜角度
14
Scale
缩放
可改变舞台中对象的大小尺寸
网页制作课件ch8
8.4 层的基本操作
8.4.7 对齐层
“修改”->“排列顺序”菜单 选择多个层
17
第8章 在Dreamweaver8中使用层丰富网页
8.4 层的基本操作
8.4.8 设置Z轴坐标
在浏览器中,Z坐标值较大的层出现在Z坐标值较小 的层的上面。可以通过如下方法改变层的Z坐标值。 (1)将层“属性”检查器上的“Z轴”文本框中的 数值改为其他数值,即可设置层的叠放层次。 (2)在“层”面板中的“Z”列,单击所要改变叠放 层次的层的Z值,该数值就处于可修改状态,重新输 入新的数值即可改变层的叠放层次。
18
第8章 在Dreamweaver8中使用层丰富网页
8.4 层的基本操作
8.4.9 设置层的背景
表格可以使用背景图像和背景颜色,层同表格一样也使用背 景图像和背景颜色。 在层“属性”检查器上的“背景图像”文本框中直接输入背 景图像的存放路径,弹出“选择图像源文件”对话框。在该 对话框中选择一幅背景图像,单击“确定”按钮,即可为层 添加背景图像。 在层“属性”检查器上,单击“背景颜色”后的 按钮,在弹 出的调色板中选择一种合适的背景色(或者直接在该文本框 中输入背景色的色码),则可为层设置背景色。如果将此选 项设置为空白,则可以指定透明的背景。 同网页和表格一样,添加背景图像或者设置背景色之后,并 不妨碍在层中插入文本或图像等元素对象。
“层”面板
15
第8章 在Dreamweaver8中使用层丰富网页
8.4 层的基本操作
8.4.6 更改层的名称
默认状态下,建立第一 个层的名称为Layer1, 建立第二个层的名称为 Layer2,以此类推,可 通过“层”面板和“属 性”检查器更改层的名 称。
dreamweaver8网页设计教程
《dreamweaver8网页设计》目录第一章遨游DREAMWEA VER8精彩世界1第二章创建与规划站点3第三章文本及其格式化10第四章表格13第五章图像15第六章框架18第七章页面布局视图的使用21第八章链接24第九章层与时间轴 28第十章表单32第十一章行为35第十二章制作动态页面38第十三章代码片断、库项目和模板 42第十四章网页的制作45第十五章网站的测试与上传49第十六章使用FIREWORKS 8处理网页图像 52第一章遨游Dreamweaver8精彩世界课题:Dreamweaver8简介及创建文档一、教学基本内容1、Dreamweaver8 的工作界面2、建立html文档二、课型:新授课三、课时:2个课时四、教学重点与难点重点:熟悉Dreamweaver8工作界面中各个工具的作用难点:1、各个面板的调用2、建立一个HTML的网页3、插处图像五、教学目的1 、对Dreamweaver这个制作网页的工具及网页有一定的认识,激发学生学习网页设计的兴趣2、一定要学会建立一个空白网页3、会对页面有一个简单的设置六、教学过程1、引入(1)为什么要用Dreamweaver而不用Frontpage?Dreamweaver是Macromedia公司的出品,它以程序小、运行速度快、所制作网页代码少这些优点,赢得了网页制作人员的喜爱。
(2)相关工具的介绍因为这是第一节网页制作课,所以首先要简单介绍下制作网页的一些相关工具,比如与Dreamweaver合称为网页三剑客的Flash和Fireworks。
2、讲授新课(1) Dreamweaver的界面a.文档窗口:主菜单、工具栏、底部启动条、文档编辑区b.对象面板:标准、表格、表单、框架、特殊、文件廷冖隐藏、字符c.启动面板:站点管理、代码检查、HTML样式、CSS样式、行为、历史记录、资源管理d.属性面板:随目前对象不同而内容不同(2)创建HTML网页(3)在网页中插入图像输入文字以后,插入图像,并对图像设置对齐的方式,使之与文字呈混排的状态。
网页设计课件第8章
《网页设计与制作》
17
8.7 按钮、动画和行为 8.7.1 按钮 按钮是网页的重要组成元素之一,在网页中发挥着十分重要的作用。它主要起 着两个作用:第一是起到提示性的作用,用提示性的文本或者图形来告诉 浏览者单击后会有什么作用,这样的按钮可以是静态的图片,主要是让浏 览者了解单击它起到什么作用,甚至可能仅仅是一个小的较为美观的图片。 第二是动态响应的作用,即指浏览者在进行不同的操作时,按钮能够呈现 出不同的效果,响应不同的鼠标时间。起这样作用的按钮在一般情况下有4 个状态,即释放、滑过、按下或按下时滑过,它们的具体含义为: 释放状态:按钮默认的状态,当鼠标的指针没有指向按钮时,按钮就显示为这 种状态。 滑过状态:当用户将鼠标指向按钮但没有按下鼠标时的状态。此状态提醒用户 单击鼠标时很可能会引发一个动作。 按下状态:当用户将按钮按下时显示的状态。 按下时滑过状态:指在按钮被按下后,再在其上移动鼠标时的状态。 Fireworks 8提供了强大的按钮制作功能,用户可以新建也可以调用库来制作出 各种各样的按钮,可以通过使用按钮编辑器来快速变换按钮上的文字,使 得用户能够批量制作按钮,从而轻松制作有动态效果的导航栏。 1.创建动态按钮 2.编辑按钮 3.为按钮添加URL链接 4.导出按钮ຫໍສະໝຸດ 《网页设计与制作》13
3.滤镜的使用 滤镜可为位图添加特殊效果,该效果可应用于整个图像也 可以应用于图像中的一个部分。对图像进行滤镜操作可 在滤镜菜单中实现,在Fireworks 8中提供了7组滤镜, 下面介绍一个“缩放模糊”滤镜效果的制作。
《网页设计与制作》
14
8.5.4 图片效果的运用 下面介绍一个非常实用的例子:利用Fireworks制作照片 连续滚动效果。
10
8.5.2 对位图的编辑 位图格式的图像使用点来记录文件信息,每个点被称为一个 像素,无数个点组合在一起就形成了一幅图像。当将位图 放大时,如果放大一倍,1个点就变成了4个点,这样就会 出现通常所说的马塞克现象,使图像变得模糊和不清晰。 位图的这种记录方式适合用来表达色彩丰富的图形,常用 的位图图像格式有JPG、GIF、BMP等。基于上述原因, 矢量图常常被用于显示一些较“干净”的图形(即没有太 高的精确要求)、卡通动画、文本等。而那些对精度要求 较高及不太适宜用数学计算来表示的图形(如自然风景照 片等)就要用到位图了。 绘制位图图形的工具主要分布在工具箱中的位图部分,位图 工具主要包括刷子工具和铅笔工具,如图8-42所示。 图8-42 位图工具 下面用一个小例子来说明利用Fireworks 8是怎么进行位图编 辑的。 【例8-2】羽化图片。
Dreamweaver8网页全教案
网页制作基础(Dreamwaver 8 教程)第一章Dreamweaver8.0的操作环境第一天的内容可能让你觉得枯燥乏味,不过,“工欲善其事,必先利其器”,让我们一起来理解Dreamweaver8的操作环境,完成站点的创建。
一、Dreamweaver8 的操作环境在首次启动Dreamweaver8时会出现一个“工作区设置”对话框,在对话框左侧是Dreamweaver8的设计视图,右侧是Dreamweave 8的代码视图。
Dreamweaver8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。
我们选择面向设计者的设计视图布局。
在Dreamweave 8 中首先将显示一个起始页,能够勾选这个窗口下面的“不在显示此对话框”来隐藏它。
在这个页面中包括“打开最近项目”、“创建新项目”“从范例创建”3个方便实用的项目,建议大家保留。
新建或打开一个文档,进入Dreamweaver8的标准工作界面。
Dreamweaver8的标准工作界面包括:标题显示、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和浮动面板组。
1、标题显示栏启动Macromedia Dreamweave 8后,标题栏将显示文字Macromedia Dreamweave 8.0,新建或打开一个文档后,在后面还会显示该文档所在的位置和文件名称。
2、菜单栏Dreamweave 8的菜单共有10个,即文件、编辑、视图、插入、修改、文本、命令、站点、窗口和协助。
其中,编辑菜单里提供了对Dreamweaver菜单中[首选参数]的访问。
文件:用来管理文件。
例如新建,打开,保存,另存为,导入,输出打印等。
编辑:用来编辑文本。
例如剪切,复制,粘贴,查找,替换和参数设置等。
查看:用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。
插入:用来插入各种元素,例如图片、多媒体组件,表格、框架及超级链接等。
修改:具有对页面元素修改的功能,例如在表格中插入表格,拆分、合并单元格,对其对象等。
网页设计教程Dreamweaver电子课件第8章
课堂练习8.7 使用重定义HTML样式来定义整个文档的背景
8.2.2 本文档内重定义HTML样式
8.2 本文档内的样式
课堂练习8.8 使用重定义HTML样式来定义标题文本
8.2.2 本文档内重定义HTML样式
8.2 本文档内的样式
8.2.3 本文档内CSS选择器样式
8.2 本文档内的样式
8.2.3 本文档内CSS选择器样式
8.4 CSS文件中的样式
5.定义表单元素的样式
8.4.1 CSS文件中的重定义HTML样式
8.4 CSS文件中的样式
8.4.1 CSS文件中的重定义HTML样式
8.4 CSS文件中的样式
8.4.1 CSS文件中的重定义HTML样式
8.4 CSS文件中的样式
6.设置页面中的滚动条
8.4.1 CSS文件中的重定义HTML样式
8.2.1 本文档内自定义样式
8.2 本文档内的样式
课堂练习8.1 设置本文档内的自定义样式
8.2.1 本文档内自定义样式
8.2 本文档内的样式
2. 背景
8.2.1 本文档内自定义样式
8.2 本文档内的样式
课堂练习8.2 给表格设置背景图片
8.2.1 本文档内自定义样式
8.2 本文档内的样式
3.区块
8.2.1 本文档内自定义样式
8.2 本文档内的样式
课堂练习8.3 设定左侧单元格中文字的格式
8.2.1 本文档内自定义样式
8.2 本文档内的样式
4.方框 5.边框
8.2.1 本文档内自定义样式
8.2 本文档内的样式
课堂练习8.4 给文本框设定边框
8.2.1 本文档内自定义样式
8.2 本文档内的样式
网页设计与制作Dreamweaver8网页设计培训课件
第一页
工具栏下面的区域是“网页编辑区 上一页 域”,在Dreamweaver 8启动时显示一个
“起始页”,其中包括“打开最近项目”、 下一页 “创建新项目”、“从范例创建”三个较
方便使用的项目。选中任意项,出现“网
最后页
页编辑窗口” ,则“网页编辑区域”就会 退出 出现“网页编辑窗口”,用户可以在文档
开网页的话,在后面还会显示该网页的一些信息, 下一页 如网页标题、所在位置及文件名称,右边有3个
按钮,分别对应Dreamweaver 8窗口的最小化、 最后页 最大化和关闭的操作。
退出
3.1 Dreamweaver 8简介
3.1.3 菜单栏
第一页
“标题栏”的下面是“菜单栏”, 菜单栏中提供了
“文件”、“编辑”、“查看”、“插入”、“修改”、 上一页 “文本”、“命令”、“站点”、“窗口”和“帮助”
十个菜单项。单击其中任意一个菜单,会出现一个
下一页 下拉式指令菜单,如果指令选项为浅灰色的话,
则代表该指令在当前的状态下不能执行。有些指
最后页 令的右边会有键盘的代码,这是该指令的快捷键,
熟练使用快捷键将会有助于提高工作效率。有些
退出 指令的右边会有一个小黑三角的标记,它代表该
指令还包含有下一级的指令,鼠标停留片刻即可
如果要制作一个完整的网站,在制作网站的 第一页 具体页面之前,首先需要创建一个本地站点。下
面我们以本章案例的站点建设为例,说明本地站
上一页
点创建与管理的方法。
下一页
3.2.1 建立站点
创建过程如下:打开“文件”面板 ; 单击 最后页 “管理站点”,出现 “管理站点”对话框;单击
“新建”按钮,并从下拉菜单中选择“站点”命 退出 令 ,按向导新建站点。
网页设计与制作Dreamweaver8网页设计幻灯片PPT
3.3 页面设计
3.3.6 使用多媒体
第一页
在Dreamweaver 8中,除了可以插入“文 上一页 本”和“图像”外,用户还可以插入动画、
声音、视频等媒体元素。 下一页 1.插入Flash
2.插入Flash按钮 最后页 3.插入Flash文本 退出 4.插入Shockwave
(3)在弹出的对话框中设置图像。
退出
3.3 页面设计
4.插入“导航条”
第一页
“导航条”与“鼠标经过图像”的效果基本 上一页 一样,操作也大致相同。“导航条”通常是由一
系列的栏目按钮组成,并且一个网页中一般只有 下一页 一个“导航条”。在状态方面,“鼠标经过图像”
可以存在两个状态,分别为“原始图像”和“鼠 最后页 标经过图像”;与之相对应的,“导航条”则可
3.1.4 工具栏
第一页
“工具栏”指的是“菜单栏”下边三排
上一页 按钮,选择菜单“查看/工具栏”,选定里
面的“插入”、“文档”和“标准”三项,
下一页 三个工具栏就显示出来了,如下图所示。
最后页
插具标入具栏文准工栏档工工 具栏
退出
3.1 Dreamweaver 8简介
3.1.5 网页编辑窗口
第一页
工具栏下面的区域是“网页编辑区 上一页 域”,在Dreamweaver 8启动时显示一个
第一页
Dreamweaver 8的“管理站点”对话框 上一页 提供了站点的新建、编辑、复制、删除、
导出、导入等操作,从而能够很方便的对 下一页 站点进行管理。
最后页
退出
3.3 页面设计
3.3.1 页面属性设置
第一页
网页制作课件ppt
SEO基本原则
关键词研究、内容质量、 网站结构、外部链接和内 部链接等。
网站优化技巧
页面加载速度
优化图片、压缩代码、使 用CDN等方式提高页面加 载速度。
移动端优化
确保网站在移动设备上显 示良好,提高用户体验。
响应式设计
使网站能够适应不同设备 和屏幕尺寸,提供一致的 用户体验。
网站推广策略
关键词广告 社交媒体营销
内容营销 合作与交换链接
利用搜索引擎关键词广告推广网站。
通过社交媒体平台发布有价值的内容,吸引目标受众。 创建高质量、有价值的文章、视频等,吸引潜在客户并提高品
牌知名度。 与其他网站合作,互相推广,增加网站流量。
06 网页制作实例教 程
制作个人网站
总结词
展示个人风格和兴趣
字体选择
选择清晰易读的字体,确保文字内容 在各种设备和屏幕分辨率上都能清晰 显示。
03 网页布局与设计
网页布局的基本原则
保持简洁
避免页面过于拥挤,突出核心内容,使用户 能够快速找到所需信息。
导航清晰
提供易于理解的导航菜单,使用户能够方便 地浏览不同页面。
层次分明
合理划分页面区域,使内容按照重要程度进 行排序,提高用户体验。
制作电商网站
总结词
商品展示与销售
详细描述
电商网站是商品展示和销售的重要平台,需要展示丰 富的商品信息和购物体验。在制作电商网站时,需要 考虑如何设计出美观、实用的商品展示页面,以及如 何提供便捷的购物流程和支付方式。
制作电商网站
总结词
用户友好性
详细描述
电商网站应该具有用户友好性,提供良好的 用户体验和购物体验。在制作电商网站时, 需要考虑如何设计出易于操作和使用的界面 和功能,以及如何提供个性化的服务和支持
网页设计与制作课件第8章
步骤 04 按【Ctrl+S】组合键,保存模板文档。
项目八 模板和库的应用
12
2.删除可编辑区域
如果已经将模板中的一个区域标记为可编辑,而现在想要再次锁定它 (使其在基于模板创建的文档中不可编辑),可在选中可编辑区域后, 选择“工具”>“模板”>“删除模板标记”菜单。
项目八 模板和库的应用
13
三、应用模板
应用模板创建网页文档的方法有两种,一种是使用“新建文档”对话框,另外一种是使用“资源” 面板。
1.使用“新建文档”对话框
步骤 01 步骤 02
选择“文件”>“新建”菜单,打 开“新建文档”对话框。
在左侧列表中选择“网站模板”, 在“站点”列表中选择模板所在的 站点(此处为blog),在“站点 ‘blog’的模板”列表中选择要应 用的模板(此处为“t2”)。
步骤 05 单击“确定”按钮,所选区域变为可编辑区域“EditRegion3”
步骤 06 按【Ctrl+S】组合键保存模板文档,便完成了模板的创建。
项目八 模板和库的应用
23
案例实施
一二、、网应页用、模网板站和主页
步骤 01 关闭前面创建的模板文档,然后选择“文件”>“新建”菜单,打开“新建文档”对话框。
提示
在创建模板或库项目之 前最好先定义站点,并 将目标站点设置为当前 站点;否则会导致模板 或库项目存储位置出错。
项目八 模板和库的应用
5
步骤 03 单击“创建”按钮,便创建了一个模板文档,并进入其编辑状态,如下图所示。
项目八 模板和库的应用
6
步骤 04
Dreamweaver8ppt教程第08章PPT教学课件
8.6 思考与练习
8.1层的基础知识
层在Dreamweaver中有其特殊的意义,使用过Photoshop的用户或许会联想到 Photoshop中的层,但是Dreamweaver中的层与其不用。在众多的网页编辑软件 中,只有Dreamweaver拥有层这一功能。下面列举出Dreamweaver中的层的一 些主要功能。
2020/12/12
PPT教学课件
谢谢观看
Thank You For Watching
2020/12/12
Dreamweaver 8 入门与实例教程
第08章 使用层
2020/12/12
主 讲:—— 祝:大家学习愉快
□ 本章知识点及学习目标
本章从层的基础知识开始讲起,为读者 介绍了层的创建、层的基本操作和属性设 置。另外还介绍了表格与层的关系,表格 与层的相互转换是网页的布局更加灵活、 高效。关于层的相关内容本章没有完全讲 完,还有一部分讲在本书的第12章中接续 介绍与层相关的内容。
8.3.1选择层
8.3.2调整层大小
8.3.3插入层对象
8.3.4移动层
8.3.5对齐层
8.3.6把层转换成表格
8.3.7把表格转换成层
8.4设置层属性
8.4.1单个层的属性
8.4.2多个层的属性
8.5实战演练
8.5.1 范例1 阴影文字
8.5.2 范例2 利用层制作个人简介
8.6 思考与练习
1. 简答题 (1)简述层的概念及其使用特点是什么? (2)简述层都有那些基本操作? (3)简述实现层与表格相互转换的方法是什
么? (4)层的嵌套和表格的嵌套有什么不同? 2. 操作题 (1)画出多个层,并将多个层对齐。 (2)利用层布局一个首页面的框架结构,然
《Dreamweaver_8基础与实例教程》_jy_01
34
1.3.1 创建网页和打开网页
1.新建网页 单击“文件”菜单下“新建”命令,即可弹出“新
建文档”对话框。从“类别”列表框中选择“基 本页”选项,然后选择“基本页”列表框中的 “HTML”选项。单击“创建”按钮,即可新建 一个空白的HTML网页文档。
23
步骤6:单击“下一步”按钮,开始设置网页的 存储方法和存储路径。在上半部分的单选项中选 择第一项“编辑我的计算机上的本地副本,完成 后再上传到服务器(推荐)”。如果申请的网站 空间支持在线编辑功能,那么可以选择“使用本 地网络直接在服务器上编辑”单选项。
24
25
步骤7:完成以上的设置后单击“下一步”按钮, 在这里选择连接服务器的方式,以及网页在服务 器上的存储位置。
30
1.2.2 管理站点
3.删除站点 如果不需要某个站点时,可以将其从站点列表中删
除。选择“站点”菜单下的“管理站点”命令, 打开“管理站点”对话框,在该对话框中选择一 个站点,单击“删除”按钮,即可删除一个站点, 对某一个站点进行删除操作后,网站的文件仍保 存在硬盘原来的位置上,并没有从硬盘上删除。
42
1.5 练习制作简单的网页站点
2. 创建一个“个人求职主页”的站点,将其中的本地站 点保存在“D:﹨self”文件夹下,远程站点保存在 “D:﹨self”文件夹下。根据网站的主页,为“个人求职主 页”网站建立一个存放图片的文件夹“images”,并依据 如图所示的网页建立网站目录,建立所需要的网页文件 ,最后设置index.html的页面属性。
41
1.5 练习制作简单的网页站点
1.创建一个名为“计算机基础精品课程”的站点,将其中 的本地站点保存在“D:﹨computer”文件夹下,远程站 点保存在“D:﹨computer”文件夹下。根据如图所示的网 站的逻辑图,为“计算机基础精品课程”网站建立一个存 放图片的文件夹“images”,并新建名为“index.html”、 “teacher.html”、“jiaoxue.html”、“shiyan.html”、 “rili.html”、“kejian.html”和“luxiang.html”的网页文件 ,最后设置index.html的页面属性。
中职《网页制作》课程教案8章
(3)能够解决软件使用过程中遇到的问题。
情感目标
(1)具有勤奋学习的态度,严谨求实的工作作风。
(2)具有良好的心理素质和职业道德素质。
(3)具有一定的科学思维方式和判断分析问题的能力。
(4)具有良好的软件应用与解决问题的能力。
教学
重点
与
难点
重点
(1)制作各框架中的页面。
难点
(1)框架集和框架的关系。(2)制作超链接时“目标”的选择。
媒体教具(或主要工具材料等)
课本、PPT、素材和
修改栏(时间分配)
教 学 内 容
师生互动
1.介绍本章知识点、重点、难点和教学计划。导入新课:案例综述、案例分析。
2.8.1.3实现步骤:1.创建框架集①创建本地站点名为KJ。②打开Dreamweaver CS6,单击“新建”类别的“HTML”按钮。③选择菜单中的“插入”、“HTML”|“框架”|“上方及左侧嵌套”。
6.⑩制作详细内容页,保存所有打开的文档,完成制作。
7.对本次课进行归纳总结,
1.教师演示详细步骤。
2.教师指导学生操作。
3.学生提问,教师回答。
4.教师提问,学生回答。
5.教师反馈学生学习情况。
3分钟
16分钟
14分钟
18分钟
18分钟
18分钟
3分钟
作业布置
制作“DW学习网”网页
教学反思
因为书本上有错误、步骤不够详细并且框架关系复杂较难理解,所以采用分段演示的方式引导学生突破难点,完成这个网页的制作。教学过程中注重观察和询问学生是否领悟知识点,如果没有再进一步耐心讲解直至弄懂。反复的讲解难点可以加深学生的印象和理解。
网页制作说课稿
网页制作说课稿网页制作说课稿各位评委,大家上午好,我叫温复钦。
今天我讲的课题是网页制作,下面我就按以下几个方面进行说课。
首先说教材:一、说教材(1)教材的地位,特点及作用。
网页制作是华中科技大学出版社出版的初中信息技术教材中心的八年级下册的第五课的内容。
虽然内容不多,却是重点内容,网站制作则看学生信息集成能力,这对提高学生的信息综合处理能力作用重大,网站的设计也给学生提供了展示个性,自主,协作的机会,促使他们合作主动,创作性学习,此外,随着近几年会考变化的动向,网页制作的重点位置越来越明显根据本节课知识点框架,学生的原认知水平和本节课的主题,按以下几点来确定教学目标。
(2)教学目标(一)知识与技能。
1、利用Frontpage软件来制作网页的常用操作和技巧,举一反三,融会贯通。
2、学会灵活运用网页制作技巧,对网页进行版面规划设计。
(二)过程与方法。
1、学生能按照教师所提供的网站建设设计思路为个人网站确立主题并能完成网页内容设计。
2、通过基于主题任务的探索和小组的合作,师生交流,生生交流以及人机交互中提高自己的动手实践能力和创新能力。
3、通过“半成品加工策略”教学方法和分层递进教学法,引导学生围绕各组任务努力探索,慎密分析而带来感受成功之喜悦。
(三)情感态度与价值观。
1、能客观评排版,内容风格培养学生良好的网站设计风格及一定的规划能力,具有一定的审美情趣。
2、通过小组协作和问题研究活动,培养学生协作的意识和团队探索的精神,从而激发创作热情。
(3)说教学重点与难点。
(一)重点1、网页制作中各种技巧的综合。
(二)难点。
二、说学生。
学生通过学习,研究可视化网页编辑软件frontpage制作网站的方法,技巧,但在学生心目中缺乏对这些方法,技巧整合的意识,认为非常有必要对这些知识整合,以巩固学生所学知识的系统性,通过绿色家园专题网站的设计制作,提高学生的网站设计能力和动手实践能力,同时,又注重学生情感态度,价值观及软件共同制作能力的发展,为学生应对瞬息变化的信息技术软件,为实现终身发展和提升素养奠定基础。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
2、网页的内容 、
独创性、见解性 独创性、
引用他人的作品、材料时,要特别注意其版权问题。 引用他人的作品、材料时,要特别注意其版权问题。 在引用时注明作者、出处。 在引用时注明作者、出处。 收集的资料必须合法
第8章 网站建设
网站设计( 8.1 网站设计(4)
8.1.2 网站的组织
第8章 网站建设
8.2 网站的制作(5) 网站的制作(
8.2.3 主页测试
所有的超链接与导航系统按钮是否真实可行 是否有拼写错误 代码的完整性 浏览器的兼容性等
第8章 网站建设
8.3 网站的发布(1) 网站的发布(
文件上传一般有三种方式
通过网络管理员直接复制到服务器上 通过服务器提供的文件管理器进行文件传输 通过FTP进行文件传输 进行文件传输 通过
第8章 网站建设
网站设计( 8.1 网站设计(6)
8.1.3 网页的版面设计
1、尽量简洁 、 2、主色调 、 暖色调 冷色调 对比色调 对比色调 3、善用表格 、 4、网站的风格要统一 、 版面设计要一致 导航条的风格要一致
第8章 网站建设
8.2 网站的制作(1) 网站的制作(
8.2.1 网站制作的准备
第8章 网站建设
8.2 网站的制作(3) 网站的制作(
8.2.1 网站制作的准备
2、网站素材的准备 、
搜集、整理加工、制作、存储 搜集、整理加工、制作、
第8章 网站建设
8.2 网站的制作(4) 网站的制作(
网站的文件、 8.2.2 网站的文件、目录规划和管理
1、分门别类地将文件存放在不同的目录下。 、分门别类地将文件存放在不同的目录下。 2、在每个主目录下建立独立的images目录。 、在每个主目录下建立独立的 目录。 目录 3、目录的层次不要太深,建议不要超过3层。 、目录的层次不要太深,建议不要超过 层 4、不要使用中文文件名和中文目录名. 、不要使用中文文件名和中文目录名 5、不要使用过长的目录名. 、不要使用过长的目录名
第8章 网站建设
8.3 网站的发布(6) 网站的发布(
通过FTP FTP上传 8.3.2 通过FTP上传 3、使用IE进行网站上传 使用IE进行网站上传 IE
在IE的地址栏中输入FTP服务器的地址。 IE的地址栏中输入FTP服务器的地址。 的地址栏中输入FTP服务器的地址 输入用户名和密码,或者是以匿名用户登录。 输入用户名和密码,或者是以匿名用户登录。 将硬盘上的文件上传到该FTP服务器上 将硬盘上的文件上传到该FTP服务器1)配置良好的计算机及其它设备 (2)完善的系统环境 ) (3)网页开发工具软件 ) FrontPage、Dreamweaver、Hotdog, 、 、 Visual InterDev、Dreamweaver 、 UltraDev,有声有色、ASPEdit 有声有色、 有声有色
第8章 网站建设
8.1 网站设计 8.2 网站的制作 8.3 网站的发布 8.4 网站的宣传
第8章 网站建设
网站设计( 8.1 网站设计(1)
8.1.1 网站的主题和内容
1、网站的主题 、 企业网站 商业网站 个人网站 政府网站 ……
文学
女性 旅游 金融 体育 软件
个 人 网 站
艺术 健康 音乐 电脑
网站
硬件 免费软件 Internet 幽默笑话 ……
第8章 网站建设
网站设计( 8.1 网站设计(2)
8.1.1 网站的主题和内容
1、网站的主题 、
主题选材一定要“小” 主题选材一定要“ 题材的选择最好是自己擅长或者感兴趣的内容 选题不要太滥、 选题不要太滥、目标定位不要太高
第8章 网站建设
网站设计( 8.1 网站设计(3)
第8章 网站建设
8.4 网站的宣传
宣传工作的主要方法
1. 到各搜索引擎注册、登记 到各搜索引擎注册、 2. 发E-mail通知 通知 3. 在各留言板上留言 4. 多参与论坛、新闻组的讨论 多参与论坛、 5. 参加广告交换组织 6. 友情链接 7. 参加网站排行榜
第8章 网站建设
8.3 网站的发布(2) 网站的发布(
8.3.1 通过服务器提供的文件管理器进行文件传输 搜狐的个人主页的文件管理器
第8章 网站建设
8.3 网站的发布(3) 网站的发布(
通过FTP FTP上传 8.3.2 通过FTP上传 1、 CuteFTP4.2 的使用
第8章 网站建设
8.3 网站的发布(4) 网站的发布(
通过FTP FTP上传 8.3.2 通过FTP上传 1、 CuteFTP4.2 的使用
连接状态 本机的资源 FTP服务器 服务器 显示窗口 传输进程 浏览器窗口 的文件管理 窗口 窗口
第8章 网站建设
8.3 网站的发布(5) 网站的发布(
通过FTP FTP上传 8.3.2 通过FTP上传 2、使用Windows命令行进行FTP传输 使用Windows命令行进行FTP传输 Windows命令行进行FTP 进入到本机硬盘上要上传的网站的存放目录 在DOS提示符下输入“ftp:主机名或IP地址” DOS提示符下输入“ftp:主机名或IP地址” 提示符下输入 主机名或IP地址 输入账号和密码后,就进入到的FTP主目录下。 输入账号和密码后,就进入到的FTP主目录下。 FTP主目录下 键入“ zixing”,进入自己的目录。 键入“cd zixing ,进入自己的目录。 在FTP提示符下键入mput *.*,完成全部文件的上传。 FTP提示符下键入mput *.*,完成全部文件的上传。 提示符下键入 传输完成后,键入bye退出FTP。 传输完成后,键入bye退出FTP。 bye退出FTP
第8章 网站建设
8.2 网站的制作(2) 网站的制作(
8.2.1 网站制作的准备
1、制作环境的准备 、 (4)素材制作和加工软件 ) Adobe PhotoShop、CorlDraw、Ulead 、 、 PhotoImpact、Micromedia FireWorks, 、 GIF Animater、Cool 3D, Micromedia 、 Flash、Adobe Primiere、RealPlayer、 、 、 、 Media Player、QuickTime,声音处理软件 、 声音处理软件 (5)FTP文件传输软件 ) 文件传输软件
1、要包含有一定的信息 、
网站的名称 网页的标题 内容 指向主页的链接或向网站其他网页的链接 三次单击” “三次单击”原则 网站的联络方法 网站的建立或更新日期 版权说明
第8章 网站建设
网站设计( 8.1 网站设计(5)
8.1.2 网站的组织
2、网页的的长度要合适 、
篇幅一般限制在2页到 页之内 篇幅一般限制在 页到3页之内 页到