网页设计与制作图文教程.ppt

网页设计与制作 徐志红 xzh@ 网页设计与制作 第一讲 网页设计基础知识 教学目标 了解Internet基础知识 掌握WWW工作原理 了解网站建设的步骤和制作工具 Internet基础知识 Internet简介 计算机网络：是指通过网络设备把在地理上分布于不同地点的多个计算机系统连接起来，用来实现信息交换、资源共享和协同工作等功能的系统。 Internet：是全球最大的、开放的、由众多网络互联而成的计算机互连网，又称“因特网”。 Internet简介（续） Internet的起源和发展 Internet的功能和应用 www（上网，下载MP3，Flash，图片，文字） E-mail（申请电子信箱，收发邮件） FTP（文件传输） Telnet（远程登陆） BBS（留言区） 下载图片操作步骤 双击桌面上的IE浏览器 在地址栏中输入，单击“图像”链接 输入关键字，如“风景”，有哪些信誉好的足球投注网站 打开图片，大小合适时，右击下载 获取屏幕画面 Print Screen：截取显示器显示的全部画面。 Alt+Print Screen：截取显示器活动窗口的画面。 软件截图 Snagit、Hypersnap 演示软件安装、截图 1、 3 2、 “图像处理”文件夹 E-mail 如何申请电子邮箱 电子邮箱的使用 举例: 登陆 注册信息后，设置帐号、密码 文件传输 登陆3 打开“网页制作软件”文件夹 下载安装Dreamweaver 8.0 Telnet 远程登录 操作方法: 单击”开始”菜单?”运行” 输入“ Telnet ” BBS 聊天室 例:中国科技大学BBS /index.html 搜狐BBS / WWW简介 web起源于1982年，是world wide web的简称，一般也称WWW或3W。 全球信息网,万维网 友好的图形界面及简单的操作方法,可以浏览从文章、图像、到声音,乃至动画等各种不同形式的信息。 下载文字，图片，MP3，Flash 常用网址: WWW工作原理 客户机、服务器、 HTTP(超文本传输协议) URL 统一资源定位器 传输协议://主机名[端口标识]/路径/文件名 举例： 7 (IP地址) (域名地址) 常见的网络浏览器——IE IE：Internet Explorer，是Microsoft公司开发的一种综合型的网上浏览软件，是目前使用最广泛的WWW浏览器软件，也是访问Internet必不可少的工具。 IE的基本操作： 快速启动IE IE的工作界面 IE的基本配置（设置主页、管理收藏夹） IE的使用 将当前网页收藏：“收藏”—“添加到收藏夹” 整理收藏的网页：“收藏”—“整理收藏夹” 设置主页：通过“工具”菜单的“Internet选项”命令，可进行设置。 滁州学院网站 网站概论 网站是为表现同一主题的网页、图片等文件的集合。网站既是一个抽象组织和思想的体现，也是一个物理的文件的集合。 如： 搜狐网站 新浪网站 网站建设的步骤 制作环境的准备 网站目标的确定 网站的主题、风格和创意点的确定 网站结构的确定 网站素材的准备 网站制作工具的选择和确定 网站的建立 网站的测试和上传 网站的宣传和推广 网站的更新和维护 什么是网页 网页实际是一个文件，存放在世界某个角落的的某一台联网的计算机中。网页经由网址（URL）来识别，当我们在浏览器输入网址后，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。 网页间通过超级链接形成网站。访问网站其实就是访问其中的网页。 什么是主页？ 访问网站的地址看到的第一个页面，主页的URL就是网站的URL。 网页中使用的技术 HTML语言 XML语言 动态网页技术DHTML JavaScript /CSS Flash 动态数据库技术 ASP/JSP 网页制作工具 1．FrontPage 是由Microsoft公司推出的新一代Web网页制作工具。 FrontPage界面与Word、PowerPoint等软件的界面极为相似，为使用者带来了极大的方便，Microsoft公司将FrontPage封装入Office之中，成为Office家族的一员，使之功能更为强大。 网页制作工具 2 ． Dreamweaver 是由Macromedia公司推出的一款在网页制作方面大众化的软件。 特点： 具有可视化编辑界面，即使是初学者也能制作出相当于专业水准的网页。 支持动态HTML，从而奠定了在网页高级设计功能方面的领先地位。 Dreamweaver是一种可以满足多层次需求、功能强大的可视化专业级