DWCC2018基本网页设计注意要点、使用技巧

目录:
一、注意要点
-------------1、“实时视图”“设计”的选择
-------------2、调出属性框
-------------3、在浏览器中实时浏览自己的网页
二、部分使用技巧
-------------1、文本格式化标记
-------------2、网页整体属性编辑
-------------3、插入视频、列表项、邮件链接等
-------------4、图片热点链接建立

DWCC2018HTML基本网页设计技巧方法详解
https://blog.csdn.net/cwyp18809/article/details/82826431

DWcc2018免费下载及安装
https://blog.csdn.net/cwyp18809/article/details/86682057

一、使用注意要点:
1、选择“实时视图“”状态时,在视图部分无法直接进行编辑,只能在“代码”区进行编辑
在这里插入图片描述
将“实时视图”改选为“设计”时,即可直接在“网页部分”(下图白色部分)进行编辑,基本过程和编写PPT类似
在这里插入图片描述

2、打开属性,将属性放置DW窗口下方或上方,方便以后编辑文本、表格、图片、链接、视频等
打开方式:顶端导航栏部分–>窗口–>属性
在这里插入图片描述
3、在浏览器中实时自己的网页
(导航栏)文件---->实时预览---->选择浏览器
在这里插入图片描述
二、基本使用技巧
1、文本格式化标记
选定好需要编辑的文本后,在已固定到窗口下方的属性栏里(没有的或则未固定的可直接右键文字即可出现“属性”)
可直接编辑文本的各项属性:大小,粗细、斜体、标记为标题、文字的背景颜色、增加链接等在这里插入图片描述
2、网页整体属性编辑
属性栏(窗口–>属性)–>页面属性(右下角)
可直接更改网页背景、颜色、自定义各级标题字体大小、页边界间距等
在这里插入图片描述
3、插入视频、列表项、邮件链接
右侧工具栏——>插入
可插入image(图片)、Flash动画、音频等 一般只需要根据系统提示一步步操作即可

在这里插入图片描述
注意:插入视频时,应将视频转码为flash格式再插入。
视频类型一般默认累进式下载视频,流视频需要服务器支持
在这里插入图片描述
4、图片热点链接建立
插入图片–>选择图片–>窗口右下角
有三种热点链接标记方式
在这里插入图片描述
注意:必须在“设计状态”下才会出现如上图的热点链接标记方式在这里插入图片描述
添加链接:
方法一:直接输入完整链接;
方法二:通过文件夹查找本地网页;
方法三:左键连接框旁的准心不放指向右边“文件栏”里的你想要指向的网页或文件

后续部分慢慢完善

  • 8
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值