第一讲 网页设计与编程介绍
合成《计算机网络与应用》课程 合成《计算机网络与应用》 该课程实验的内容成为本课程的主干
课程参考书
《基于开放平台的网页设计与编程》 基于开放平台的网页设计与编程》
程向前 编著 清华大学出版社出版 2002.8
学习的目的
了解和掌握现代计算技术中重要的计算模型
Client/Server(C/S结构 结构) 结构 Browser/Server(B/S结构) 结构) ( 结构
网页设计与编程
选修课情况介绍
主讲人: 主讲人:计算机教学实验中心 程向前 辅导教师: 辅导教师:谢 涛
课程的起源
2001年为西区的电子商务专业开设网络课程 年为西区的电子商务专业开设网络课程
西区98电子商务专业(网络与数据库) 西区 电子商务专业(网络与数据库) 电子商务专业 西区99级电子商务专业 网络与应用) 级电子商务专业( 西区 级电子商务专业(网络与应用)
课程的特点(续 课程的特点 续)
强调实验和创新
每讲都有相应的实验 要求进行网站建设和实验 为每个同学创建网上实验环境 实验和创新占到成绩的100% 实验和创新占到成绩的
课程的特点(续 课程的特点 续)
就像做建筑设计(分建筑 风格设计和结构设 就像做建筑设计(分建筑-风格设计和结构设 一样,网页(网站) 计)一样,网页(网站)设计也分平面设 计 和结构设计. 和结构设计. 本课程, 本课程,事实上是把网络作为实现现代信息系 统的基础结构来看待,其主要内容将网络应用, 统的基础结构来看待,其主要内容将网络应用, 程序设计,数据库三者有机结合, 程序设计,数据库三者有机结合,并为网络化 的信息系统提供一个可抽 象,可实现的基本 模型. 模型.
万维网的应用中的平台安全机制
UNIX系统安全性 系统安全性 SSL,…等的应用g@ 欢迎参加志愿研究工作 欢迎提出和探讨相关/相近的论题 欢迎提出和探讨相关 相近的论题
�
招募志愿者
在学有余力的基础上,进行: 在学有余力的基础上,进行:
CMS应用研究 应用研究
样式主题(Theme)的开发 的开发 样式主题 CMS模块(Moudle)的应用与开发 模块( 模块 )
PHP应用研究 应用研究
PHP应用功能的探讨 应用功能的探讨 PHP图形功能的开发 图形功能的开发 平台升级问题
student, 口令:ctec)(Dreamwaver 4.0汉化版) 口令: 汉化版) ( 汉化版
课件目录: 课件目录:/open_platform
课程资源(续 课程资源 续)
网上实验平台: 网上实验平台:202.117.50.35 支持以下网络实验: 支持以下网络实验:
telnet(red hate Linux 9.0/UNIX平台实践) ( 平台实践) 平台实践 ftp(匿名 实名文件传输 匿名/实名文件传输 匿名 实名文件传输) 个人网页( 实验网站) 个人网页(CMS实验网站)发布测试 实验网站 联机课件展示
课程资源(续 课程资源 续)
网上答疑: 网上答疑:
支持在线注册(立即注册,立即使用) 支持在线注册(立即注册,立即使用) 可以浏览上几届学生的在线提问和讨论
课件网站(资源下载 参考 课件网站 资源下载)参考 资源下载
/
需要学习网页设计和制作的同学请酌情选课
课程资源
网上课件(包括讲义,实验软件,软件手册, 网上课件(包括讲义,实验软件,软件手册, 参考书勘误表) 参考书勘误表) ftp://202.117.50.35/pub (支持匿名访问 支持匿名访问) 支持匿名访问 ftp://202.117.35.170/ (要求实名访问,用户名: 要求实名访问, 要求实名访问 用户名:
其他注意事项
本选修课程接受补充报名 补充报名的同学请将你的: 补充报名的同学请将你的:
学号,班级,年级, 学号,班级,年级,姓名发邮件到
邮件地址:xqcheng@ 邮件地址: 需要改选课程的同学请自行安排
课程考核
本课程考核, 网站建设100%; 本课程考核, 网站建设 ; 课程成绩在第19周网上公布 周网上公布; 课程成绩在第 周网上公布; 上机及答疑: , , , , 周 上机及答疑:8,10,14,15,17周,5-7节 节 计算机教学实验中心西区分部) (计算机教学实验中心西区分部) 考核依据:依据各位开发的网站质量而定 考核依据 依据各位开发的网站质量而定 允许团队开发(事先有计划 事后有答辩) 事先有计划/事后有答辩 允许团队开发 事先有计划 事后有答辩 13周之前报团队计划 周之前报团队计划; 周之前报团队计划
课程的特点(续 课程的特点 续)
课程内容的分布
CMS的应用,管理 的应用, 的应用 网页平面设计( 教学内容) 网页平面设计(占10%教学内容) 教学内容 网站的结构(包括网络基础,程序设计, 网站的结构(包括网络基础,程序设计,数据库应 设计( 教学内容) 用)设计(占50%教学内容) 教学内容
掌握网页设计与编程的一般概念 理解和掌握网站建设的基本概念 重要的是举一反三,在掌握基本概念以后, 重要的是举一反三,在掌握基本概念以后,形 成自学的能力和习惯
教学的思路
培养兴趣 传授方法 创建开发和实验平台 实践可延伸的创新学习模式 师生合作扩展教学平台覆盖的范围
课程的特点
起点比较低
计算机文化基础 一门程序设计语言
课程内容比较宽
计算机网络(万维网, 协议, 计算机网络(万维网,HTTP协议,网络操作系统 协议 网络操作系统— UNIX/Linux) ) 程序设计语言(中间件--PHP) 程序设计语言(中间件 ) 数据库的概念和应用( 结构数据库--MySQL) 数据库的概念和应用(C/S结构数据库 结构数据库 ) 网页设计(网页设计工具—Dreamwaver,HTML ) 网页设计(网页设计工具 内容管理系统( 内容管理系统 CMS )
网络上机账户
telnet 202.117.50.35 Login: ya01231001 上机用户名: 学号( 上机用户名:ya+学号(口令未设) 学号 口令未设) ftp 上传的账户名与 上传的账户名与telnet 相同 实验注意事项
除实验外,请勿上传 囤积 囤积MTV,MP3和软件包等 除实验外,请勿上传/囤积 , 和软件包等 网站资料请自行留底,以防主机故障, 网站资料请自行留底,以防主机故障,造成损失
网页设计与开发入门教程
网页设计与开发入门教程第一章：网页设计基础在开始学习网页设计与开发之前，先要了解一些基础概念。
网页是由HTML（Hypertext Markup Language）语言编写的，并使用CSS（Cascading Style Sheets）来装饰和布局。
网页设计的目标是为用户提供一个美观、易于使用且功能强大的网站。
1.1 HTML基础HTML是一种标记语言，用于描述网页的结构和内容。
了解HTML的基本语法和标签是网页设计的第一步。
常用的HTML标签有标题（h1-h6）、段落（p）、链接（a）、图片（img）等。
1.2 CSS基础CSS用于控制网页的样式和布局。
它可以通过选择器选择网页上的元素，并为其应用样式。
了解CSS的基本语法和常用的样式属性（如颜色、字体、边框、背景等）是进行网页设计的关键。
第二章：网页设计工具为了更高效地进行网页设计与开发，可以借助一些专业的工具。
以下是一些常用的网页设计工具：2.1 Adobe PhotoshopPhotoshop是一个功能强大的图像处理软件，网页设计师常用它来创建和编辑用于网页的图像和图标。
掌握基本的Photoshop技巧，如裁剪、调整颜色和大小等，是进行网页设计的基础。
2.2 Adobe IllustratorIllustrator是用于创建矢量图形的软件，特别适用于设计和制作网页上的矢量图标和图形。
熟悉Illustrator的绘图工具和路径编辑功能可以帮助网页设计师实现更精细的设计。
2.3 Sublime TextSublime Text是一款轻量级的代码编辑器，它支持多种编程语言和自定义插件。
在网页开发过程中，使用Sublime Text可以提高代码编写的效率和舒适度。
第三章：网页布局与排版在进行网页布局时，考虑到用户的使用习惯和视觉效果非常重要。
以下是一些常用的网页布局技巧：3.1 响应式设计随着移动设备的普及，响应式设计成为了一种必不可少的技术。
通过使用CSS媒体查询和流式布局，可以使网页在不同设备上自动适应，并提供更好的用户体验。
一讲：网页制作基础知识——网页制作
一、网页的基本概念
2、网站的分类
（1）按内容分类
户网站：以新闻信息、娱乐资讯等为主要功能。如搜狐、新浪、网易、雅 虎等。
电子商务网站：主要用于网上交易。如：阿里巴巴、易趣等。
即时通讯网站：用于实时性网上通讯交流。如腾迅QQ、雅虎等。
当用户用域名来访问远程的计算机时,必须由Internet的DNS的名字服务 器(Name Server)将域名翻译成对应的32位IP地址,然后才能完成对远程 的计算机的访问。
一、网页的基本概念
4、虚拟主机 虚拟主机是使用特殊的软、硬件技术把一台服务器主机分成几十个 “虚拟”的服务器主机，每台虚拟主机都具有独立的域名和IP地址 （或共亨的IP地址），具有完整的Internet服务器功能。 虚拟主机之间完全独立，在外界看来，每台虚拟主机和一台独立的 服务器主机完全一样。多台虚拟主机共亨真实主机的资源，这样就 可以把网络的开销费用均摊到每台虚拟主机上。 可利用虚拟主机技术建立个人主页，在大型网站上（提供存放主页 的免费空间，提供免费域名）申请主页空间和域名（免费或收费）， 获得成功后，把你制作的网页存放在虚拟主机上，这样你就好象在 Internet上拥有了自己的服务器和网站。
网页设计与制作
网页制作课程内容： 1、网页制作基础知识 2、HTML语言 3、Dreamveaver 4、综合应用(课程实训)
第一讲 网页制作基础知识
在学习网页制作之前，首先应了解一些网页 与网站的基本知识，了解常用的网页制作工 具，熟悉网站开发流程。 本讲要点： 网页的基本概念 网页包括的主要元素 网页制作流程 网页制作工具
一、网页的基本概念
3、IP地址和域名
IP地址：为了使连接在Internet上的计算机能够互相识别并进行通信， 每台连入Internet的计算机必须有个“标识号”Байду номын сангаас这个标识号便是计算 机在Internet中的地址。这个地址是由IP协议进行处理的，故称为计算 机的IP地址。
计算机科学初步学习网页设计和编程
计算机科学初步学习网页设计和编程计算机科学（Computer Science）作为一门学科，已经渗透到我们的生活中的方方面面。
而随着互联网的飞速发展，网页设计和编程成为了计算机科学中一个备受关注的分支。
本文将介绍计算机科学初步学习网页设计和编程的重要性和基本步骤，帮助读者快速入门并理解相关概念和技能。
一、网页设计的重要性随着现代社会信息化进程的加速，网页已成为人们获取信息、交流和展示的重要途径。
良好的网页设计不仅可以提升用户体验，还能够吸引更多的用户，从而推广和提升自身的品牌价值。
因此，学习网页设计成为了计算机科学领域的一个重要组成部分。
二、入门准备1.了解HTMLHTML（Hypertext Markup Language）是网页设计的基础语言，学习HTML是初步学习网页设计和编程的必备知识。
通过学习HTML，可以掌握各种标签的使用方法，了解网页的结构和元素等基础知识。
2.熟悉CSSCSS（Cascading Style Sheets）是网页样式设计的重要技术，通过CSS可以实现网页的布局、字体、颜色、背景等样式设置。
学习CSS 可以让网页更加美观、富有吸引力，并提升用户体验。
3.学习JavaScriptJavaScript是一种脚本编程语言，广泛应用于网页开发中。
通过学习JavaScript，可以实现网页的交互效果，如表单验证、动态加载内容等。
JavaScript的掌握对于提高网页的功能性和灵活性有很大帮助。
三、网页设计和编程步骤1.需求分析在开始设计和编程之前，需要明确网页的需求和目标。
考虑目标用户群体、网页的核心功能和交互方式等，为后续的设计和编程工作打下基础。
2.页面布局和设计根据需求分析的结果，设计网页的整体布局和风格。
合理安排页面结构、导航菜单和内容展示，确保网页的视觉效果和用户体验。
3.HTML编写根据设计的布局和结构，在文本编辑器中编写HTML代码。
按照HTML的语法规则，使用合适的标签和属性，构建网页的骨架和内容。
网页设计与制作第一课
不同的网页元素，属性面板的内容也会不同 。
面板组
【操作演示】：工作窗口的设置、保存、恢复 关闭Dreamw本网页的文件类型为HTML文档，保存的文件扩展名为 “.html”
1.创建网页文档（HTML文档）
文件→新建→新建文档→常规→类别→基本页 2.保存指定文件（编辑中的文件如果文件名后面带有“*”号，表示未保存）
在刚建立的站点下操作：
1）新建名为“img”的文件夹
2）新建一个名为“index”的网页 3）复制刚新建的网页，并且重命名为“myhomeweb”
The end,thank you!
其他操作： 1）多个编辑文件的切换选择 2）预览编辑中的网页 (快捷键F12)
【操作演示】：
1.新建一个网页，输入本人的名字，性别，年龄，爱好等内容 2.保存该网页，名字命名为“个人网页”。 3.打开刚保存的网页，删除里面关于年龄的内容， 再次保存。 4.在浏览器中预览。
5.检查无误后，关闭该文档。
五、创建站点
1、什么是站点
Dreamweaver的站点是一种管理网站中所有相关联文件的工具。通 过站点可以对网站的相关页面及各类素材进行统一管理，还可以以使用
站点管理实现将文件上传到网页服务器，测试网站。
站点简单的说就是一个文件夹。在这个文件夹里包含了网站中所有用
到的文件。我们通过这个文件夹（站点），对我们的网站进行管理，有
次序，一目了然。
【操作演示】： 创建站点
1)《我的个人网页》 站点根目录为 D：/myweb 2)设置默认图像文件夹
六、管理站点
1、在“文件”面板中实现以下操作 选择编辑网页文件 创建文件或文件夹
剪切、粘贴、复制、删除、重命名文件或文件夹
网页制作第一节
实现人机信息交互、以及客户端与服务器端的信息交互。比如， 我们在网页上注册或登陆个人信息等操作。
（六）超链接
超链接实现众多网页的相互连接。在网页中多数用文字或图片 实现超链接。
三、静态网页和动态网页
（一）静态网页 所谓静态网页，就是由html标记语言组成，后缀为.html或.htm的文件， 它可以包含静态文本、图片、动画、动态特效、人机交互等内容。 静态网页有两种： 1、HTML网页 HTML网页是由纯HTML语言标记组成，包含文本图片、动画、超 链接等元素，没有任何的动态内容和动态特效。
五、网页制作的准备工作
（一）了解一些网站设计的有关术语 4、域名
对于服务器，采用域名的方式即文字描述方式，来代替其IP地址。 比如，新浪网的域名为：，通过域名我们很容易去访 问某一网站。
但是，网络中寻找某一台主机都是通过IP地址完成的，因此，在 访问具有域名的网站服务器时，必须得到它的IP地址。将域名转换 成IP地址就需要DNS服务器，通过DNS服务器查找到要访问服务器 的IP地址。这就是为什么网络中要假设DNS服务器，以及我们在设 置个人主机IP地址的时候要设置DNS服务器地址的原因。
静态网页不能动态修改内容，若要修改其内容，需要去修改HTML文 档的源文件，然后重新打包上传到网站的服务器上。所以静态网页的维 护管理比较麻烦。如今，单纯的静态网页已经不存在了。
三、静态网页和动态网页
（二）动态网页 动态网页不是我们所说的网页中是否有动画或动态效果的网页，而是可 以实现客户端与服务器端的信息交互，可以实现动态更新内容的网页。 动态网页有以下三个特征： 1、以数据库为基础 动态网页中的很多元素通过数据库进行管理。目前，用的较多的 数据库技术是access、sql server、mysql和oracle。相比之下，access 数据库简单，oracle又相对比较难，因此，sql server数据库技术很受大 家青睐。
网页设计与制作 第1章 网页设计与制作概述
【学习目标】
1.掌握网页设计与制作中有关概念 2.了解Dreamweaver软件的界面构成 3.学会Dreamweaver的站点操作 4.学会Dreamweaver的文件操作 5.了解网站制作的一般流程，能够使用 Dreamweaver制作一个简单的网站
1.1 网站设计与制作的基础知识 1.1.1 网站设计的有关概念 互 联 网
1.3 站点操作 1.3.1 站点的创建
Step3
在“站点名称”文本框中修改站点名称，点击“下一步”进入图所示界面。由于 我们创建一个本地站点，所以不必使用服务器技术，选中“否，我不想使用服务 器技术”，点击“下一步”
1.3 站点操作 1.3.1 站点的创建
Step4
由于不需要连接到远程服务器， 此项选“无”后，单击“下一 步”；出现一个网站的汇总信息， 单击“完成”
1.4 实践与运用——农家院网站的设计与制作 1.4.2 新建网页
新建网页
设置页面属性
1.4 实践与运用——农家院网站的设计与制作 1.4.3 网页的设计 网页布局 设置导航
插入网页图像
互联网又名因特网，英文名字是Internet，是将全球范围内的计算机通过通信线路和 设置，采用标准的TCP/IP协议连接起来，能够实现资源共享和相互通信的计算机网 络。国际互联网络。通过互联网我们能够收发电子邮件、传输文件、上网浏览信息、 进行网络办公、开展电子商务等。目前，互联网已成为我们工作、生活、娱乐等不 可缺少的组成部分，目前全国网民已达4亿，大家除利用网络浏览信息外，还在进行 网上购物、网络办公、网络游戏、网络支付等，网络已渗透到社会生活的各个领域。 又名WWW网，特指利用浏览器对网络进行访问的部分。访问者通过浏览器（如IE） 访问网络资源（如新浪网、网易等），由于操作的简便性，非常受普通网民的欢迎。 正是由于其操作的简便性，许多网络服务都通过WWW来提供，如电子邮件的收发， 早期我们采用的收发软件如FoxMail已被束之高阁，而是直接通过浏览器访问电子 邮件服务器进行收发操作。在网络硬盘中，我们通过浏览器进行文件传输服务，我 们可以讲，对于新一代互联网用户来讲，万维网就是互联网。
信息技术课教案网页设计与编程
信息技术课教案网页设计与编程主题：信息技术课教案-网页设计与编程引言：互联网的快速发展使得网页设计与编程成为了当今时代最为炙手可热的技能之一。
作为一名优秀的知名教师，我将为大家呈现一份全面的教案，帮助学生掌握网页设计与编程技能，培养创新思维和动手能力。
一、认识网页设计与编程1. 互联网的重要性- 探究互联网在现代社会中的广泛应用- 了解互联网涉及的技术和概念，如HTML、CSS、JavaScript等二、学习HTML基础1. 什么是HTML- 简单解释HTML的定义和作用- 介绍HTML的基本结构和标签2. HTML的基本标签- 学习常见的HTML标签，如标题、段落、链接等- 实践操作，编写简单的HTML页面3. 利用CSS进行页面样式设计- 了解CSS的作用和基本语法规则- 学习如何使用CSS对页面进行样式设计- 实践操作，为HTML页面添加样式三、深入学习HTML和CSS1. 掌握更多HTML标签- 学习表格、表单、图片等HTML标签的使用方法 - 实践操作，编写更加丰富的HTML页面2. CSS的进阶应用- 学习CSS选择器、盒模型等高级概念- 实践操作，设计富有创意的页面布局四、引入JavaScript1. 介绍JavaScript的概念和作用- 简单解释JavaScript在网页设计中的应用领域- 了解JavaScript的基本语法和语句2. JavaScript的基础语法和操作- 学习变量、函数、条件语句等基本概念- 实践操作，为网页添加简单的交互效果3. JavaScript的高级应用- 学习DOM操作、事件处理等高级技术- 实践操作，开发动态和响应式的网页五、项目实践：设计个人网页1. 设计网页布局- 设计网页的整体结构和导航栏- 运用HTML和CSS进行布局设计2. 添加交互效果- 运用JavaScript为网页添加动态元素和特效- 提升用户体验，使网页更加生动有趣3. 网页优化与发布- 优化网页的加载速度和排版布局- 将个人网页发布到互联网上，与他人分享结束语：通过本教案，学生将掌握基本的网页设计与编程技能，培养创新思维和动手能力。
网页设计第一讲_基础知识
<head></head> 代码文档头 <title> <body></body> <table></table> <tr></tr> <td></td> 网页标题 代码文档体 表格 表格中的行 表格单元格
<frame></frame> 框架
【自学时间】 接下来，请大家阅读书本P7-P14，认识 一些常见的标签，并且跟着书本P8、P10、 P14的代码例子，在电脑中编写出这三个例子 的代码，分别保存成三个网页文件，从而加深 相关标签的认识。 我会检查你们做的情况，也会针对你们各 人的问题帮你们解决。
网页设计
课程简介
本课程主要介绍设计静态网页的相关技术 和技巧，它是为开发动态网站打基础的一个入 门课程。 本课程主要分成两个单元，第一单元以设 计一个个人网站为目标，学习静态网页设计的 基本技术 ，第二单元以设计一个班级网站为目 标，学习静态网页设计的高级技术。
课程简介
在第一个单元结束的时候，要求每个人提 交一个个人网站作品，在第二个单元结束的时 候，要求每个小组提交一个班级网站作品，因 为第二单元是以团队合作的形式进行的。
第一讲 基础知识
1、什么是网页和网站?
网页是一种特殊的文件，它可以展示文字、
图片、声音、动画、视频等信息。【例】
网页分为“静态网页”和“动态网页”两 种，前者的特点是网页上的内容对浏览者来说 是固定的，而后者的内容可以根据浏览者的要 求而变化。 【例】
第一讲 基础知识
1、什么是网页和网站?
网站是多个网页的集合，网页在电脑上的存在形 式是一个文件，而网站则是一个文件夹。 如果一个网站中包含有动态的网页，那么这个网 站可以称为 “动态网站”，否则它就是一个“静态网 站”。 本课程学习的是静态网页设计技术，因此我们制 作的网站是静态的网站。
《网页设计与制作》讲义专题1 网页设计基础知识
专题1 网页设计基础知识1、1 认识网站、网页与主页1、1、1什么就是网页网页(Web页)实际上就就是HTML文件,就是一种可以在网上传输,并能被浏览器认识与翻译成页面得文件。
HTML就是“HyperText Markup Language”得缩写,意为“超文本标记语言”,它就是一种规范,一种标准。
它就是纯文本格式得,用任何文本编辑器都可以打开编辑。
网页包括得主要元素有:文本、图像、动画、声音、视频、超链接、表格、表单等。
由于多数网页一般均有文字、图像、图形、动画、音频、视频等多媒体信息,具有超链接、并可与网络链接,因此这就使人们登上站点以后,便可以瞧到五彩缤纷得界面。
那么,这些五彩缤纷与千姿百态得Web网页就是如何制作出来得？制作好网页以后又如何将它发布到Internet上？这些问题正就是本课程所要阐述得主题。
1、1、2什么就是网站多个相互之间具有一定联系得网页就构成了一个网站。
网站用于存储提供给用户浏览得网页文件。
它也就是一种文档得磁盘组织形式,由文档与若干文件夹组成,文档经过组织分类分别放在不同得文件夹中。
网站存储在服务器或服务器得虚拟主机上,接受访问者通过域名得访问。
网站就是具有独立域名、独立存放空间得内容集合,这些内容可能就是网页,也可能就是程序或其它文件,一个网站不一定要有很多网页,主要就是有独立域名、独立存放空间,即使只有一个页面,也叫网站。
网站按照其内容可以分为以下几类:1、企业网站:围绕企业、产品及服务信息进行网络宣传,通过网站树立企业网络形象。
2、个人网站:个人为了兴趣爱好或为了展示个人等目得而建得网站,具有较强得个性化特色。
3、门户网站:提供综合性互联网资源得网站。
国内著名三大门户网站:网易、搜狐、新浪。
4、机构网站:政府机关、相关社团组织或事业单位建立得网站。
以机构或社团形象宣传与政府服务为主。
5、娱乐网站:提供娱乐信息、流行音乐、视频等娱乐内容为主得网站。
6、电子商务网站:依靠因特网来完成商业活动得各个环节得网站,如卓越、当当、淘宝、易趣、拍拍等。
一、网页制作基础知识
音频素材的收集与处理
Cool Edit Pro音频编辑软件 Audio Converter音频格式转换利器 GoldWave音频处理工具
网站页面结构图示
一级页面 首页（index.html) 其他栏目…
二 级 页 面
三 级 页 面
文章栏目1
文章栏目2
内容页1
内容页2
内容页1
内容页2
内容页1
……
网页制作培训
内容提要
网站及网页基本概念和建站流程
HTML脚本知识
CSS样式表 网页布局设计（表格、DIV+CSS） 导航菜单、数据列表设计 网页制作综合练习
网页制作培训第一讲
一、网页及网站相关概念
二、建立网站的一般流程
三、了解和认识Dreamweaver的功能及操作界面 四、创建、编辑和管理站点 五、建站网页素材的收集与加工处理
一、网页及网站相关概念
浏览器、HTML、URL 网页与网站、服务器与客户端、IP与域名
二、建立网站的一般流程
1、确定网站主题 2、设计网站结构 3、收集整理建站素材 4、创建站点文件夹及网页文件 5、设计制作网页 6、创建各种链接 7、测试站点 8、申请空间、注册域名 9、连接服务器上传网站 10、使用、新、维护
网站文件夹及文件结构层次图示
wangzhan
以自己的姓名第一个字母
images（图片文件夹） css flash web （图片文件夹） （flash文件夹）
（网页文件夹，如果网站规模大，可按栏目建立子 文件夹）
music （音乐文件夹） download （下载资料文件夹）
三、Dreamweaver的功能及操作界面
1、功能特点介绍 2、认识操作界面