网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索
dreamweaver吧 关注：196,305贴子：308,132
  • 13回复贴，共1页

如何创建网页中的基本对象？

网页中插入文本
插入特殊字符和日期
插入项目列表和编号列表
插入图像
插入水平线
设置页面属性


【网页中插入文本】
1、直接在网页窗口中输入文本
一般情况下，不允许输入多个连续的空格，若需要的话，
第一种方法：“首选参数”修改。

第二种方法：输入法设为全角状态，以QQ拼音输入法为例

最终效果：

涨姿势：
1、分段换行：enter键
2、普通换行：shift+enter键


2、复制/粘贴外部文本（以word为例）
word原图：

（1）在dreamweaver cs6程序界面，执行”文件》导入》word文档“命令，打开”导入word文档“对话框

（2）从电脑中找到word文档并选中，然后”格式化“修改格式


格式化里含义：
仅文本：是指无格式文本，就是导入时所有格式被删除。
带结构的文本：导入时保留段落、列表、表格结构格式，其余格式被删除。
文本、结构、基本格式：导入具有结构格式并带有简单的HTML格式。
文本、结构、全部格式：导入的文本保留所有结构、HTML格式、CSS样式等。
（3）单击”打开“，最终效果：


3、调整文本
这个方法很简单，在属性面板调整文本就行。

除此以外，字体设置方法，编辑字体列表找到，在可用字体里选择字体，实现新建字体。



【插入特殊字符和日期】
1、插入特殊字符
执行”插入》HTML》特殊字符“菜单命令，

单击”其他字符“，可以看到多种字符

注意：
换行符shift+输入（enter键），相当于”<br>“
空格ctrl+shift+space(空格键)，相当于“&nbps;”
2、插入日期
执行“插入》日期”菜单命令，

效果：


【插入项目列表和编号列表】
1、插入项目列表
（1）首先执行“窗口》插入”菜单，可以看到“插入”面板


（2）切换“文本”对象，选择文本对应单击项目列表


效果：
2、插入编号列表


另外，在编号列表进行定义选项，
执行“格式》列表》属性”命令，弹出其对话框，该对列表进行更深入设置


然后针对性设置

列表类型：分别有编号列表、项目列表、目录列表、菜单列表等4个，其实“目录列表”和“菜单列表”适合较低版本浏览器中起作用，目前高版本浏览器失去效果。
样式：用来设置项目列表里每行开头的列表标志。
开始计数：是编号列表从第几开始。
下面“列表项目”，用来创建列表运用样式和计数。


【插入图像】
1、在网页中插入图像
执行“插入》图像”命令，或快捷键ctrl+alt+I键

这个属性窗口，若不想提示，可在“首选参数”里找到

最终效果

若图片保持缩放图像，可按住“shift”键，并鼠标左键拖曳节点。
2、下面是图片属性设置

详解说明
ID：是输入图像的名称id
源文件：是图像的所在路径
替换：用于说明文本，是在没有图像情况下，说明文本显示出来
宽：图像的宽度
高：图像的高度
链接：给图像或图像热区添加链接，实现页面跳转。
编辑：对图像进行编辑
目标：链接的目标在浏览器中的打开方式。分别是blank，parent，self，top等。
原始：设置图像的Photoshop源文件与Fireworks源文件。


【插入水平线】
在“插入”面板中选择“常用”对象，单击“水平线”按钮，或执行“插入》HTML》水平线”命令。



属性详解：
水平线：输入水平线的名称。
宽、高：以像素为单位或以页面尺寸百分比指定水平线的宽度和高度。
对齐：是指水平线的对齐方式，水平线的宽度小于浏览器的宽度时，该设置才使用。
阴影：绘制水平线时是否带阴影。


原来是教程帖， 顶一个先


【设置页面属性】
用来设置文本的颜色、网页的背景颜色、背景图像、网页边距等
执行”修改》页面属性“命令，或属性面板上单击”页面属性“按钮。
1、外观（css）

设置比较简单，不用解释。
2、外观（HTML）

这个链接设置颜色，网页边距，背景图像。在<body>里添加属性代码，不会自动CSS生成。
3、链接（CSS）

这个会自动生成CSS样式
4、标题(CSS)

这个标题字体、颜色，设置较简单，不用解释了
5、标题/编码

标题：是指网页标题。
文档类型（DTD）：一般默认是XHTML 1.0 Transitional.
编码：网页的文字编码
重新载入：转换现有文档，或使用新编码重新打开该页面。
Unicode标准化表单：选择UTF-8作为页面编码，该选项才可以使用。
包括Unciode签名（BOM）：在文档中包括一个字节顺序标记（BOM）。用于标识编码的标准标记。
此这个设置一般不用设置的。
6、跟踪图像

用来设计。。。


此教程完毕，各位期待下一个教程帖子“创建站点详解”。


扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！
  • 13回复贴，共1页
分享到: