第1章 网页制作概述

同而明确的标题 是需要的。
下一页
上一页
1.4 网页制作工具
❖Dreamweaver
Dreamweaver 是由美国著名的软件开发商Macromedia公司推出的一个“所见即所得”的可视 化网站开发工具。可用于可视化设计与管理网页和网站的专业级HTML编辑器。Dreamweaver是 唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。 可编写ASP、JSP及PHP 程序，从而创建动态网站系统。包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、 JavaScript、Java、Flash、ShockWave等特性。
1995年4月创办“中国黄页”网站。1997年年底，马云和他的团队在北京开 发了外经贸部官方站点、网上中国商品交易市场等一系列国家级站点。 1999年初，马云回到杭州以50万元人民币创业，开发阿里巴巴网站。
第一章 基础知识
1 网页的概念 2 网页的分类 3 HTML概述 4 网页制作工具 5 网页制作前的准备工作
在eBay易趣网及淘宝网上店铺中，在校大学生开的“个人店铺” 达到40%
李彦魔术般 地成为每股122.54美元，一夜之间产生了9位亿万富翁、 30位千
本章内容
1.1 Internet基础知识 Internet
Internet是由遍布全球的各种网络系统、主机系统，通过统一的协议TCP/IP联接在一起所组成 的世界性计算机网络系统。
• WWW（World Wide Web）服务： – World Wide Web（万维网），简称WWW，是Internet上最重要的信息服务之一，WWW是 以Internet上众多WWW服务器所发布的无数网页及它们之间的链接为基础构成的一个庞 大的多媒体信息网。

《网页设计与制作》习题参考答案第一章网页设计与制作概述1、填空题（1）静态网页、动态网页（2）HyperText Mark-up Language、超文本标记语言或超文本链接标示语言（3）文字、图形图像、动画、视频（4）Microsoft Frontpage（或SharePoint Designer）、Adobe Dreamweaver2、问答题(1)www的特点有哪些？答：1）万维网是无数个网络站点和网页的集合，它们在一起构成了因特网最主要的部分。

2）WWW是建立在客户机／服务器模型之上的。

3）WWW是以超文本标注语言HTML(Hyper Markup Language)与超文本传输协议HTTP(Hyper Text Transfer Protocol)为基础。

4）WWW能够提供面向Internet服务的、一致的用户界面的信息浏览系统。

5）WWW浏览提供界面友好的信息查询接口。

(2)网页的基本元素有哪些？答：组成网页的元素主要有文字、图像、声音、动画、视频、超链接以及交互式处理等。

它们的特点如下：文字：网页中的大多数信息主要以文本方式显示，文字是网页的主体，负责传达信息的功能。

图像：图片给网页添加了色彩，使网页做到了图文并茂，形象生动。

动画：动画是动态的图形，添加动画可以使网页更加生动。

常用的动画格式包括动态GIF图片和Flash动画声音和视频：声音是多媒体网页中的重要组成部分，支持网络的声音文件格式很多，主要有MIDI、WA V、MP3和AIF等。

网页中支持的视频文件格式主要有Realplay、Mpeg、A VI和DivX等。

表格：在网页中使用表格可以控制网页中信息的结构布局。

超链接：超链接是网页与其他网络资源联系的纽带，是网页区别于传统媒体的重要特点导航栏：导航栏的作用是引导浏览者游历所有站点。

表单：表单类似于Windows程序的窗体，用来将浏览者提供的信息，提交给服务器端程序进行处理。

其他常见元素：包括悬停按钮、Java特效和ActiveX等各种特效。

第一章 网页是怎样制作的
1.2 网页制作软件 一、图像制作软件 1、photoshop：是Adobe公司推出的一款 、 ： 公司推出的一款 优秀的图像处理软件 2、Fireworks：是Adobe公司专门为处理网 、 ： 公司专门为处理网 页图片量身订做的图像处理软件
第一章 网页是怎样制作的
二、动画制作软件 网页中的动画主要包括GIF动画和 动画和SWF 网页中的动画主要包括 动画和 动画。 动画。 GIF动画可以使用 动画可以使用Fireworks、 动画可以使用 、 photoshop及Flash等软件进行制作。 等软件进行制作。 及 等软件进行制作 SWF动画主要通过 动画主要通过Flash软件进行制作 动画主要通过 软件进行制作
第一章 网页是怎样制作的
第一章 网页是怎样制作的
（2）表单：是用于填写申请或提交信息的交 ）表单： 互界面，如电子信箱、主页空间和QQ号码 互界面，如电子信箱、主页空间和 号码 等的申请页面及登录页面或者进行内容搜 索的搜索页面等都是采用表单来实现交互 的。
第一章 网页是怎样制作的
（3）图像：是网页中不可或缺的元素 ）图像： （4）动画等多媒体元素 ） 网页中常用的音乐格式有MID及MP3两种。 两种。 网页中常用的音乐格式有 及 两种 MID音乐通过电脑软硬件合成的音乐， 音乐通过电脑软硬件合成的音乐， 音乐通过电脑软硬件合成的音乐 不能被复制。 不能被复制。 MP3音乐为压缩文件，其压缩率非常高 音乐为压缩文件， 音乐为压缩文件 且音质效果较好，是背景音乐的首选。 且音质效果较好，是背景音乐的首选。
第一章 网页是怎样制作的
二、网站的制作流程 1、收集资料和素材 、 2、规划站点 、 3、制作网页 、 4、测试站点 、 5、发布网站 、 6、更新和维护站点 、

网页设计原则
01
02
03
04
简洁明了
网页设计应简洁明了，避免过 多的装饰和元素，突出核心内
容。
易于导航
网页的导航结构应清晰明了， 方便用户快速找到所需内容。
一致性
保持网页设计的一致性，使用 相同的字体、颜色、布局等，
提高用户体验。
用户体验优先
始终以用户需求为导向，设计 出符合用户习惯和期望的网页
。
边框是围绕内容和内边距的 线。
04
05
外边距是边框与其他元素之 间的空间。
04
网页布局与设计
网页布局
固定布局
整个网页的宽度和高度固定，适 合展示内容较多的网页。
流动布局
网页宽度自适应，高度根据内容多 少而变化，适合展示内容较少的网 页。
响应式布局
根据不同设备的屏幕大小和分辨率， 自动调整网页的布局和样式，确保 在不同设备上都能获得良好的用户 体验。
属性通常位于开始标签中，并且以名称/值对的形式出现，例如`<a href="https://">链接</a>`中的 `href="https://"`就是一个属性。
常见的属性包括`src`（定义元素的来源）、`class`（定义元素的类名）、 `id`（定义元素的唯一标识符）等。
发布与维护
将网页部署到服务器 上，定期更新和维护 网页内容。
02
HTML基础
HTML简介
HTML是HyperText Markup Language的缩写，中文译为超文本 标记语言，是用于创建网页的标准标 记语言。
HTML文档是由HTML元素组成的， 元素是由标签来定义的。