1、Dreamweaver工具的使用
这里写自定义目录标题
- 网站概述
- 网页基本术语
- 网页概述
- 网页内常用术语
- 网站建设的基本流程
- 开发环境的认识和本地站点的创建
- 开发环境和开发工具介绍
- 创建本地站点
- 站点目录结构
- 使用Dreamweaver制作淘宝网新闻页面
- 使用Dreamweaver创建网页
- 插入表格
- 插入图像
- 页面属性的设置
- 文本格式化
- 段落
- 换行方法：
- 插入空格方法：
网站概述
网页基本术语
网页概述
网页：一个纯文本格式的文件，使用任何文本编辑器都可以打开编辑，编写语言为HTML（超文本标记语言），在浏览器中被翻译成网页形式显示出来
网站：由一个一个网页构成的，是多个网页的结合体
主页：打开网站后出现的第一个网页
网页内常用术语
域名：浏览网页时输入的网址
IP地址：输入域名后，通过DNS解析获得网站所在计算机的IP地址。
HTTP：超文本传输协议，传输网页的通信协议，规定浏览器如何通过网络想网站服务器发送请求，以及把网站服务器的相应请求传回网页。
FTP：文件传输协议，通过FTP可上传、下载、查询、修改、删除等
URL：统一资源定位符，万维网寻址系统，是网络中的所有资源使用统一格式来指定所在路径与服务器，表示网页的internet位置的URL形式为“http://”
HTML：超文本标记语言，可用来编写网页，设定网页中文字。
超链接：将网站中不同网页链接起来，实现网页间的跳转。
发布：将做好的网页上传到服务器供用户访问。
网站建设的基本流程
需求分析：网站的定位
确定主题：主题独特，吸引用户
设计功能：网站具有哪些功能
规划结构：如何将各个页面有机的组合在一起
设计布局：页面的整体布局
测试站点：1、测试页面效果2、网站连接速度3、网站中的链接是否正确4、文档位置是否正确，图片、动画、音乐效果是否正常5、浏览器的兼容性。
发布网页：将做好的网页通过FTP等方式上传到网站服务器。
开发环境的认识和本地站点的创建
开发环境和开发工具介绍
菜单栏
文档工具栏：不同视图间快速切换
文档窗口：显示当前文档的形式
属性检查器：可以检查和编辑当前选定页面元素的常用属性
面板组：
创建本地站点
- 在本地磁盘中创建文件夹taobao。并在文件夹中创建image文件夹来存放制作网页用到的图片
- 站点——新建站点——修改名称和指定站点存放路径（上一步创建的taobao文件夹）——保存
- 在面板组右下角“文件”面板中可以看到创建的taobao站点——右键可以新建文件、新建文件夹。
站点目录结构
为了使素材能够分门别类地存储到相应的文件夹下，方便统一管理
Images、Image：存放图片的文件夹
Common：存放后台文件的文件夹
Style：CSS文件夹
Script：js脚本文件
Include：开发人员自己开发的功能函数文件夹
Temp：临时文件夹，用于存放客户提供的各种原始的资料，
Media：存放网页中加载的多媒体文件，
News、Product、Blog：根据主页上的内容划分相应的栏目板块，新闻、产品、博客
使用Dreamweaver制作淘宝网新闻页面
使用Dreamweaver创建网页
方法一：文件——新建——空白页——HTML（页面类型）——无（布局）——创建
方法二：选择“文件”面板——右击“站点”——新建文件
插入表格
方法一：插入——表格——设置参数——确定
方法二：点击“插入”面板——“常用”类别——表格——设置参数——确定
插入图像
方法一：插入——图像——选择图像——确定
方法二：“插入”面板——“常用”——图像——选择图像——确定
页面属性的设置
修改——页面属性——设置页面属性——确定
编辑淘宝网购物页面
文本格式化
=选中文本——属性检查器——CSS——新CSS规则——设置属性——回车——设置选择器名称——确定
段落
换行方法：
- 插入——HTML——特殊字符——换行符
- 快捷键：Shift + Enter
- 插入面板——换行按钮
- 光标放在需要换行的位置，按Enter键
插入空格方法：
- 插入——HTML——特殊字符——不换行空格
- 快捷键：Ctrl + Shift +空格键
- 插入面板——空格按钮
- 切换全角输入法（Shift + 空格键）——空格键
print ("hahaha")
1、Dreamweaver工具的使用相关推荐
- 网页制作工具之------Dreamweaver界面
本书使用的版本是Adobe Dreamweaver CS6,关于软件的安装可以直接按照窗口提示操作即可,本书直接讲解软件安装后如何使用. 双击运行桌面上的软件图标,进入软件界面.这里建议用户依次选择菜 ...
- 平台服务器测试3—接口测试工具实现
平台服务器的接口测试用例及测试数据准备完毕后,接下来的工作就是如何去进行接口功能测试了,如果使用客户端来进行平台服务器的接口测试,不但某些测试用例无法进行覆盖(例如上传不合法的版本号),而且有的输入值 ...
- 跨平台移动开发工具:PhoneGap与Titanium全方位比拼
PhoneGap和Appcelerator Titanium,对于封装和配置移动应用程序而言,二者都是非常受欢迎的开源JavaScript框架.本文为Appcelerator开发者Kevin Whin ...
- 手机php网站开发工具,4款好用的网站开发工具推荐
原标题:4款好用的网站开发工具推荐 1.Dreamweaver 工具简介: 老牌的网页编辑软件,功能非常强大,最大的优点是可视化编辑,还有错误提示,深受前端开发人员和网站开发人员欢迎!Dreamwea ...
- DreamWeaver初学教程
DreamWeaver是个原本由Macromedia公司所开发的著名网站开发工具.它使用所见即所得的接口,亦有HTML编辑的功能.它现在有Mac和Windows系统的版本.随Macromedia被Ad ...
- java web 教案_《Java web程序设计》教案.pdf
课题:第一章 Java Web 概述 [教学目标] 掌握 JSP 运行环境的搭建,能进行简单的 JSP 程序编写与运行. [教学重点] Eclipse+Dreamweaver 工具.项目的导入.导出. ...
- 我的WEB之路（一）-2.JAVA学习路线
第一阶段:针对性夯实JAVA基础 课程名称 核心要点 完成目标 Java基础入门 搭建Java开发和运行环境等,IDE工具的学习和使用,Java语言基础,数据类型,运算符,条件和循环,数组使用等,Ja ...
- html笔记（一）html4+css2.0、css基础和属性、盒模型
w3c 官网 这里是 html4 的内容 大标题 小节 一.关于HTML 1. 基本语法 2. HTML常用标签 3. 相对路径和绝对路径 二.css基础 1. 表单元素 2. 创建样式表 3. cs ...
- 计算机控制专业代码,专业代码080605.doc
专业代码080605 专业代码:080605 广东工业大学华立学院 学 部: 机电与信息工程 ＿ 专 业: 计算机科学与技术 二0 一五 年 五 月 四 日 目 录 1 校外分散教学实习要求1 1.1 ...
- “青春树儿童摄影网”首页制作
"青春树儿童摄影网"首页制作 一.实验名称: 二.实验日期: 三.实验目的: 四.实验内容: 五.实验步骤: 六.实验结果: 七.源程序: 八.心得体会: 一.实验名称: &quo ...
最新文章
- Mysql高级调优篇——第三章：Sql实战调优场景剖析（上）
- 【快乐水题】677. 键值映射
- 日常生活小技巧 --惠普战66三代 重装系统
- 【设计模式】—— 适配器模式Adapter
- C# 派生类的构造函数
- ireport 循环_ireport5.6.0分组显示
- python获取网站图片_python获取网站图片
- KernelShark Documentation
- 使用Firebase、Angular 8和ASP.NET Core 3.1保护网站
- AMD深度学习库MIOpen更新，支持CNN加速
- 对设计领域中Tile和Card的理解
- 如何终止线程的运行（C/C++）
- python信息安全工具之端口扫描器
- ska测试软件怎么用,wow伤害测试软件SIMC怎么用？SIMC使用详细攻略
- php 使用gd库,PHP的gd库使用基础教程
- Ubuntu20.04 截图工具推荐
- 管理小故事100例1
- 安装ubuntu20.04无法连接wifi问题
- 纯java写2D格斗游戏（一）——界面背景设置及人物的简单设置
- ajax的get json数据格式,jQuery / 用getJSON()方法加载JSON格式数据 - 汇智网