3_网站创建与网页制作
web3网站制作
首先文件中各个标记必须包含在<HTML>和</HTML>之间， <HEAD>和</HEAD>标记是网页头部标识，其中的浏览器窗 口标题放在<TITLE>和</TITLE>之间。所有需要在浏览器中显 示的标记内容放在<BODY>和</BODY>之间。
7
注释标 记
HTML中的注释始终以“<!--”开始，以“-->”结尾。注释 可以帮助人们理解代码。浏览器会忽略注释内部的所有 文本和标记。
HTML页面HEAD元素中META标签介绍
meta标签是HTML语言HEAD区的一个辅助性标签，它位于HTML 文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可 见的信息。meta标签通常用来为搜索引擎robots定义页面主题， 或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定 页面格式，标注内容提要和关键字；还可以设置页面使其可以根 据定义的时间间隔刷新本页面的显示等。下面介绍一些实用的 meta标签。meta标签分两大部分：HTTP标题信息(HTTPEQUIV)和页面描述信息(NAME)。 1．HTTP-EQUIV HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有 用的信息，以帮助正确和精确地显示网页内容。常用的HTTPEQUIV类型有：
注意：各关键字间用英文逗号隔开。 (2) Description (简介) Description用来告诉搜索引擎你的网站主要内容。例如：
网页设计与制作教程(第3版)
2014年清华大学出版社出版的图书
01 成书过程
03 教材目录 05 教材特色
目录
02 内容简介 04 教学资源 06 作者简介
《网页设计与制作教程（第3版）》是由杨选辉编著，2014年清华大学出版社出版的普通高等教育“十一五” 国家级规划教材、高等学校计算机基础教育精选教材。该教材可作为高等院校“网页设计与制作”课程的教材和 网页制作培训班的教材，也可作为网页设计与制作爱好者的自学参考书。
感谢观看
2014年9月1日，该教材由清华大学出版社出版。
内容简介
该教材是介绍网页设计与制作技术的教程，以网页设计软件作为技术支持，介绍了网页的构思、规划、制作 和网站建设的全过程。全书分为两篇共8章，并包括三个附录。第1篇（第1～5章）是基础篇，介绍了网页制作基 础知识、HTML简介、CSS基础知识、网站建设概论和当时主流的网页制作工具DreamweaverCS5；第2篇（第6～8 章）是提高篇，介绍了网页布局方法CSS+Div、网页制作辅助工具PhotoshopCS5和FlashCS5；附录中提供了网页 特效源代码和辅助设计小软件及每章课后习题的参考答案。
该教材是介绍网页设计与制作技术的教材，分为两篇共8章，并包括三个附录，以网页设计软件作为技术支持， 介绍了网页的构思、规划、制作和网站建设的全过程。
成书过程
修订情况
出版工作
该次改版主要对Dreamweaver部分的内容进行了优化，删除了FrontPage和Fireworks的内容，增加了CSS方 面的内容，以适应网页设计技术发展的趋势。
该教材各章内容主要由杨选辉编写完成，其中谷艳红参与编写了该教材第5、6、8章的部分内容，曾群、郭 路生、李晚照、龚花萍、方玉凤、葛伟、屈文建分别参与编写了该教材的第1、2、3、4、6、7章和附录的部分内 容，孙斌、赵珑、郭晓虹、饶志华、敖建华、张婕钰参与了该教材第2、3、5、6、7、8章部分案例的设计和编写 工作。全书由杨选辉拟定大纲和统稿。该教材得到了南昌大学教材出版项目的资助。
网页设计与制作 第3章 CSS技术基础
第3章 CSS技术基础
用户可以在CSS中插入注释来说明用户代码的意思，
3.3 在网页中使用CSS
3.3.1 在标记符中直接嵌套样式信息
在标记符中直接嵌套样式信息又称为“局部引 用”，即将样式直接嵌套在 HTML 标记里使用的。 用这种方法，可以很简单的对某个元素单独定义 样式。 使用style属性可以在HTML标记符中直接嵌入 样式定义，如下所示： <标记符style："property l：value l；property 2： value 2；……">
3.4.2 文本属性
1．文字间隔属性(word-spacing)
文字间隔属性定义一个附加在文字（单词）之 间的间隔数量。该值必须符合长度格式，允许使
用负值。
需要特别说明的是，该属性是针对英文单词的
间隔，而不是中文的文字间隔，中文的文字间隔
应该用下面讲到的letter-spacing。同时在中文版的 IE浏览器中也不支持该属性。
CSS 的主要功能是通过对 HTML 选择器进行设定，
来实现对网页中的字体、字号、颜色、背景、图像记
其他元素的控制，使网页能够完全按照设计者的要求
来显示。
3.2 CSS样式
3.2.1 CSS样式表组成
CSS 的定义由三部分构成：选择符 selector、属性 property和属性值value。其基本格式如下： selector{property l ： value l ； property 2 ： value 2；……} property表示由CSS标准定义的样式属性，value表示 样式属性的值。
网页设计与制作实用教程(第3版) 第1章-网站开发基础
1.1.2 网站的类型及定位
2．电子商务网站 电子商务网站是目前最具发展潜力的网站类型。电 子商务网站提供网上交易和管理等全过程的服务， 因为它具有广告宣传、咨询洽谈、网上订购、网上 支付、电子账户、服务传递、意见征询、交易管理 等各种功能。
1.1.2 网站的类型及定位
3．视频分享网站 视频分享网站为用户提供视频播客、视频分享、视 频搜索及所有数字视频内容的存储和传输服务。可 供用户在线观看最新、最热的电视、电影和视频资 讯等。
1.1.3 认识网页
表单：访问者要查找一些信息或申请一些服务时需 要向网页提交一些信息，这些信息就是通过表单的 方式输入到Web服务器，并根据所设置的表单处 理程序进行加工处理的。表单中包括输入文本、单 选按钮、复选框和下拉菜单等。 超链接：超链接是实现网页按照一定逻辑关系进行 跳转的元素。 动态元素：动态元素包括GIF动画、Flash动画、 滚动字幕、悬停按钮、广告横幅、网站计数器等。
网页设计与制作实用教程（Dreamweaver+Flash+Photoshop（第3版））
第1章 网站开发基础
本章主要内容：
网站开发概述 网站开发流程 常用网页设计软件 HTML入门
1.1 网站开发概述
网站开发就是使用网页设计软件， 经过平面设计、网络动画设计、网页排 版等步骤，设计出多个页面。这些网页 通过一定逻辑关系的超链接，构成一个 网站。
1.1.2 网站的类型及定位
网站是一种新型媒体，在日常生活、商业活动、娱 乐游戏、新闻资讯等方面有着广泛的应用。在网站 开发之前，需要认识各种网站的主要功能和特点， 对网站进行定位。下面介绍几种常见的网站类型。
1.1.2 网站的类型及定位
1．综合门户网站 综合门户网站具有受众群体范围广泛，访问量高、信 息容量大等特点，包含时尚生活、时事新闻、运动娱 乐等众多栏目。综合门户网站定位明确，以文字链接 为主要内容、版式和色彩较为直观、简洁。
《第1章 美丽家乡——网站设计与制作 第3节 编辑网页内容》教学设计
《编辑网页内容》教学设计方案（第一课时）一、教学目标1. 知识与技能：学生能够掌握网页内容编辑的基本操作，如插入文本、图片、超链接等。
2. 过程与方法：通过实践操作，学生能够学会如何编辑网页内容，并能够解决操作过程中遇到的问题。
3. 情感态度价值观：培养学生对于信息技术的兴趣，提高他们的信息素养和创新能力。
二、教学重难点1. 教学重点：学生能够掌握网页内容编辑的基本操作，并能够独立完成一个小型网页的编辑工作。
2. 教学难点：学生在操作过程中遇到的问题解决能力，以及创新思维的锻炼。
三、教学准备1. 准备教学用具：计算机、投影仪、相关软件等。
2. 准备教学素材：准备一些网页编辑的示例和图片，以便学生参考和学习。
3. 制定教学计划：根据教学内容，制定详细的教学计划，确保教学的顺利进行。
4. 安排学生分组：将学生分成若干小组，以便在操作过程中可以进行小组合作和交流。
四、教学过程：（一）导入新课1. 复习网页的基本组成元素，如标题、文本、图片、超链接等。
2. 介绍网页编辑软件——Dreamweaver的应用方法。
3. 展示一些简单的网页示例，让学生观察并讨论网页的共同特点。
（二）新知讲解1. 讲解如何应用Dreamweaver编辑网页内容，包括插入标题、文本、图片、超链接等。
2. 介绍如何设置网页的格式，如字体、大小、颜色、对齐方式等。
3. 讲解如何应用表格、框架等网页布局工具。
4. 介绍如何应用CSS样式表对网页进行美化。
（三）实践操作1. 给学生发放一些简单的网页模板，让他们尝试应用Dreamweaver进行编辑。
2. 教师在学生操作过程中进行指导，解答学生的疑问。
3. 要求学生完成一份作业，将一个简单的个人主页编辑完成。
（四）展示评判1. 收集学生完成的作品，进行展示。
2. 邀请学生自我评判作品，谈及哪些地方做得好，哪些地方可以改进。
3. 教师进行评判，表扬优秀作品，对不足的地方提出改进建议。
4. 引导学生互相学习，取长补短。
网络与新媒体(第二稿)
网络与新媒体专业人才培养方案一、专业名称网络与新媒体二、招生对象本专业招收参加普通高等学校招生统一考试录取的应往届高中毕业生、中职毕业生和相同相近专业专升本学生。
三、培养目标网络与新媒体专业培养熟悉互联网、移动通讯平台等各类新兴媒体运作流程，具有一定的媒体创意制作能力，能够胜任影视项目创意、策划、制作，纸质媒体、尤其是新媒体运营策划、舆情监测、危机公关、活动推广等岗位的高素质技术技能型专门人才。
四、培养规格依据本科教育人才培养的要求，全方位运用亚洲微电影学校在学校建立的优质资源和学校结合微电影创制形成的特色复合型人才培养定位，按照网络与新媒体专业对人才知识、能力、素质的要求，制定本专业的应用型培养标准。
（一）培养规格总体表述1、具备自然科学的基础知识、较宽广的人文社会科学知识；2、具备网络与新媒体专业的基础知识、专业知识和相邻学科的基础知识；3、具备微电影创意、拍摄、制作、运营模式及推广的能力；4、具备较宽阔的国际视野和较强的创新能力；5、具备多媒体组合创意策划能力；6、具备新媒体运用、微电影传播及技术应用的能力；7、具备高尚的思想品德、科学素养、人文精神。
（二）培养规格细化表述知识规格：1、基础科学知识（1）政治理论知识：思想道德修养与法律基础、马克思主义基本原理、中国近现代史纲要、毛泽东思想和中国特色社会主义理论体系概论；（2）自然科学知识：计算机科学与技术；（3）文化知识：传媒英语、语言文化、体育文化、法律、经济、工程文化。
2、核心基础知识（1）新媒体核心知识：移动媒体运营、新媒体基础理论、新媒体艺术、新媒体与社会；（2）微电影核心知识：微电影基础理论、微电影创意策划、微电影传播技术、微电影与产业发展；（3）技术设计核心知识：新媒体编辑技术、非线性视音频编辑制作、网页设计与制作、动画设计。
3、高级基础知识（1）专业知识：微电影与广告、微电影运营与推广、视觉传达、新媒体内容产品策划、新闻传播知识、新媒体艺术、网络新闻实务、广告的媒体传播；（2）相关专业知识：网络心理学、录音艺术、舆情监测、艺术基础、危机公关、舆论学电子商务。
网页制作教学设计优秀8篇
网页制作教学设计优秀8篇制作交互网页教学设计篇一网页的制作一、教学题目：网页的制作二、教学目标：1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；2、认识frontpage的界面；3、掌握在主页中插入文字、图片、水平线；4、掌握页面文件与图片的保存。
三、教学重点：1、能在指定位置建立只有一个网页的站点（难点）2、能在页面中插入文字、图片、水平线3、掌握页面文件与图片的保存（难点）四、教学难点：在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程：教师活动：1、引入课题：（激发兴趣，活跃气氛）同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）问题2：网页是不是就是主页？(第一个页面称为主页，网站设计者可以确定哪一个是主页，主页的文件名一般为：,主页也是网页)设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用frontpage建立站点，制作一个主页。
先来研究一下没有发布的网站，打开教师做的网站问：同学们看到了什么？（文件夹）总结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。
请学生浏览教师课件，了解学习任务。
2、新建站点frontpage的启动问：与word比较，有什么不同？（增加了视图区，编辑区有三个窗口）总结：视图区：多种视图模式是为了方便网站的管理。
企业网页制作策划书3篇
企业网页制作策划书3篇篇一企业网页制作策划书一、引言在当今数字化时代，企业网页已成为企业展示形象、推广产品和服务的重要窗口。
一个设计精美、功能齐全的企业网页不仅能够吸引潜在客户的注意力，还能够提升企业的品牌形象和竞争力。
因此，制定一份详细的企业网页制作策划书是非常必要的。
二、目标和受众（一）目标1. 展示企业形象和实力，提升品牌知名度。
2. 推广企业产品和服务，增加销售额。
3. 提供便捷的客户服务，增强客户满意度。
4. 收集客户信息，建立客户数据库。
（二）受众1. 潜在客户：对企业产品和服务感兴趣的个人或企业。
2. 现有客户：已经购买过企业产品或服务的客户。
3. 合作伙伴：与企业有合作关系的供应商、经销商等。
三、网页设计（一）整体风格1. 简洁明了：避免过多的装饰和复杂的布局，让用户能够快速找到所需信息。
2. 专业大气：体现企业的实力和专业性，增强用户的信任感。
3. 响应式设计：确保网页在不同设备上都能够正常显示，提高用户体验。
（二）页面布局1. 首页：展示企业的 logo、导航栏、轮播图、核心产品或服务、企业简介、最新动态等。
2. 产品或服务页面：详细介绍企业的产品或服务，包括图片、文字描述、价格、特点等。
3. 案例展示页面：展示企业的成功案例，增强用户对企业的信心。
4. 关于我们页面：介绍企业的历史、文化、团队等信息，让用户更好地了解企业。
5. 联系我们页面：提供企业的联系方式，包括电话、、地址等，方便用户与企业沟通。
（三）色彩搭配1. 选择与企业品牌形象相符的主色调，如蓝色、绿色、红色等。
2. 搭配辅助色，增强页面的视觉效果，如白色、灰色、黑色等。
（四）图片和视频1. 使用高质量的图片和视频，展示企业的产品、服务、团队等信息，增强用户的感性认识。
2. 图片和视频要与页面内容相关，避免出现无关的图片和视频。
四、网页功能（一）产品或服务展示1. 分类展示企业的产品或服务，方便用户查找。
2. 提供详细的产品或服务介绍，包括图片、文字描述、价格、特点等。
网页设计与制作案例教程(HTML5 CSS3)素材
网页设计与制作案例教程（HTML5CSS3）素材本文旨在介绍《网页设计与制作案例教程（HTML5 CSS3）素材》的主题和背景。
本教程的主题是网页设计与制作案例教程，重点涵盖HTML5和CSS3素材的使用。
随着互联网的迅速发展，网页设计和制作变得越来越重要。
作为一种应用广泛的技术，HTML5和CSS3提供了丰富的功能和特性，可以使网页呈现出更加精美和交互性强的效果。
因此，研究和掌握HTML5和CSS3的使用对于提高网页设计和制作的质量和效果至关重要。
本教程将为读者提供一系列实际案例，展示如何利用HTML5和CSS3素材设计和制作各种类型的网页。
通过研究这些案例，读者将能够掌握重要的网页设计原理和技巧，提升自己的设计能力，并能够应用到实际项目中。
教程内容涵盖了HTML5和CSS3的基础知识、常用元素和样式以及高级特性的运用。
每个案例都包含了详细的步骤和说明，帮助读者理解和掌握相关的技术和方法。
希望通过本教程，读者可以研究到实用的网页设计和制作技巧，并能够应用到自己的项目中，提升自己的能力和竞争力。
本部分将介绍HTML5的基本概念和语法，包括标签、属性和元素的使用。
HTML5是一种用于构建网页的标记语言，它在HTML4的基础上进行了增强和改进。
HTML标签是HTML文档的基本结构元素，它们用于定义网页的内容和结构。
在HTML5中，标签可以包含属性，用于提供更多的信息和控制网页的呈现方式。
属性可以对标签进行设置，如字体、颜色、大小等。
除了标签和属性，HTML5还引入了一些新的元素，用于创建更丰富和动态的网页内容。
例如，``元素可以用于嵌入视频文件，``元素可以用于绘制图形等。
掌握HTML5的基本概念和语法是网页设计与制作的基础，它将为你提供开发高质量和现代化网页的能力。
待续。
本部分将介绍CSS3的基本概念和语法，包括选择器、属性和样式表的使用。
CSS3（Cascading Style Sheets 3）是一种用于描述网页样式的标记语言，它是CSS的最新版本。
计算机基础实训作业-第3章 网页设计实验
第三章网页设计实验1 网站的创建和管理一、实验目的1、学会创建网站。
2、理解网站与网页的概念，了解网站结构。
3、掌握网站中网页的基本编辑方法。
二、实验内容和步骤1、创建一个新站点在Dreamweaver中使用“站点定义向导”创建一个本地新站点。
（1）选择“站点”|“新建站点”命令，打开站点定义对话框的“基本”选项卡，在“您打算为您的站点起什么名字”文本框中输入新建站点的名称，如图3-1所示。
图3-1站点定义对话框（2）单击“下一步”按钮，在“编辑文件，第2部分”选项区中，显示是否选择使用的服务器技术，这里选择“否，我不想使用服务器技术”单选按钮。
（3）单击“下一步”按钮，在“编辑文件，第3部分”选项区的“您将把文件存储在计算机的什么位置？”文本框中输入站点文件存放的位置或者点击右边的文件夹图标在本地计算机选择一个文件夹（例：E:\MySite\），没有输入或选择将使用系统默认值。
（4）单击“下一步”按钮，将站点定义对话框的“共享文件”选项区的“您如何连接到远程服务器”下拉列表框中选择“无”选项。
（5）单击“下一步”按钮，将站点定义对话框的“总结”选项区中，将显示以上设置步骤的详细信息。
（6）单击“完成”按钮，一个本地新站点已经创建完成。
此时选择“窗口”|“文件”命令，在打开的“文件”面板中将显示创建的新站点，如图3-2所示。
图3-2 “文件”面板（7）要设置本地文件夹，可以选择“站点”|“管理站点”命令，将打开管理站点对话框，如图3-3所示。
在左侧的列表中选择“我的站点”或对应的站点，在右侧选择“编辑”命令，将显示“本地信息”的所有参数设置选项，如图3-4所示。
如果显示的是如图3-1的站点定义对话框，点击上面的“高级”标签即可切换到如图3-4所示。
图3-3 管理站点对话框图3-4 本地信息对话框2、在站点中创建一个新的网页（1）在文档窗口中，选择“文件”|“新建”命令，在打开的“新建文档”对话框中选择要创建的文档类型，如图3-5所示。
石家庄市2013信息技术中考选择题汇编67-100带答案
2012年----河北省石家庄市信息技术中考选择题汇编（67-100套题）第六十七套1、不属于信息传递方式的是（D）A. 听音乐 B. 谈话 C. 看书D. 思考2、下面设备中，哪个是输出设备（ B）A光笔 B. 显示器C. 鼠标 D. 手写板3、bit的意思是（ D）A. 字 B. 字节 C. 字长 D. 二进制位4、下列可能使计算机感染病毒的做法是( D )A. 与有病毒的计算机放在一起B. 计算机放置在潮湿的环境C. 强行关闭计算机电源D. 随意使用外来光盘5、下列选项中，( C)不属于因特网提供的服务A. 文件传输B. 电子邮件C. 语音识别D. 万维网6、在Windows 98中，“任务栏”是（D）A. 只能改变位置不能改变大小B. 只能改变大小不能改变位置C. 既不能改变位置也不能改变大小D. 既能改变位置也能改变大小7、分栏选项位于菜单栏的哪个菜单下（D）A、编辑B、插入C、视图D、格式8、在powerpoint中，下列说法错误的是（C）A. powerpoint和word文稿一样，也有页眉与页脚B. 用大纲方式编辑设计幻灯片，可以使文稿层次分明、条理清晰C. 幻灯片的版式是指视图的预览模式D. 在幻灯片的播放过程中，可以用ESC键停止退出。
9、Excel工作表中，每个单元格都有个名称作为它的地址，例如“F4”表示（A）A. 第4行，第F列 B. 第F行，第4列C. 第4行，第5列D. 以上都不对10、在FrontPage2000中，设置单元格背景图片可以在（B）中设置。
A．动态HTML效果 B.单元格属性 C.图片属性 D.网页属性第六十八套1、下列关于信息的说法中，错误的是( C )A.信息广泛存在于现实世界中B.信息必须以某种形式表示出来C.信息只能在计算机中存储D.信息的传播必须有载体2、下列属于应用软件的是（A）A. PowerPointB. 操作系统C. WindowsD. Dos3、Back Space键称为退格键，Delete称为删除键，两者都可以用来删除字符。
网站建设与网页制作_第三章_在网页中插入文本
网站建设与网页制作
3.6 文本和段落的HTML标记 文本和段落的HTML标记 和段落的HTML
HTML编辑和运行环境 3.6.2 HTML编辑和运行环境
因为HTML是一个文本文件 ， 所以可以使用任何一个 是一个文本文件， 因为 是一个文本文件 文本编辑器进行编写，它通过浏览器来解释执行。 文本编辑器进行编写 ， 它通过浏览器来解释执行 。 我们一 般采用纯文本文档编辑器， 般采用纯文本文档编辑器，如Windows中的记事本来编辑 中的记事本来编辑 HTML文件。 文件。 文件
网站建设与网页制作
3.5 插入标尺和网格 插入标尺和网格
3.5.2 插入网格
网格是用做在网页文档窗口的设计视图中对层进行绘制、 网格是用做在网页文档窗口的设计视图中对层进行绘制、定位或 大小调整的可视化向导，可以使网页元素在被移动时， 大小调整的可视化向导，可以使网页元素在被移动时，自动靠齐到网 格； 网格设置：执行菜单“查看” 网格设置” 网格设置”命令； 1. 网格设置：执行菜单“查看” “网格设置” “网格设置”命令； 显示/关闭网格：执行菜单“查看” 网格设置” 2. 显示/关闭网格：执行菜单“查看” “网格设置” 选择勾选 “显示网格”命令； 显示网格”命令； 启用和禁用网格靠齐：执行菜单“查看” 网格设置” 3. 启用和禁用网格靠齐：执行菜单“查看” “网格设置” 选择勾 选“靠齐到网格”命令； 靠齐到网格”命令；
网站建设与网页制作
3.6 文本和段落的HTML标记 文本和段落的HTML标记 和段落的HTML
HTML的基本结构 3.6.3 HTML的基本结构
下面我们开始编写一个简单HTML文档： 下面我们开始编写一个简单HTML文档： 文档 <html> <head> <title>第一个HTML示例</title> </head> <body> HTML的基本结构。 </body> </html>
网页设计与制作第3章 建立本地站点
3.1 创建本地站点
图3-3 “站点设置”对象对话框
3.1 创建本地站点
• 单击“本地站点文件夹”文本框后的按钮，打开 “选择根文件夹”对话框，选择“mysite”文件夹 作为根文件夹，当对话框左下角显示“选择： mysite”，单击“选择”按钮，如图3-4所示。这 时回到了“站点设置”对话框界面，如图3-3所示。 此时“C：\mysite”文件夹与“mysite”站点相对应， 存放本站点的所有文件夹和文件。 • 提示：在“本地站点文件夹”文本框中可直接输 入站点对应文件夹的路径。
3.1 创建本地站点
• (2)远程站点，即远程文件夹，存储用于测试、生 产和协作等用途的文件，远程文件夹通常位于运 行 Web 服务器的计算机上。远程文件夹包含用户 从英特网访问的文件。
3.1 创建本地站点
• 3.1.2 创建本地站点 • 1．创建站点文件夹 • 建立本地站点就是在某台电脑硬盘上建立一个文 件夹，然后将所有与制作网页相关的文件(图片、 视频等)都存放在里面，以便进行网页的制作和管 理。 • 通常一个网站包含多种类型的文件，比如图片、 视频、CSS、脚本文件，为了方便上传和维护， 在建立站点文件夹时，应注意以下几点：
3.1 创建本地站点
• 不要将所有的文件都存放在根文件夹下，否则容 易混淆，不利于管理和上传。 • 按照文件的类型建立不同的子文件夹。 • 根文件夹、子文件夹、文件的命名最好使用简短 有一定含义的小写英文或拼音。 • 按照以上原则，在磁盘上建立一个文件夹，例如： C:\mysite,用于存放站点中所有文件夹和文件，然 后在mysite文件夹下新建三个名称为images、 video、styles的子文件夹。images用
3.2 管理本地站点
图3-7 “站点管理”对话框
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
6、设置网页中文本的格式。
教
学
感
想
课堂教学安排
教学环节
主 要 教 学 内 容
教学手段与方式
导入
新授
、导入
出示文本操作最终的效果
本任务是针对网页的基本元素——文本的相关操作的子任务，旨在通过该任务的实施完成，读者能够熟练掌握编辑网页文本的各种方法，对网页文本的格式化处理有一个清晰的认识，使网页的显示效果更加丰富多彩。
二、设置文本的格式
文本的格式包括字体、字号、字型、对齐方式等，可选中文字，即可在文本的属性面板中进行相应的设置。其操作和在Word中的操作基本相同。
三、设置文字的颜色
首先选中文字，在属性面板中，单击颜色选择图标，在弹出的颜色选择器中用滴管选取颜色即可。
四、提出任务，学生自主完成
P58 上机练习1
、课堂总结
、课后作业
演示
讨论
讲授
讲练结合
学生操作
教师辅导
教学重点
文本、列表、分段等方法的使用
教学难点
文本、列表、分段的方法
更新、补充、
删节内容
课前准备
教案、学案、课件
课外作业
P58上机练习1
板
书
设
计
任务三文本的操作
1、新建一个网页并保存到站点指定目录。
2、在页面中输入文字。
3、运用Dreamweaver CS3提供的导入功能，把外部文件插入当前页面。
4、通过页面属性的设置掌握网页格式的整体。
、新授
一、在网页中插入文本
1、进入页面编辑设计视图状态。
在一般情况下，编辑器默认左对齐，光标在左上角闪烁，光标位置就是插入点的位置。如果要想让文字居中插入，点属性面板居中按钮即可。
启动中文输入法输入文字，例如可在编辑区中输入标题文字“我的主页”。
2、运用Dreamweaver CS3提供的导入功能，把外部文件插入当前页面
课题序号
3
教学班级
1016
教学课时
2
教学形式
新授
课 题
名 称
任务3文本的操作（一）
使用教具
多媒体教室
教学目的
1.熟练运用Dreamweaver在网页中输入文字，设置文字的格式及颜色
2.在网页设计编辑中熟练引用文本、列表、分段等方法。
3.网页文本格式化的操作方法。4.能够根据页来自需要对文本进行编辑设置美化页面。