精华内容
下载资源
问答
  • 一、新建或打开网页在前一章已创建...二、设置页面属性对于在Dreamweaver中创建的每个页面,都可以使用“页面属性”对话框指定布局和格式。页面属性主要包括设置网页中文本的颜色、网页的背景颜色,以及背景图片、网...

    一、 新建或打开网页

    在前一章已创建了网站和相应的页面,因此在继续制作时,只需要打开已存在的页面即可。

    步骤

    “文件”面板选定已创建的站点myfootball,双击aboutme.html,在“编辑”窗口打开此文件。

    二、 设置页面属性

    对于在Dreamweaver中创建的每个页面,都可以使用“页面属性”对话框指定布局和格式。页面属性主要包括设置网页中文本的颜色、网页的背景颜色,以及背景图片、网页边距等

    步骤:1、在“属性”面板中单击“页面属性”按钮,或选择“修改-页面属性”命令,打开“页面属性”对话框,如图所示。

    c779b6f6ae25babad2b7cc0b1c34a68a.png

    2、单击“背景图像”文本框后面的“浏览”按钮,选择图像文件qiu.jpg,使该图片以平铺的方式铺满页面,如图所示。

    ee1364ef44cbf08fcf03adc99d0b5341.png

    3、分别设“左边距”和“上边距”值为0px,使页面边缘没有间隙。

    4、用户还可以设置标题、链接、标题/编码等项的属性。在“分类”列表中选择某一项,对话框右侧会出现有关该选项的属性。

    5、设置完成后,单击“确定”按钮。

    三、设置头部信息

    网页文件的HTML代码由两个主要部分组成,即head部分和body部分。Head部分是除文档标题外的不可见部分。Body是文档的主要部分,也是包含文本和图像等的可见部分。

    1、 设置页面标题

    7650603afcec7fb8f19159a07eb60b84.png

    2、设置标签

    标签主要用于为搜索引擎robots定义页面主题信息,它还可以用于定义用户浏览器上的cookie、鉴别作者、设定页面格式、标注内容提要和关键字,同时,它还可以设置页面,使其根据定义的时间间隔刷新自己。

    插入标签的方法是:选择“插入”面板组中的“常用”选项卡,单击文件头”下拉按钮,如图所示,或选择主菜单“插入-HTML-文件头标签”命令,选择需插入的相应信息,打开如图所示菜单。

    ce7263fae234ea3e5c94dba4043f6611.png

    3726b4f9ed6d51f03f263876f1fc2b89.png

    ① 插入“作者”信息

    单击META选项,META标签记录有关当前页面的信息。在“值”中输入author,在“内容”中输入“自己名字”,作者的信息就设置好了,如图所示。

    ddba7a4c335a7294aef67653a5ece508.png

    ② 插入“关键字”

    设置网页的关键字后,使用搜索引擎可以再网络上快速搜索到该网页。

    单击“关键字”选项,在标记为“关键字”的文本框中输入关键字,并以逗号隔开,如图所示。

    e417e0c16d79c3b66e466bbdab51aa03.png

    ③ 插入“说明”

    “说明”为网页的说明性文字,如作者、介绍等。它和关键字一样可供搜索引擎寻找网页。如图所示。

    7f869816740d976adbdcf4fdd4f5c1ac.png

    ④ 插入“刷新”

    7ea6b0513eaa701c54cfa81a8ab1131c.png

    四、 规划页面布局(用表格布局)

    将光标置于页面中,在“插入”面板的“常用”类别中,单击“表格”图标,插入41列表格,宽为750px,将边距、间距等均设为0.在“属性”面板中将“对齐”设置为“居中对齐”。

    ef00d37eb88f6f40167571dcaa503075.png

    2f78ccd96d6c9dd70d06ede4f5b24177.png

    五、 添加页面元素

    1、插入文本

    步骤①将光标定位于第三行单元格内,打开素材文件夹中的me.doc文件,将其中内容全部选中,复制粘贴到该单元格中,如图。

    0146e7a46ec4442c632dd24e9e9f3099.png

    ②选中文章标题文字“我与足球”,在“属性”面板中单击“CSS”按钮,切换到“CSS样式”属性栏,单击7f8cb9e558d495a8130a6fafc805352a.png按钮,在弹出的“新建CSS规则”对话框中输入新样式的名称“biaoti”,如图所示,单击“确定”按钮,将标题文字的对齐方式设置为水平居中。

    a01c565c39ac43144a968a2d01bcf61e.png

    ③再进一步设置其文本格式,如图。字体为“华为彩云”,大小为24px,颜色为#999900,选中粗体bb39b7df4a7b75b218e47c8657890e32.png、斜体按钮9ab37928292a8a475a6d01ba00374eef.png。其他正文属性采用默认值。

    45161e1d9e8cc30566edf1726e6cb410.png

    2、插入图像

    步骤

    将光标定位在表格第1行单元格内,然后在“插入”面板的“常用”类别中,单击“图像”图标,从素材文件夹中选择hf.jpg图片,单击“确定”按钮。

    在弹出的“图像标签辅助功能属性”对话框的“替代”文本框中,在只显示文本的浏览器或已设置手动下载图像的浏览器中输入代替图像显示的文字,如图所示。

    d31e4fb3f97d134d44f85fa222546a99.png

    单击“确定”按钮,网页横幅图像便被插入到了页面光标所在的位置。用同样的方法,在文章中插入另一张图。

    8e4a92831dd10142368f40888345bf89.png

    单击图片后,在属性面板中可以看到该图片的各属性值,如图。

    1b0bf3163fb9f42961ced10172b1d9a0.png

    3、图文混排

    步骤

    选中前面插入的图像,然后单击鼠标右键选择“对齐-左对齐”,如图所示,图像和文字就呈混合排列了。

    f4c94d9d12b3204aba682af2d66858cd.png

    2441cea34eebf81ca529264f46d45bc8.png

    为了使图像和文字之间的间距不至于太过紧密,可以选中图像之后,在“代码”8f36f8b4f98cd3e6f7e356e5bdfef8da.png视图里,通过编写代码hspace、vspace来设置图像的垂直边距和水平边距,如图所示。

    chatu.jpg

    c8b3aab4d02011bf9268a03f8f863710.png

    4、图像的编辑

    步骤

    选中图像,单击“属性”面板中的“编辑”74c13939c3ba612f20dd1e777ac9c197.png按钮,启动在“外部编辑器”首选参数中指定的图像编辑器并打开选定的图像,对图像进行编辑。若系统安装了Fireworks(或photoshop),单击“编辑”按钮则会打开软件编辑,完成后网页中的图片自动被更新。

    单击84e86c8ee68bcf88f22e00bfdd78f6fb.png按钮,“图像预览”对话框,进行图片优化。在Dreamweaver cs6下优化图像是经常使用到的功能,如图所示为图像优化窗口。

    731574b99ccbad50e1a6f4bdda079dca.png

    裁剪图像。因为图像的面积过大,为了突出图像的主题,这里使用裁剪工具14f66c307008c1b56c64030e864073ec.png进行图像的裁切。通过调整图像四周的调节柄即可裁剪图像的内容。效果如图。

    821603ec5aefa9fd0f321eb8d6710f86.png 

    使用重采样工具3c8c99229db828285cfacaef5f571585.png按钮缩小图像尺寸。单击该按钮后,如果把图像宽度和高度值变小后,可以重采样图像,是文件本身尺寸变小,如图所示为图像崇彩阳前后图像文件的大小对比(4k--3k)。

                           1e0c93557b26088a3697a7fbf0490110.png            7cf75d746817ccfa16fc79de90714866.png

    对图像进行调整亮度和对比度以及锐化图像的操作。

    单击5e4ec44d457b0b3d556b4deff4dd9516.png按钮,打开如图所示“亮度/对比度”对话框,通过拖动滑块或直接输入数值可调整图像的亮度和对比度。

    ac6cc43f1ecc4d8da8a1d6645bfcd69a.png

    单击b00f6af37fe2c226797e8c64b8facb79.png按钮,打开如图所示的“锐化”对话框,通过拖动滑块或直接设置数值来调整图像的锐化效果。

    d8f38c0e9595b92de5b6a6cdf1e93668.png

    5、插入“鼠标经过图像”效果

    鼠标经过图像是一种在浏览器中查看并使用鼠标指针经过它是发生变化的图像。

    步骤

    将光标放到要插入鼠标经过图像的位置。

    选择“插入-图像-鼠标经过图像”命令,或在“插入”面板中打开“常用”选项卡,单击“图像”按钮,从下拉列表中选择“鼠标经过图像”,打开“插入鼠标经过图像”对话框,如图所示。

    d120c095d74ee4413a675d7445a1b166.png

    ec1aa374dd23324af9c8fdd1904ec8fe.png

    “插入鼠标经过图像”对话框中可以进行如下设置。

    “图像名称”文本框输入图像名称,如pic1。

    选择“原始图像”右侧的“浏览”按钮,打开“原始图像”对话框,从中选择一幅图像,如图所示,单击“确定按钮”。

    39435d656cf0df98573d6190e3fe90db.png

    选择“鼠标经过图像”右侧的“浏览”按钮,打开“鼠标经过图像”对话框,从中选择鼠标经过时的图像,单击“确定”按钮。

    选中“预载鼠标经过图像”复选框,可将图像预载入浏览器缓冲区中。

    “替换文本”文本框中输入交互文本,例如“主题图像”

    “按下时,前往的URL”文本框中输入链接地址。

    单击“确定”按钮,插入鼠标经过图像,选中该图片,将其对齐方式改为“右对齐”。

    选择“文件-在浏览器中预览-IExplore”,或按F12键,打开浏览器,将鼠标放到图片上,即会显示交互图像,预览效果如图。

              c45895143713e68f8638705a88189d2d.png    5720dd24532002e3aad61939c4a7ef09.png

    6、插入日期

    步骤

    ①将插入点放到表格最下面一行的单元格内,在“属性”面板中将单元格的“水平”设为“居中对齐”。

    ②选择“插入-日期”命令,或选择“插入”面板“常用”选项卡中的“日期”按钮,此时系统将打开“插入日期”对话框,如图所示

    3607009359a2831aef2851920dd0248e.png

    ③选择一种日期格式,单击“确定”按钮,即可在指定位置插入日期和日期对象,如图所示。

    825af2878ecf3fbdea2b1a5f2a0478d2.png

    7、插入特殊字符

    步骤

    将光标定位在插入日期后面,按Shift+Enter组合键换行。

    选择“插入-HTML-特殊符号”命令,或选择“插入”面板“文本”选项卡中的“字符”按钮右边的级联式菜单,从中选择所需的符号如版权符号©,如图所示。

    a732dc7065fbb67d9491c303717254c9.png

    六、 制作超链接(导航栏)

    步骤

    ①将光标放到网页横幅图像的下一行,在HTML属性面板中将单元格的水平选项设为居中。

    ②分别输入“主页、足球明星、足球新闻”等导航文字,将中文输入法切换到全角方式后按空格键,输入几个连续的空格来间隔文字,如图所示。

    4db0e7ded5a54dd9bce084b046881cba.png

    ③选中“主页”文本,在“属性”面板的“链接”文本框中设置要跳转的页面index.html,同样,设置“足球明星”的链接为photo.html,“足球新闻”的链接为news.html

    七、 保存网页

    在修改了页面或制作完成后,都应及时保存,选择“文件-保存”命令,由于本网页是前面建好后又打开的,所以不会弹出“保存为”对话框,而直接存盘了。

    展开全文
  • 7.2.4 设置单元格日期格式 7.2.5 为销售金额添加货币符号 7.2.6 为单元格添加色彩 经验分享 发票氟收据的联系与区别 7.2.7 完成销售收据中各项金额的计算 7.2.8 自定义单元格格式让金额大写显示 7.2.9 为邮编添加...
  • 如果您不会更改源代码,可在参数设置-网站前台样式配置-第三统计代码输入框内添加第三统计代码,如要隐藏该统计代码,则只需在统计代码前后加一段隐藏代码即可。备注有提供隐藏代码! 6.如何最便捷的更改模板内容 ...
  • 70款经典Dreamweaver插件

    2011-09-21 12:42:27
    calendarPopup 一个弹出日历表格,用以确保输入的日历是按照特定的格式进行输入的,主要特色包括:日历链接,按照需要的方式设定日历的格式,按照需要可以在日期项目间增加分隔符等等功能 MX95982_shortcutIconOB_v1...
  • Android 上百实例源码分析以及开源分析 集合打包4

    千次下载 热门讨论 2012-07-10 21:54:03
    3.设置自动切换飞行模式的时间和重复日期 4.设置控制不受飞行模式控制的无线硬件 5.设置是否在切换飞行时进行震动提示 6.进入切换飞行模式10秒钟提示(延迟飞行,立即飞行,取消飞行) 7.可以进行延迟飞行操作 8....
  • 更新说明:完善了长期假条和短期假条的显示方式,使整个页面更加整洁,添加了数据的显示功能,优化两种假条上数据的显示格式,使打印的时候比较好看,在function函数中增加了数字格式日期转换为中文日期的功能,修改...
  • Visual Studio程序员箴言--详细书签版

    热门讨论 2012-10-16 20:37:39
    技巧2.6 在编辑器中显示导引线以帮助您设置代码格式 29 技巧2.7 设置文档、选定的文本或者只是当前行的格式 30 技巧2.8 保留制表符或者插入空格 30 技巧2.9 将空格转换为制表符和将制表符转换为空格 30 ...
  • -重构了示例网站的架构,目前只有一层IFrame结构。 -为TabStrip增加EnableTabCloseMenu属性,是否启用右键菜单,可用来关闭当前Tab和所有其他Tab。 -为NumberBox增加DecimalPrecision属性,用来控制小数点后的...
  • ExtAspNet_v2.3.2_dll

    2010-09-29 14:37:08
    -重构了示例网站的架构,目前只有一层IFrame结构。 -为TabStrip增加EnableTabCloseMenu属性,是否启用右键菜单,可用来关闭当前Tab和所有其他Tab。 -为NumberBox增加DecimalPrecision属性,用来控制小数点后的...
  • 400个DreamWeaver插件

    2013-03-28 15:30:13
    mxp/在本地文件加中设置IE的首页,作用不是很大 mxp/Conversa Web CDK技术使得网页中的声音技术得到了进一步的发展。这个插件使得这种技术在Dreamweaver得到完美表现 mxp/一个层的移动插件,很不错的。其控制项和...
  • 安装盘内有使用了Divx 5.1.2格式制做的AVI Demo ,演示如何生成文档,如何做漂亮的界面设置.  在安装后的 Demo目录中带有一个做好的太空保垒的小说文件片段  其中带有部分漂亮的太空保垒图片    主要的功能是...
  • asp.net知识库

    2015-06-18 08:45:45
    怎么在ASP.NET 2.0中使用Membership asp.net 2.0-实现数据访问(1) ASP.NET 2.0 新特性 .NET 2.0里使用强类型数据创建多层应用 在MastPage中引用脚本资源 2.0正式版中callback的一些变化+使用示例(ASP.NET 2.0)...
  • Linux 操作系统基础教程 清华大学信息学院计算机系 目 录 前言..........................................................................................................................................
  • 出版日期:2006 年10月 开本:16开 页码:737 版次:1-1 内容简介  本书是一本关于Oracle 9i & 10g数据库体系结构的权威图书,涵盖了所有最重要的Oracle体系结构特性,包括文件、内存结构和进程,锁和闩,事务、...
  • java面试宝典

    2013-02-28 16:04:01
    219、如何格式日期 53 220、文件和目录(I/O)操作 54 230、J2EE的优越性 54 231、Java语言的11个关键特性. 54 232、说出Servlet的生命周期,并说出Servlet和CGI的区别。 55 233、说出在JSP页面里是怎么分页的? 55...
  • 千方百计笔试题大全

    2011-11-30 21:58:33
    219、如何格式日期 53 220、文件和目录(I/O)操作 54 230、J2EE的优越性 54 231、Java语言的11个关键特性. 54 232、说出Servlet的生命周期,并说出Servlet和CGI的区别。 55 233、说出在JSP页面里是怎么分页的? 55...
  • 出版日期:2011 年1月 开本:16开 页码:706 版次:2-1 编辑推荐  久负盛名的Oracle经典  世界顶级专家Thomas Kyte力作  Ask Tom!解决你所有的Oracle疑难杂症 内容简介  本书是一本关于oracle database 9i、...
  • C#微软培训教材(高清PDF)

    千次下载 热门讨论 2009-07-30 08:51:17
    C#--微软.NET的第一语言 本书着重介绍语言本身,比较少涉及应用,不错的入门书,从头讲起,不怕不明白。 <<page 1>> page begin==================== 目 目目 目 录 ... 比尔.... 2000 年 6 月 ...
  • C#微软培训资料

    2014-01-22 14:10:17
    <<page 1>> page begin==================== 目 目目 目 录 录录 录 第一部分 C#语言概述.4 第一章 第一章第一章 第一章 .NET 编 编 ... 比尔....这一天 微软公司正式推出了其下一代...
  • c#学习笔记.txt

    热门讨论 2008-12-15 14:01:21
    另外他对我上一集中说Microsoft越来越不要脸也极为生气,因为相比之下,Sun也不怎么样,微软已经将C#提交设在日内瓦的ECMA(European Computer Manufacturers' Association,国际标准化机构欧洲电子计算机工业会)并...
  • 出版日期:2009 年11月 开本:16开 页码:504 版次:1-1 编辑推荐  10年从业生涯中无数次被面试和面试他人的经验总结  告诉你哪些技术是重要的,是面试官最看重的  获取稳定的DBA职位的必读宝典 内容简介  ...

空空如也

空空如也

1 2
收藏数 21
精华内容 8
关键字:

网站日期格式怎么设置