赛车网投平台
  • 法语
  • 英语

网页设计第5讲创建站点

  • 2019-10-30 22:26
  • admin
  • Views

  课程导入 ? 接下来将要迈出创造网页的第一步了。无 论是网页创造的新手,仍旧专业的网页设 计师,都要从修建站点开端。 教学目的 (1)职掌“文献”面板的利用技巧 (2)职掌利用Dreamweaver8界说当地站点 的技巧 (3)职掌站点的照料技巧 站点成绩闪现 本章所创筑的实例网站“长沙全国之窗” 的站点构造成绩如图所示。 ? Dreamweaver确当地站点便是当地准备机上的一 个文献夹。界说当地站点便是正在当地准备机中创 筑一个文献夹,然后将一齐与创造网页联系的文 件都放正在该文献夹中,●以便实行网站的创造和管 理。 ? Dreamweaver的少许效力,如模板、库项目等只 有正在站点内才力够利用。 ? 因为网站需放正在 Internet 上的 Web 办事器才力供 其他用户浏览,一般将存储于 Internet 办事器上 的站点称为长途站点。 策划站点的目次构造 ? 一个网站中蕴涵有多个网页文献、图形文 件等,◆▼假如将一齐文献都存储正在一个目次 中,当站点的领域较大时,照料起来就很 不轻易。 ? 一般的做法是: ? (1)先将网站中的各样新闻资源实行收拾、 分类,然后正在硬盘上确立一个网站文献夹 (即网站根文献夹) ? (2)再遵照须要正在根文献夹中确立若干子文 件夹,以存储分别类型的文献或分别实质 的文献。网站的主页应放正在根文献夹中。 主页文献名寻常用index.htm定名。 ? (3)榜样化的定名 ? 文献和文献夹名最好利用字母,能够蕴涵 数字和下划线。应避免利用中文,中文名 大概导致浏览舛错或探访腐败。■□ ? 文献名应容易懂得,最好做到见名思义。 如英文名称、汉语拼音等。 领会文献面板 文献面板重要有三个方面的效力: ( 1 )照料当地站点,包含确立文献夹和文献,对 文献夹和文献实行重定名等操作,也能够照料当地 站点的构造; (2)照料长途站点,包含文献上传、文献更新等; (3)能够贯串收集行使办事器,预览动态网页。 创筑当地站点 ? 演示 “长沙全国之窗”网站的创筑步伐。 ? 操作步伐: ? 1)诈骗Windows的资源照料器正在硬盘上新筑一 个站点根文献夹,再遵照须要正在根文献夹中确立 若干子文献夹,以存储分别类型的文献。 ? 2)实行菜单“窗口/文献”,掀开“文献”面板。 ? 3)实行菜单“站点/照料站点”,掀开照料站点 对话框,单击“新筑”按钮掀开界说站点对话框, 输入实质。 照料站点 1.切换站点 2.编纂站点 3.复造站点 4.删除站点 5.创筑文献夹和文献 6.转移和复造文献 7.重定名文献夹或文献 8.删除文献夹或文献 利用“资源”面板 1.掀开资源面板 利用“资源面板”之前务必先创筑一个 站点。然后选拔菜单【窗口】→【资源】命 令,◆◁•将会掀开“资源面板”,资源面板与文 件面板正在统一个面板组中。 2.将资源出席保藏列表 正在“资源面板”的上方,有两个单选按 钮:“站点”、“保藏”。假如选拔“站点” 流露以资源列表式样显示站点中的一齐资源; 假如选拔“保藏”,则以“保藏”资源列表 技巧实行显示。 3.向文档中增加资源 (1)将光标定位于思要出席资源的地点。 (2)掀开“资源面板”,选拔资源的种 类图标按钮。 (3)选拔“站点”或者“保藏”单选按 钮,然后正在列表落选拔所要的资源。 (4)从“资源面板”中拖动资源到选中 的对象或者单击“资源面板”左下角的 按钮, 如此资源就被行使到文档中。 网页文档的基础操作 1.新筑网页文档 单击 Dreamweaver 8主窗口的菜单【文 件】 → 【新筑】,掀开“新筑文档”对话框, 正在该对话框中,先单击“旧例”选项卡,然 后正在“种别”列表落选拔“基础页”,正在 “基础页”列表中单击选拔“HTML”选项, 然后单击【创筑】按钮即可创筑一个网页文 档。 2.保全网页文档 保全网页文档的技巧重要有: 技巧一:单击“规范用具栏”中的【保全】 按钮 或者【统共保全】按钮 。 技巧二:单击 Dreamweaver 8 主窗口的菜 单【文献】→【保全】或者【保全统共】。 3.掀开网页文档 单击 Dreamweaver 主窗口的菜单【文献】 →【掀开】,会弹出“掀开”对话框。 正在 Dreamweaver 主窗口中单击菜单【文 件】,鼠标指针指向【掀开比来的文献】菜 单项,弹出的菜单项的能够掀开比来编纂过 的网页文档。 ★ 教室试验 ★ 1.操作使命 诈骗本章所研习的学问,竣事以下操作: (1)创筑一个定名为“教室试验”确当地 网站,该网站的一齐文献存储正在本机上E盘的 “ClassroomPractise”文献夹中。 (2)正在“文献面板”的站点根目次下创 筑一个文献夹“00创筑站点”。 (3)正在文献夹“00创筑站点”中创筑三个 子文献夹“image”、“music”和“text”。 (4)正在文献夹“00创筑站点”中创筑一个 定名为“00.html”的网页文档。 (5)将所需的图像文献和音笑文献折柳复 造到“image”和“music”文献夹中。 2.成绩闪现 所创筑的“教室试验”站点,以及该站点 中的文献夹和文献。 图3-18 教室试验网站的站点构造 3.创造重点提示 (1)文献夹“ClassroomPractise”务必正在 Windows操作体系的资源照料器中创筑。 (2)其他子文献夹能够直接诈骗Dreamweaver 的“文献”面板创筑。 (3)拷贝图像文献和音笑文献也是正在Windows 操作体系的资源照料器中竣事。 ★ 课表拓展试验 ★ 1.诈骗“站点界说” 对话框中的“高级”选项 卡中的“当地新闻”创筑 一个学校网站,该网站命 名为“广东纺院网站 ”, 保全正在文献夹 “MyCollege”中。 2.正在所创筑的站点 根目次下创筑如图所示的 多个子文献夹。 ★ 本章幼结 ★ 本章中心研习了怎么创筑站点和照料站点, 同时也理会了网页文档的基础操作和“资源” 面板、“文献”面板的利用技巧。这些操作都 是最基础的操作,熟练职掌将会有帮于自此网 页的创造。 第4章 页面的团体支配 ? 课程指引 本章重要研习怎么设立网页的团体页面 属性。 ? 学问技巧目的 (1)剖析Dreamweaver 8的参数设立技巧 (2)职掌页面属性的设立技巧 (3)职掌设立文献头实质的技巧 (4)研习辅帮用具的利用 ?站点成绩闪现 网页01.html的页面属性团体设立成绩如 图所示。 图4-1 网页01.html的页面团体设立成绩 ? 本章操作使命 ( 1 )正在站点“长沙全国之窗”根目次下 创筑一个文献夹“01页面支配”,正在该文献夹 中创筑一个定名为“01.html”的网页文档。 ( 2 )设立“首选参数”,全部设立恳求 见4.1节。 (3)设立网页“01.html”的表观属性、 链接属性、题目属性、题目 / 编码属性,且正在 浏览器中浏览网页的设立成绩。全部设立恳求 见4.2节。 (4)为网页“01.html”插入合头字和说 明。 4.1 参 数 设 置 4.2 设 置 页 面 属 性 4.3 设 置 文 件 头 内 容 4.1 参数设立 设立“首选参数”之前先正在站点“长沙 全国之窗”根目次下创筑一个文献夹“01页 面支配”,正在该文献夹中创筑一个定名为 “01.html”的网页文档。 1.掀开“首选参数”对话框 正在Dreamweaver 8主窗口中,单击菜单 【编纂】→【首选参数】或者利用火速键 “Ctrl+U”,即可掀开“首选参数”对线.参数设立技巧 “首选参数”对话框左边的“分类”列 表中列出了20种分其它种别,选拔一品类别 后,该种别中一齐可用的选项将会显示正在对 话框的右边参数设立区域。 3.参数设立举例 (1)设立旧例属性 ?显示肇端页。○▲ ?允诺多个不断的空格 ?利用CSS而不是HTML标签 (2)设立站点属性“老是显示当地文献 于右”。 掀开“首选参数”对话框后,正在该对话框 的左边的“分类”列表落选拔“站点”选项, 然后正在“老是显示”列表项落选拔“当地文献” 和“右”即可。 (3)设立复造/粘贴属性:利用“编纂 粘贴”从其他行使轨范粘贴到策画视图时, 复造“带构造的文本及统共样子”。 ? (4)设立代码提示属性: ? 启用代码提示 4.2 设立页面属性 页面属机能够支配网页的题目、靠山 色、靠山图和文本色彩等,◇▲=○▼=△▲重要对页面表 观实行团体上的支配。 1.掀开“页面属性”对话框 正在Dreamweaver 8主窗口中,单击菜 单【点窜】→【页面属性】或者正在“属性 面板”中单击【页面属性】按钮都能够打 开“页面属性”对线.设立表观属性 对网页“01.html”表观属性的设立 恳求如下: (1)“页面字体”设立为“宋体”, “巨细”设立为“14px”。 (2)“靠山色彩”设立为 “#CCFFFF”。 (3)“左边距”和“右边距”设立 为“80px”。 下面遵照属性设立恳求竣事网页“01.html” 表观属性的设立。 (1)掀开“页面属性”对线)左边“分类”列表落选拔“表观”。 (3)从“页面字体”下拉列表框落选拔 “宋体”动作页面中的默认文本字体。 (4)正在“靠山色彩”文本框中能够设立网 页的靠山色彩 寻常情形下,靠山色彩都设立成白色, 假如不设立靠山色彩,常用的浏览器也会默 认网页的靠山色彩为白色。为了加强网页背 景成绩,能够对靠山色彩实行设立。 (5)设立左边距和右边距 正在“左边距”文本框中能够设立网页 左边空缺的宽度,正在“右边距”文本框中 能够设立网页右边空缺的宽. (6)设立靠山图像 正在“页面属性”对话框中也能够设立 网页的“靠山图像”,其技巧是:正在“背 景图像”文本框中输入网页靠山图像的道 径和名称。 (7)单击【确定】按钮或者【行使】按 钮,竣事表观属性的设立。 (8)保全网页的属性设立。 3.设立链接属性 “链接”选项重要对页面的超链接文本 的字体、色彩等实行设立。 对网页“01.html”链接属性的设立恳求如 下: (1)网页中超链接文本默认状况下的 字体设立为“楷体”、字体巨细设立为14px。 (2)网页中超链接文本的色彩设立为 “blue”,探访过的超链接色彩设立为 “purple”。 (3)网页中已激活的超链接文本色彩 设立为“navy”。 (4)变换图像链接色彩设立为“aqua” (即当鼠标指针转移到网页中超链接文字上 方时超链接的色彩为“aqua”),下划线样 式设立为“仅正在变换图像时显示下划线”。 下面遵照属性设立恳求竣事网页 “01.html”链接属性的设立。 (1)掀开“页面属性”对线)左边“分类”列表落选拔“链 接”。 (3)正在“链接字体”列表框落选拔 “楷体”,假如字体下拉列表框中没有列出 所需的字体,能够单击最终一项“编纂字体 列表…”,增加所需的字体。 (4)正在“巨细”列表框落选拔“14”, 单元默以为“像素(px)”。 (5)正在“链接色彩”文本框中输入 “blue”。 (6)正在“已探访链接”文本框中输入 “purple”。 (7)正在“营谋链接”文本框中输入 “navy”。 (8)正在“变换图像链接”文本框中输 入“aqua”。 (9)正在“下划线样式”列表框落选拔 “仅正在变换图像时显示下划线)单击【确定】按钮或者【行使】 按钮,竣事链接属性的设立。 (11)保全网页的属性设立。 4.设立题目属性 “题目”选项用于设立网页中各级题目 的字体、巨细等属性。 对网页“01.html”题目属性的设立要 求如下: (1)设立网页中题目的字体为“黑体”。 (2)设立题目1的巨细为“24px”,色彩为 “black”。 “题目”选项用于设立网页中各级题目 的字体、巨细等属性。 对网页“01.html”题目属性的设立要 求如下: (1)设立网页中题目的字体为“黑体”。 (2)设立题目1的巨细为“24px”,色彩为 “black”。 (3 )正在“题目 1”的“巨细”列表框落选拔 “24”,单元默以为“像素(px)”,色彩文本 框中输入“black”。 (5 )单击【确定】按钮或者【行使】按钮, 竣事题目属性的设立。 (6)保全网页的属性设立。 5.设立题目/编码属性 “题目 / 编码”选项用于设立网页的标 题和文字编码等属性。 对网页“01.html”题目/编码属性的设立要 求如下: ( 1 )网页的题目设立为“长沙全国之 窗”。 ( 2 ) 文 档 类 型 设 置 为 “ HTML 4.0 Transitional”,编码设立为“简体中文 (GB2312)”。 下面遵照属性设立恳求竣事网页 “01.html”题目/编码属性的设立。 ( 1 )掀开“页面属性”对话框,•☆■▲左边 “分类”列表落选拔“题目/编码”。 (2)正在“题目”文本框中输入“长沙世 界之窗”。 ( 3 ) 正在 “ 文 档 类 型 ” 列 表 框 落选 择 “HTML 4.0 Transitional”。 ( 4 )正在“编码”列表框落选拔“简体 中文(GB2312)”,将网页的文字编码设立成 中文。 ( 5 )单击【确定】按钮或者【行使】 按钮,竣事“题目/编码”属性的设立。 (6)保全网页的属性设立。 4.3 设立文献头实质 对网页“01.html”文献头实质的设立要 求如下: (1)设立网页“01.html”的文字编码 为“简体中文”。 (2)为网页“01.html”插入合头字 “长沙”、“旅游”、“全国之窗”。 下面遵照文献头实质的设立恳求竣事网 页“01.html”文献头实质属性的设立。假如 网页处于合上状况,先掀开网页“01.html”。□▼◁▼ 4.3.1 正在策画视图中显示“文献 头实质”的用具栏 正在 Dreamweaver 8 主窗口中,单击菜单 【查看】→【文献头实质】,如此文献头内 容用具栏便会展示正在策画视图的上部。 4.3.2 设立文献头实质的技巧 1.设立META 设立Meta的步伐如下: (1)“插入”用具栏切换到“HTML”类 型,然后正在“文献头”下拉菜单中单击 【 META 】按钮。掀开“ META ”对话框,接下 来正在该对话框中实行参数设立。 (2)该对话框中的属性设立竣过后,单 击【确定】按钮。 2.插入合头字 插入合头字的步伐如下: “插入”用具栏切换到“HTML”类型, 然后正在“文献头”下拉菜单中单击【合头字】 按钮,掀开“合头字”对话框,正在该对话框 中输入合头字“长沙,旅游,全国之窗”即 可。 3.插入诠释 很多探寻引擎能够读取形容Meta标志的 实质,▲●插入诠释的技巧与插入合头字犹如, 正在“HTML”插入用具栏的“文献头”下拉菜 单中单击【诠释】按钮,弹出“诠释”对话 框,正在该对话框中输入对页面的诠释新闻即 可。 4.设立链接 “链接”能够界说此刻网页和当地站点中 另一个网页之间的干系,让其他网页供给给 此刻网页文献联系的资源和新闻。 4.4 辅帮用具的利用 利用标尺、网格、辅帮线 ? 标尺 ? 网格 ? 辅帮线 ? 利用缩放安全移 ★ 教室试验 ★ 1.操作恳求 掀开“学生教室试验”站点文献夹“01 页面支配”下的网页文档“01.html”,完 成以下各项的操作。 (1)首选参数的设立恳求 设立启动Dreamweaver 8时显示肇端页; 设立站点属性“老是显示当地文献于左”; 创筑网页文档时,设立默认文档为“HTML” 文档,设立默认扩展名为“.html”;设立 “复造/粘贴”属性:利用“编纂粘贴”从 其他行使轨范粘贴到策画视图时,复造“带 构造的文本”,不算帐Word段落间距。 (2)页面属性的设立恳求 ? 表观属性的设立 “页面字体”采用“默认字体”,“大 幼”采用“12px”;“靠山图像”选用image 文献夹下的“bj01.jpg”;“左边距”和 “右边距”设立为“100px”,“上边距”和 “下边距”设立为“20px”。 链接属性的设立恳求 网页中超链接文本默认状况下的字体设 置为“宋体”,字体巨细设立为14px;网页 中超链接文本的色彩设立为“blue”,探访 过的超链接的色彩设立为“olive”;当鼠标 指针转移到网页中超链接文字上方时超链接 的色彩设立为“maroon”,下划线样式设立 为“变换图像时秘密下划线”;网页中已激 活的超链接文本色彩设立为“fuchsia”。 ? ? 题目属性的设立恳求 设立网页中题目的字体为“隶书”,标 题1的巨细为“18px”,色彩为“aqua”。 ?“题目/编码”属性的设立恳求 网页的题目设立为“湘江谷”;文档类 型设立为“HTML 4.0 Transitional”,编码 设立为“简体中文(GB2312)”。 2.创造重点提示 (1)参数设立正在“首选参数”对话框 中实行,单击菜单【编纂】→【首选参数】 或者利用火速键“Ctrl+U”,即可掀开“首 选参数”对线)页面属性设立正在“页面属性”对 话框中实行,单击菜单【点窜】→【页面属 性】或者正在“属性面板”中单击【页面属性】 按钮都能够掀开“页面属性”对话框。 ★ 本章幼结 ★ 本章重要疏解了怎么设立首选参数,如 何设立页面属性,怎么设立文献头实质,辅 帮用具怎么利用。这些设立都是从表观上对 页面实行有用支配,◆●△▼●轻易网页的创造和浏览。 页面团体支配的技巧,除了设立旧例的靠山 色彩、靠山图片等属性以表,▲★-●Dreamweaver 8再有辅帮线、缩放等常用且必备的效力, 职掌好这些基础用具的利用,有帮于咱们更 好的创造网页。 ★ 课表拓展试验 ★ 1.正在“广东纺院网站 ”站点的文献夹 “01页面支配”中创筑一个网页文档,定名为 “01.html”。 2.对网页01.html设立首选参数、设立 页面属性、设立文献头实质。(参考41页的课 堂试验实行设立)

赛车网投平台