任务一了解网站的基本结构
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
? 单一结构
网站的设计原则
? 页面统一、连贯、和谐 ? 较快的下载速度 ? 网页链接无误 ? 保证网页的兼容性
建设个人网站的一般步骤
1. 确定个人网站的主题 2. 资料搜集 3. 网站结构设计 4. 网站形象设计 5. 建立站点 6. 制作网页 7. 站点测试 8. 网站发布 9. 站点的更新与维护
第一讲 网站建设与网页制作基础
什么是网页？ 什么是网站？
本节课的学习任务
? 掌握网站的相关概念和网页的相关知识 ? 掌握建设网站的一般步骤和网页的制作流程 ? 对Frontpage有初步的认识，掌握网站站点的建建立
一、什么是网页？
一、什么是网页？
网页是我们在浏览器中看到的页面，它是一个单个的文件。 网站中的第一个页面称为首页或主页。 网页按表现形式分为：静态网页和动态网页。 过去：网页的底层技术是HTML与HTTP，网页制作需要专门的技术人 员逐行编写代码。（静态网页） 现在：网页的交互性带来了网页设计的动态页面技术ASP及JSP等。 （动态网页）
成功申请域名后方可将网站发布
网页的构成元素
? 文本 ? 图像 ? 表格 ? 超链接 ? 导航条 ? 行为 ? Flash、声音与视频 ? 表单 ? ……
导航条：网站的路标
表单：
具有交互性的动态网页
网页的布局
? T型结构
网页的布局
? 同字结构
网页的布局
? 川字结构
网页的布局
? 三字结构
网页的布局
（设计、拆分、代码、预览）
wenku.baidu.com
新建网页，新建网站（站点）
“文件”——“新建”
新建网页，新建网站（站点）
操作步骤：
关闭和打开站点
操作步骤：
五、课堂练习操作
创建自己的站点，收集图片素材。
三、常用的网页制作软件介绍
四、Frontpage2003 网页制作软件
菜单栏
工具栏
主编辑窗口
Frontpage2003 界面介绍
1. 菜单栏 （文件、编辑、视图、插入、格式、工具、表格、框架、窗口、帮助等）
2. 工具栏 3. 视图栏
（网页管理器、文件管理器、报表管理器、导航管理器、超链接管理器、 任务管理器） 4. 主编辑窗口
二、什么是网站？
网站是存放在网络服务器上的完整信息的集合体，它包含一个或多 个网页。这些网页按照一定的组织结构，以链接等方式连接在一起， 形成一个整体，描述一组完整的信息。
网站的相关概念
? 域名 ? 客户端/服务器 ? 上传/下载 ? 站点 ? 发布
域服网协客??名务站议上??户站站网W网浏（器名：传发把端本网点点页e站览D：：H/b布制下/地站NT：一的服服宿器wwTS作载计服P管般方ww）务务主如:好/ww算务理简式：/器器I与.、E的b机器网写相提（基a网b网i到到d站为互供a于C站mui站/d网本.资“链信SCacu服）o上i/.站地l源接W息cS等m务o结传e服计（的起m浏器b构到务算”服场来览中。服器机，务所，服，务：：实器存务通器上下际+放。过域上传载上在存名的就一储）过是台和程把被解。一称析些为网信“页息服向通务客过器户w”端e的b U?RL：计对统算一一机般资中用源，户定别来位人说符可，以服ht通t务p过:器//ww只ewb是w浏.一b览a个i器du逻查.c辑o看m概网念页，信本息地。计算机 域名站对的点用全一户球般才统以是一国真性际正，通的U用R实L全的体球In。t统ern一et性地，址用来于表定示位。网上的资源
网站的设计原则
? 页面统一、连贯、和谐 ? 较快的下载速度 ? 网页链接无误 ? 保证网页的兼容性
建设个人网站的一般步骤
1. 确定个人网站的主题 2. 资料搜集 3. 网站结构设计 4. 网站形象设计 5. 建立站点 6. 制作网页 7. 站点测试 8. 网站发布 9. 站点的更新与维护
第一讲 网站建设与网页制作基础
什么是网页？ 什么是网站？
本节课的学习任务
? 掌握网站的相关概念和网页的相关知识 ? 掌握建设网站的一般步骤和网页的制作流程 ? 对Frontpage有初步的认识，掌握网站站点的建建立
一、什么是网页？
一、什么是网页？
网页是我们在浏览器中看到的页面，它是一个单个的文件。 网站中的第一个页面称为首页或主页。 网页按表现形式分为：静态网页和动态网页。 过去：网页的底层技术是HTML与HTTP，网页制作需要专门的技术人 员逐行编写代码。（静态网页） 现在：网页的交互性带来了网页设计的动态页面技术ASP及JSP等。 （动态网页）
成功申请域名后方可将网站发布
网页的构成元素
? 文本 ? 图像 ? 表格 ? 超链接 ? 导航条 ? 行为 ? Flash、声音与视频 ? 表单 ? ……
导航条：网站的路标
表单：
具有交互性的动态网页
网页的布局
? T型结构
网页的布局
? 同字结构
网页的布局
? 川字结构
网页的布局
? 三字结构
网页的布局
（设计、拆分、代码、预览）
wenku.baidu.com
新建网页，新建网站（站点）
“文件”——“新建”
新建网页，新建网站（站点）
操作步骤：
关闭和打开站点
操作步骤：
五、课堂练习操作
创建自己的站点，收集图片素材。
三、常用的网页制作软件介绍
四、Frontpage2003 网页制作软件
菜单栏
工具栏
主编辑窗口
Frontpage2003 界面介绍
1. 菜单栏 （文件、编辑、视图、插入、格式、工具、表格、框架、窗口、帮助等）
2. 工具栏 3. 视图栏
（网页管理器、文件管理器、报表管理器、导航管理器、超链接管理器、 任务管理器） 4. 主编辑窗口
二、什么是网站？
网站是存放在网络服务器上的完整信息的集合体，它包含一个或多 个网页。这些网页按照一定的组织结构，以链接等方式连接在一起， 形成一个整体，描述一组完整的信息。
网站的相关概念
? 域名 ? 客户端/服务器 ? 上传/下载 ? 站点 ? 发布
域服网协客??名务站议上??户站站网W网浏（器名：传发把端本网点点页e站览D：：H/b布制下/地站NT：一的服服宿器wwTS作载计服P管般方ww）务务主如:好/ww算务理简式：/器器I与.、E的b机器网写相提（基a网b网i到到d站为互供a于C站mui站/d网本.资“链信SCacu服）o上i/.站地l源接W息cS等m务o结传e服计（的起m浏器b构到务算”服场来览中。服器机，务所，服，务：：实器存务通器上下际+放。过域上传载上在存名的就一储）过是台和程把被解。一称析些为网信“页息服向通务客过器户w”端e的b U?RL：计对统算一一机般资中用源，户定别来位人说符可，以服ht通t务p过:器//ww只ewb是w浏.一b览a个i器du逻查.c辑o看m概网念页，信本息地。计算机 域名站对的点用全一户球般才统以是一国真性际正，通的U用R实L全的体球In。t统ern一et性地，址用来于表定示位。网上的资源