网页制作前三讲
网页设计都要学什么
网页设计都要学什么〔网页〔制定〕〕都要学什么网页制定必须要三剑客：PS：用于网页〔美工〕、FLASH：用于制作焦点图、引导页动画、宣扬片等等、DW：用于制作网页。
另外还要学习editplus编辑器。
下面是网页制定都要学什么的介绍，希望对您有所帮助。
必须要网页三剑客：PS：用于网页美工、FLASH：用于制作焦点图、引导页动画、宣扬片等等、DW：用于制作网页。
另外还要学习editplus编辑器，有些〔编程〕语言DW做不起来，比如PHP，当然你可以不学这个编辑器，如果不必须要的话。
还有FTP软件，做好的网站要用FTP上传到空间的，还有CMS建站，还要学习数据库等。
1、html语言。
首先要学这个，任何网页的显示都要靠html语言来表达，最后浏览器解释html语言显示在我们面前。
2、服务器架设，要制作网页就必须要架设服务器来调试你做出来的网页，有iis等很多种，可以在网上搜索得到。
3、css语言。
用网页制作三剑客做出来的东西，css大部分是自动生成的，很难理解，必须要学习基本的css知识，是步入高手的必经之路。
css控制着网页图片、表格、文字等等内容在我们面前的显示样式，比如颜色，边框，大小等。
4、div+css布局。
这个东西是走向专业制作的必经之路，网页元素靠它来搭建基本框架，像百度空间，空间的皮肤等就是利用这个来做的。
5、数据库。
走向动态网页的基础，比如百度知道的提问回答这些，都涉及数据库的读、写、改、删。
常见的数据库有mysql、mssql、access等。
数据库是所有软件的基础，80%以上的应用程序都涉及数据库，而作为网页制作来说没有必要学得很深，够用就行。
6、动态语言，asp，〔php〕，jsp，.net(c#等)。
要操作数据库，交互就必须要动态语言，现在好多动态语言像php都有"框架'，用框架建站好比用活动板房的零件建房子，全部自己写好比一块一块砖砌房子。
7，javascript。
网页制作讲座(一)
网页制作（一）一.网络上著名网站的主页浏览：1.网址之家主页;2.搜狐首页;3.陕西风采网首页；二、网页制作的注意事项：1.网页的筹划设计主页未必很艰难，但是要将它办好，首先需要我们做出精心的规划。
在制作网页之前，我们要明确自己在网页上传达什么信息，然后再将这些信息有条理地组织起来，然后再设计一个页面的样式，注意要有自己的个性，接着便是仔细的修整，力求完美。
2. 网页制作过程中要注意的问题⑴主页的作用好比一本杂志的封面，它的作用便是吸引用户来访问你的网站。
所以在制作主页时一定要考虑到醒目，让人一目了解，不要让画面过于复杂，在这点上就不要仿造那些商业网站的主页做法，而应该多看一看别人的个人主页是怎样制作的。
⑵现今国内大多的用户都是通过Modem接入互联网的，所以在他们上网时会花很多时间来等待主页的传送，所以在主页上应尽量简朴，避免那些没有耐心的访问者改变主意。
⑶作为在网页上主要吸引访问者的元素－－图片，我们要在任何时间都要善于利用它。
主页上最好有醒目的图像、新颖的画面、美观的字体，让人过目不忘。
另外，还应注意图像在美观的基本上还要有一定的实际用处，注意图画可以弥补文字的不足，但并不能够完全取代文字。
很多用户把浏览软件设定为略去图像显示，以求节省时间他们只看文字，因此，制作主页时，必须注意将图像所带的重要信息或链接到其他页面的指示文字表达出现，就算是处在纯文本显示的情况下，同样也不影响到浏览的信息。
在使用图片时，还要考虑到各种不同图片格式给网页浏览带来的影响。
在互联网上对图片优化的关键在于怎样减小图片文件的大小，同时又能保持优美的显示效果，所以建议你使用Macromedia公司的Fireworks来进行这项工作。
3.网页形式上应注意到的：⑴网页的主要功能就是作为浏览漫游的工具，指引用户查阅你存储在网站或其他地点的信息，尽量使浏览过程不费吹灰之力。
为了让网页显示清晰、明确和快速，主页上的链接项目应只限于几个高级的类别，例如公司、产品、服务、支持等，用6、7个链接项目最为理想。
《网页制作入门》说课稿
一、教学目标的确定思路： 1．教材分析：网页制作与发布一章是教材中第四部分信息的生成与发布中的一个内容。
这一部分学习内容的重点是：编辑属于自己的信息，发布具有自己特色的信息。
主要涉及：文本信息的处理、信息素材的整理、对象的插入设置、网页效果的浏览及网页发布等相关方面的内容。
这章是属于在综合运用以前所学知识的基础上进一步提高、学习。
《网页制作入门》这一节是本章的基础、入门课程。
2．学生分析：学生通过前面各章节内容的学习，对文本、图形、图像、声音、动画等多媒体信息的处理技术有了一定的使用经验，掌握了一些信息的搜集、整理、加工等方面实际处理能力，特别是通过对internet 相关知识的介绍及大量网站的浏览，对网页内容、结构、效果等设计的优劣都有了一定的感性认识，并且有了一定的分析、评判的能力，基本上完成了知识和能力的积累。
3．教学目标：通过本章的教学，使学生获取、分析、处理、发布、应用等信息处理能力得到提高。
特别注意培养学生通过网络发布信息的能力，培养学生的创新、探索精神和分工合作意识。
结合这个总的教学目标制定本节的教学目标：教养性目标：知识目标：（1）熟悉dreamweaver的界面环境；（2）了解dreamweaver菜单、属性面板、对象面板、快速启动面板中主要功能及用法；（3）掌握超级链接的概念。
能力目标：（1）掌握文本网页的制作技术，会设置字体、字号、颜色及超级链接，（2）提高对信息的处理能力，（3）培养学生自主学习的能力。
思想方法：观察法、发现法、类比法。
教育性目标：培养学生做文明礼貌、诚实可信的人；发扬团结协作的学习精神。
发展性目标：（1）培养学生学习信息处理技术的学习兴趣，（2）培养学生探索新知识、新技术的求知欲望，（3）激发学生的创新意识。
4．教学重点和难点：文本属性面板的使用。
二、教学过程：1．教学任务的设计：总任务：设计一个内容文明健康、图文并茂、效果丰富的网页，有条件的进行发布。
《新编网页制作三剑客培训教程》课件第1章
2. 规划结构 结构是一个网站的骨架，一个好的网站结构可以减少网站制作过程中不必要的重复劳动。规模稍大一点的网站一般都要有规划结构图。当然，如果网站规模非常小，也可以边制作边修改，比如个人网站。在网站规划结构图中一般要有网站主题、页面主题、网页文件名以及各页面之间的隶属关系等要素。下面通过一个以奥运为主题的网站规划结构图对此加以说明，如图1-1所示。
1.3.1 网页制作工具
2. Microsoft Office Frontpage Frontpage是Microsoft公司开发的Office套装组合工具中的网页制作工具，目前版本是Frontpage 2007。Frontpage与Dreamweave在主要功能上差不多，但前者提供了非常丰富的模板，也提供了对网站的管理。Frontpage采用Word的编辑方式编辑网页，对于初学者来说是不错的选择。然而，也正是因为Frontpage采用与Word相似的编辑方式，导致使用该工具生成的网页代码非常庞大，实际上网页中包含了许多无用的代码，也可以称为“垃圾代码”。这样网页的数据量就比较大，在网页发布后，会影响到下载浏览的速度。
1.2 网站开发流程
图1-1 网站规划结构图
3. 整理素材 网页素材包括：文本、图像、声音、动画以及视频等。整理网页素材是按照网站结构所规划的内容，将所有网页中涉及到的素材，分门别类地整理到相应的文件夹中备用。并且最好指明每一部分所属的网页名称，为接下来制作网页做好准备。这样，就可以在真正制作网页的过程中避免缺东少西，分散精力。况且，有时候整理素材和制作网页并不一定由同一个人完成，特别是，整理素材者是对网站内容比较熟悉的人，而制作网页者是网页制作技术人员时，整理素材就显得尤为重要。
2. 集成的工作流程 利用Dreamweaver CS3设计、开发和维护网站内容，同时还可利用它与其他Adobe工具(包括Adobe Flash CS3 Professional、Fireworks CS3、Photoshop CS3、Contribute CS3以及用于创建移动设备内容的全新Adobe Device Central CS3)智能集成进行工作。
网页设计与制作教案(三栏式,比较规范,内容详实,图文并茂)
项目名称：制作“名车展示网”（一）授课时间：授课地点：授课班级：授课次数及课时：教学目标【知识目标】1、通过制作网页（而不是已往的浏览网页）了解网页、网站的概念。
2、了解链接的概念。
3、了解HTML代码中标签及属性的概念。
4、识记标签和属性的基本书写格式。
5、理解网页的本质及浏览器的功能。
【技能目标】1、掌握建立站点和网页的方法。
2、掌握向页面输入文字，插入图片的方法。
【情感目标】1、培养起对网站制作的兴趣。
2、培养与人协作的意识，锻炼与人协作的能力。
重点难点【重点】建立站点和网页的方法。
【难点】站点和文件夹的对应关系。
项目分析利用DW和提供的图片、文字素材制作“名车展示网”。
内含一个导航页面（首页）和三个分别介绍三种名车的页面。
此项目旨在让学生对网站的制作有一个感性的认识并培养他们对课程的兴趣，对页面的布局、美化不去涉及。
教学准备三款名车的图文和文字素材教学后记在课堂上可以再多分配一些时间给学生自己去探索，有些知识点学生自己经过尝试可以自己获得，这样他们对知识的印象会比老师告诉他们来得更深。
教学过程师生互动设计及设计意图教学方法一、展示将要完成的项目1.展示教师制作好了的网站——名车展示网2.进入网站的文件夹，引导学生观察网站的架构【教师活动】通过凌波展示网站（浏览），激发学生的学习热情和兴趣（汽车是学生比较喜欢的话题）【学生活动】观察【教师活动】进入网站文件夹，引导学生观察网站的架构，为下面的建立站点做铺垫。
提问：网页和图片分别怎样组织？【学生活动】讨论，回答【教师活动】点评，总结【教法】通过演示，启发引导学生思考，引导学生自己得出结论。
【教法】教师通过总结，对结论进行完善和强化。
二、演示建立站点的步骤，学生参照教师讲授自主建立网站1.通过引导学生观察网站文件夹，使学生了解网站和网页的概念，进而理解网站的组织方式，理解建网站时一些步骤的意义。
2.演示建立站点的步骤（1）建立好相关文件夹（2）进入“站点定义为”对话框，设置相关选项3.对操作中的难点和易错点进行再次强调【教师活动】先强调网站的架构方式，再演示用DW建立网站的步骤【学生活动】观察，理解，识记【教师活动】通过提问强化：1.站点名称和实际的文件夹名称需要相同吗？2. 站点名称和实际的文件夹名称可以用中文吗？【学生活动】操作，讨论→回答【教师活动】对以上的两个问题进行总结，以强化。
网页制作课件ppt
SEO基本原则
关键词研究、内容质量、 网站结构、外部链接和内 部链接等。
网站优化技巧
页面加载速度
优化图片、压缩代码、使 用CDN等方式提高页面加 载速度。
移动端优化
确保网站在移动设备上显 示良好，提高用户体验。
响应式设计
使网站能够适应不同设备 和屏幕尺寸，提供一致的 用户体验。
网站推广策略
关键词广告 社交媒体营销
内容营销 合作与交换链接
利用搜索引擎关键词广告推广网站。
通过社交媒体平台发布有价值的内容，吸引目标受众。 创建高质量、有价值的文章、视频等，吸引潜在客户并提高品
牌知名度。 与其他网站合作，互相推广，增加网站流量。
06 网页制作实例教 程
制作个人网站
总结词
展示个人风格和兴趣
字体选择
选择清晰易读的字体，确保文字内容 在各种设备和屏幕分辨率上都能清晰 显示。
03 网页布局与设计
网页布局的基本原则
保持简洁
避免页面过于拥挤，突出核心内容，使用户 能够快速找到所需信息。
导航清晰
提供易于理解的导航菜单，使用户能够方便 地浏览不同页面。
层次分明
合理划分页面区域，使内容按照重要程度进 行排序，提高用户体验。
制作电商网站
总结词
商品展示与销售
详细描述
电商网站是商品展示和销售的重要平台，需要展示丰 富的商品信息和购物体验。在制作电商网站时，需要 考虑如何设计出美观、实用的商品展示页面，以及如 何提供便捷的购物流程和支付方式。
制作电商网站
总结词
用户友好性
详细描述
电商网站应该具有用户友好性，提供良好的 用户体验和购物体验。在制作电商网站时， 需要考虑如何设计出易于操作和使用的界面 和功能，以及如何提供个性化的服务和支持
课程网站建设序列讲座
课程网站建设序列讲座
第一讲：《何如建设一个课程网站》
主讲：陈孟臻（物电系，讲师）
时间：拟定时间4月上旬
1、构建一个课程网站的基本要素
（1）什么是课程网站
（2）我系课程网站建设的成果
（3）历年参与课程网站建设学生的收获
（4）课程网站建设的人员分工
（5）课程网站素材收集
2、课程网站的搭建平台
（1）课程网站建设的基本平台
（2）网站建设常用软件
（3）网页布局表格布局和层布局的对比
3、课程网站的后台管理
（1）动态网页介绍
（2）S2SH介绍
4、课程网站后期维护
（1）查错补漏，保持内容更新
（2）保护系统安全性措施
第二讲：《色彩在课程网站设计中的应用》
主讲：杨帆（艺术系，讲师）
时间：拟定时间4月中旬
1、色彩设计现状
（1）国内设计现状
（2）国外设计现状
2、色彩的基本理论
（1）色彩的属性
（2）色彩的情感
（3）色彩的对比与调和
3、优秀网页色彩案例赏析
第三讲：《多媒体技术在课程网站中的作用》
主讲：高越飞（网络中心，现代教育技术硕士）
时间：拟定时间4月下旬
1、图形图像处理
（1）平面与视觉设计（构图）
（2）photoshop图片处理技术
（3）图像深度缩放与全景照片制作
2、音频处理
（1）声音的采集、整理方法
（2）Audition音频处理
3、视频处理
（1）视频处理常用工具
（2）片头动画制作
（3）片头片尾视频处理4、常见工具在课程网站中的作用
（1）PPT(演示单车)
（2）EXCEL(动态报表制作)
（3）iebook电子简历。
第一课网页制作基础
统一资源定位器
统一资源定位器简称URL，是用来指出某 项信息的位置及存取方式，以取得各种服务 信息的一种标准方法。简单地说，URL确实 是网络服务器主机的地址，也称作网址，如 /index.htm 即 为 一 个 标 准 的网址。
文件传输协议
文件传输协议简称FTP，是一种快速、高 效、可靠的信息传输协议。通过那个协议， 能够把文件从一台计算机传输到另外一台计 算机，从而真正地实现资源共享。当站点完 成后上传到互联网上时使用的确实是文件传 输协议。
浏览器
浏览器是把在互联网上找到的文本文档和 其他类型的文件翻译成网页的软件。通过浏 览器，能够方便地和Internet互连，从而充分 地利用网上的免费资源进行各种工作。目前 使用最广泛的浏览器要紧有Microsoft（微软） 公司研发的IE浏览器和Netscape（网景）公 司研发的NE浏览器，还有国内腾讯公司的 TT浏览器。
域名
IP地址是一长串的数字号码，这些数字难记又难 理解，为了方便用户理解、经历，科学家们引入了 域名的概念。域名是用一些英文字符来代替IP地址， 这些英文字符一般基本上英文单词，也可能是拼音 字母，它们差不多上和站点名称一致，因此经历起 来就十分容易了。域名的一般书写格式为主机名.机 构名.地区名，如确实是新浪站点的 域名。
上机实战
本课上机实战要紧练习装饰公司站点的
规划。在练习过程中，应结合课堂讲解中所 学的知识（如站点的架构类型和站点用色技 巧等）进行。在进行规划之前，到网上搜索 相关的装饰公司网页作为参考。
确定站点名称
在进行站点规划时应先确定要建设站点的要紧
内容及站点名称，那个地方要规划的是一个装饰 公司的站点，其站点名称为“为您享家装公司”。 站点名称中“为您享”其谐音为“为您想”，很 好地表达了公司全心为客户着想的服务宗旨，同 时，“为您享”中的“享”有“享受”和“享福” 等美好的意思，意在表达公司的决心——为客户 创造最好的、最舒适的和最完美的居室，同时也 自信地表达了公司的能力——绝对能创建出一流 的作品。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
6
《网页制作技术》
任务一
网页基础
主要内容
一 二 三 子任务1 子任务2 初识网页与网页设计软件 网页的基本操作与站点管理
8
子任务1
初识网页与网页设计软件
1. 网站与网页的关系 网页(web)，即HTML文件，也就是网站上的某一个页面， 它是一个纯文本文件，是向浏览者传递信息的载体。 构建网页的基本元素包括文本、图像和超链接，其他元 素包括声音、动画、视频、表格、导航栏、表单等。 网站(Website)，它是指在互联网上，根据一定的规则， 使用HTML等工具制作的用于展示特定内容的相关网页集 合，它建立在网络基础之上，以计算机、网络和通信技 术为依托，通过一台或多台计算机向访问者提供服务。 平时所说的访问某个站点，实际上访问的是提供这种服 务的一台或多台计算机。
• TITLE标记——标题标记，用于指定网页的标题。 它只能出现在HEAD标记之间，其格式为<TITLE>网页 标题</TITLE>。
33
33
二、网页的设计方法
• BODY标记——用于标识网页主体，其中包含一个网页中除标 题外的所有对象，格式为：<BODY>文件主体</BODY>。 • hx标记——用于标记文本的标题，包括H1-H6，共6级标题。 如一级标题的格式为：<H1>标题文本</H1> • 转行标记——BR标记，作用是强迫文本转行，而且不产生 空行。该标记没有终止标记。 • 段落标记——P标记，用于分开正文，使其独立成段，便于 浏览器识别。以<P>开始，以</P>结束。
height ：表示高,单位为像素，默认为自动调整。
2.表格边框的宽度及颜色 border：表示边框的宽度，单位为像素。
bordercolor：表示边框的颜色,使用十六进制颜色值或
英文颜色名称。 注意：bordercolor也可设置某一单元格边框的颜色。
37
表格的HTML标记
表格、单元格的属性
3.表格的水平摆放位置 align: 属性值有left(左对齐)、center(居中对齐)、 right(右对齐)。
• 代码设计——指通过使用HTML语言编写代码来生成网页， 通过各种标记描述不同的内容，说明段落、标题、图像及 字体等在浏览器中的显示效果。
32
32
二、网页的设计方法
2. HTML基本语法 • HTML标记——HTML文件所需的最基本的标记，书写 为<HTML>和</HTML>。 • HEAD标记——文件头标记，以<HEAD>开始，以 </HEAD>结束。
35 35
表格的HTML标记
表格的标记
＜table＞用于定义一个表格 ＜tr＞ 用于定义表格的行 <td>用于定义表格中的单元格 </td> ＜/tr＞ ＜/table＞ 说明： 1.各个标记都是成对出现的。
2.<td>之间出现的是单元格的具体内容。
36
表格的HTML标记
表格、单元格的属性
1.表格、单元格的大小 width：表示宽,单位为像素或百分比，默认为自动调整。
15
子任务1
初识网页与网页设计软件
Banner是用于宣传站内某个栏目活动的广告，一般要求制作成 动画形式，由于动画能够吸引更多注意力，将介绍性的内容简练 的加在其中达到宣传的效果。
16
子任务1
初识网页与网页设计软件
表单是用来收集站点访问者信息的域集。
17
子任务1
表格是网页排版的灵魂
初识网页与网页设计软件
18
子任务1
初识网页与网页设计软件
框架是网页的一种组织形式，将相互关联的多个网页的内容组 织在一个浏览器窗口中显示。
19
子任务1
一、网站的规划期
初识网页与网页设计软件
1. 定位主题（题材和内容、网站名称等） 2. 资料搜集（文字信息、图像、动画、音频视频等） 3. 结构设计（设计网站的栏目及目录结构。注意不要将所有的文件都存 放在根目录下；要按栏目内容建立子目录；要在每个主目录下都建立独 立的图片目录；目录的层次不要太深。） 4. 形象设计（网站风格、标志、颜色、标准字体等） 5. 确定版面布局，设计首页及各分页
30
一、认识表格
整个表格(3X3)
单元格
行 边框
列 表格与单元格的关系是整体与局部的关系，如同砌墙的砖 和砌好的墙一样。在上面3行3列的表格中一共有9个单元格。
31
二、网页的设计方法
1. 两种方法
• 直观设计——指用所见即所得的方式直接在文档页面中 添加文本、图形及其他对象，并设置它们的属性，所得到 的效果与在Web浏览器中所浏览到的效果相似。
问题反馈
六、网页文件的运行
在浏览器运行，直接打开网页文件。 在Dreamweaver中：
可以通过“文件”->“在浏览器中预览”->iexplore运 行。 直接单击“F12”运行。 点击“文档”工具栏中的快捷按钮运行。
27
27
小结与作业
4
课程内容
模块
HTML语言基础 插入文本、图像 表格规划与布局 多媒体与超链接 框架、层 CSS样式与行为 模板与库
技能培养
素质提高
分析问题的能力 解决问题的能力
掌握HTML语言等
制作网页的基础知 识，能利用 Dreamweaver制作出 精美的静态网站。 为后继的动态网站 建设课程打下良好 基础。
教学大纲、教材与教参
（一）
教 学 大 纲 提 要
4学时： 任务一 4学时： 任务二 4学时： 任务三 12学时：任务四 8学时： 任务五 8学时： 任务六 4学时： 任务七 30学时：实训
网页基础 表格及布局 插入页面元素 框架与层 网页美化与特效 表单 模板与库
授课计划 3
教学大纲、教材与教参
二、网站的制作期:使用Dreamweaver制作首页及分页。 三、网站的后期维护:测试网站,申请域名,上传网站内容及管理。
20
20
子任务2
网页的基本操作与站点管理
启动 了解工作界面
21
21
子任务2
网页的基本操作与站点管理
9
子任务1
初识网页与网页设计软件
一、网页与网站的相关知识：
2. 网页的类型
• 普通静态网页 指在发送到浏览器之 前不会被应用程序服 务器修改的Web页。 也就是说，当站点访 问者请求该网页时， 页面内容不会发生更 改。
普通静态网页的工作流程
10 10
子任务1
24 24
子任务2
css：放置样式
网页的基本操作与站点管理
audio：放置音频文件
doc：放置word文档 downloads：放置给客户下载的文件 flash：放置动画
images：放置图片
library：放置库项目 Template：放置模板
• 表格——用于布局文本和图像以及其他的列表化数据 和精确 控制各种网页元素在网页中出现的位置。
• 表单——访问者与网站交互的桥梁。
12 12
子任务1
初识网页与网页设计软件
文本：文本是网页信息的主体，网页中的信息主要是以文本 为主的。它能准确地表达信息的内容和含义。
13
子任务1
初识网页与网页设计软件
news：放置新闻
video：放置视频文件
25 25
【例】某企业网站规划，进行本地站点的创建与管理。
首页 关于我们 产品介绍 产品分类 产品价格 价格查询 联系方式
在上例中任取一个页面进行页面属性的设置并观察 Html代码的变化。
26 26
详细资料
（二）教材
教材特点：
机械工业出版社出版的高职高专教材
《Dreamweaver CS3网页设计案例教程》
1、本教材适合高职高专的网页设计与规划教学；
2、教材采用模块化教学、目标任务驱动、案例操作步骤、
知识点详解四层结构引导学生完成网页设计的每一环节。
（三）教参
1、《网页设计与制作》人民邮电出版社 2、 网络资源
自学能力
信息搜集的能力 团队协作意识 对知识的迁移能力
5
5
考核方式
考核方式
1. 出勤：10% 2. 课堂表现(上课及上机实验)：20% 3. 平时作业：20% 4. 阶段测试：10% 5. 考试成绩（实训）：40%
作业上交（压缩包名称例：01 a）
6
初识网页与网页设计软件
• 文本——网页中信息的主要表达方式。 • 图像——常用的有三种格式：GIF、JPEG和PNG。 • 动画——常见的包括两种：GIF动画、Flash动画。
• 视频和音频——种类很多，例如：AVI、RM、mp3等。
• 超级链接——是在一个网站中的各网页之间进行跳转 的媒介。
• 导航栏——用于引导访问者浏览站点。
初识网页与网页设计软件
2. 网页的类型
• 动态网页 是在发送到浏览器之 前由应用程序服务器 自定义的网页。动态 网页要在经过服务器 的修改后才被发送到 请求它的浏览器。网 页发生更改的特性便 是称其为动态的原因。
动态网页的工作流程 11
11
子任务1
3. 组成页面的元素
22
22
牢记
制作网站的第一步：建立站点
站点的作用:
方便管理网站的内容
23
子任务2
网页的基本操作与站点管理
不要将所有文件都放在根目录下，这样做会使文件管理混乱，上 传速度慢。 按栏目内容建立子目录。 次要栏目视情况而定。对于需要经常更新的栏目可以建立独立的 子目录。而一些相关性强，不需要经常更新的栏目，可以合并放 在一个统一的目录下。 所有程序一般都放在特定目录中，所有需要下载的内容也最好放 在一个子目录下。 在每个主目录下都建立独立的images目录，。为每一个栏目建 立一个独立的images目录是最方便管理的。而根目录下的 images目录只是用来放首页和一些次要栏目的图片。 注意：目录的层次不要太深，不要使用中文目录，不要使用过长 的目录名，目录要做到“见名法