当前位置：文档之家 › 网页设计第1章

网页设计第1章

  • 格式：ppt
  • 大小：4.03 MB
  • 文档页数：77
网页设计第1章

合集下载

TP-4702.0101Dreamweaver网页设计与制作第1章

TP-4702.0101Dreamweaver网页设计与制作第1章


Dreamweaver
Dreamweaver是Macromedia公司推出的，是目前国 内公认的最佳的网页制作工具，最近版本为 Dreamweaver 8
教学进程
1.2 网站的策划和设计
1.2.1 网站的风格
风格，是指站点的整体形象给访问者的综合感受，比 较抽象。 网站的整体形象包含以下因素 ☻网站标志的设计 ☻ 色彩 ☻ 版面布局 ☻ 浏览方式 ☻交互性 ☻文字 ☻价值
合理的版面布局
精美的网站标志
注重色彩搭配
网页内容便于浏览
网页内容要精彩
简约、美观
教学进程
1.1.2 网页设计常用的工具
FrontPage
FrontPage是Microsoft公司推出的Web站点创建和管理 工具，它是微软Office成员之一。 FrontPage是一个所见即所得的“傻瓜”型网页制作软 件，你可以在对HTML毫不了解的情况下轻松地制作 出自己的网页来，你需要做的只是用鼠标以及键盘的 简单操作。
紫色
紫色：给人神秘、压迫的感觉。
白色
白色：具有洁白、明快、纯真、清洁的个性。
灰色
灰色：具有中庸、平凡、温和、谦让、中立和 高雅的个性。
ห้องสมุดไป่ตู้
教学进程
1.2.3 设计草图
根据实际需要，画出网站的设计草图
教学进程
1.3 Dreamweaver 8介绍
1.3.1 Dreamweaver简介
Dreamweaver 8 是一款专业的HTML编辑器 用于对Web站点、Web页和Web应用程序进行设计、 编码和开发。
第4章 超级链接的应用
第5章 图像与多媒体 第6章 使用CSS样式表
第7章 交互式表单的应用
网页设计与制作各章习题及答案

网页设计与制作各章习题及答案


A. Ctrl+ALT+A B. Ctrl+ALT+I C. Ctrl+ALT+L D. Ctrl+A
(6) 在网页中不论是加入图像文件或是超链接。（ B ） ）
A. 它们都是绝对路径
B. 它们都是相对路径
C. 它们都是路径
D. 以上都不对
(7) 在 DreamweaverMX 中，站点分为（ B ）
答：WWW 是“World Wide Web”的缩写，其含义是“全球网”。是以超文
本传输协议为基础，提供面向 Internet 的信息查询服务，WWW 服务可以让用
户能用统一界面的信息浏览系统查询 Internet 上的各类信息。
(2) WWW 服务的工作原理是什么？
超文本 访问
用户 浏览器 服务器 1 服务器 2
</BODY> </HTML>
(4) 再在上一题的基础上，给第一行滚动的文字加上黄色背景，给第二行滚动的 文字加上红色前景。 答：<HTML>
<HEAD> <title>欢迎大家访问</title>
</HEAD> <BODY>
<P><marquee direction=right bgcolor="#FFFF00">“我会努力学习 网页制作技术”</marquee><br> <marquee behavior=alternate> <font color="#FF0000">“我一定能制作出精美的网页”</font> </marquee>
网页制作技术(三剑客)第1章

网页制作技术(三剑客)第1章

网页制作技术（三剑客）
第 1 章网站制作入门
课程描述
• 大致了解一个网站的基本设计流程与着 重点，在脑海中产生一个对网站的总体 印象。
关于网页制作三剑客
网页制作三剑客原是 Macromedia 公司为专业的网页设计师开发的网页制作套装软件
系 列 ， 三 个 软 件 分 别 为 ： 专 业 网 页 制 作 软 件 Dreamweaver 、 图 像 修 改 处 理 软 件
本章小结
• 本章对网页三剑客进行了简单的介绍，同时通过
简单的说明讲解了一个普通网站的开发流程以及需要注
意的方面，让读者对后面所要讲解的内容先有一个大致
的了解，同时明确学习的方向，以便更容易的将后面章
节所学有序的结合在一起，做出自己心代表性的名字
（2）网站的风格、主色调以及分辨率的选择
（3）直观的网站菜单结构及清晰的后台目录结构 、 （4）如何确定网站的主题
（5）如何优化网站，提高被搜索到的几率
（6）如何提高网站的可操作性 （7）网站的更新与维护 （8）网站成品的浏览器兼容测试 （9）不可忽视的版权意识
Fireworks 、以及在业界占有绝对市场份额的著名动画制作软件 Flash，他们拥有极强 的专业性和强大的功能； ADOBE公司于2005年收购了Macromedia公司，产品正式更名为
“ ADOBE 网页制作三剑客”，经过几年的发展，最新的版本为“ ADOBE 网页制作三剑客
CS3”，并正式作为“ADOBE CS3”家族的一分子发售，新版本在功能上更强大，除了修正 了一些已有的BUG外，还对大量的常用组件的使用进行了优化，优化后的组件在调用上 精简了很多，更加突出了所见即所得的理念，为网页设计者的开发工作提供了更夺得便 利，开发效率更上一层楼。
网页设计与制作cs8 第1章

网页设计与制作cs8 第1章


5
2.退出Dreamweaver 2.退出Dreamweaver 8.0 退出 退出Dreamweaver 8.0的方法很简单，我们可以有以下几 种方式退出编辑界面： （1）单击Dreamweaver 8窗口右上方的关闭按钮； （2）按下“Alt+F4”组合键； （3）选择“文件”菜单中的“退出”命令，或按快捷键 Ctrl+Q退出系统。
9
步骤3:单击“管理站点”对话框中的“新建”按钮， 在弹出菜单中选择“站点”命令。
10
步骤4：单击“站点”命令后，系统会弹出窗口，这是 一个定义站点的向导，选择“基本”选项卡，给网站 定义一个名称，例如“数学与计算机系”。
11
步骤5：单击“下一步”按钮，在窗口中设置网站是否 使用服务器技术，例如：ASP、PHP等。由于我们要制 作的是基本的静态网站，所以选择“否，我不想使用 服务器技术”单选按钮。
1．创建文件夹和文件 文件面板通常显示站点中的所有文件和文件夹，但新建 的站点中不包含任何文件或文件夹。所有的文件和文 件夹都需要新建，在文件面板中站点根目录上单击鼠 标右键，然后从弹出的快捷菜单中单击菜单项“新建 文件夹”或“新建文件”，接着给新的文件夹或文件 命名。
20
建立站点目录的几个要求： 建立站点目录的几个要求：
3
1.1 Dreamweaver 8.0简介
8.0的启动和退出 1.1.1 Dreamweaver 8.0的启动和退出 8.0的工作环境 1.1.2 Dreamweaver 8.0的工作环境

4
8.0的启动和退出 1.1.1 Dreamweaver 8.0的启动和退出
1.启动Dreamweaver8.0 1.启动Dreamweaver8.0 启动 在Windows操作系统下，单击左下角的【开始】按钮，从 【程序】菜单中选择Macromedia菜单，然后从子菜单 中单击【Macromedia Dreamweaver 8】即可启动，如 图所示。