动态网页课程设计报告(博客系统)
动态网页课程设计报告
动态网页课程设计报告一、课程目标知识目标：1. 理解动态网页的基本原理，掌握常用的动态网页技术，如HTML、CSS、JavaScript等；2. 学会使用至少一种服务器端脚本语言（如PHP、Python等）进行动态网页开发；3. 了解数据库的基本概念，学会使用SQL语句进行简单的数据查询和操作。
技能目标：1. 能够独立设计并实现具有交互功能的动态网页；2. 能够运用所学知识解决实际开发中遇到的问题；3. 能够对已有的动态网页进行分析和优化，提高网页性能。
情感态度价值观目标：1. 培养学生对动态网页开发的兴趣，激发其主动学习的积极性；2. 培养学生的团队协作意识，使其学会在项目中与他人合作共同完成任务；3. 培养学生的创新意识，鼓励其在网页设计中尝试新思路和新方法；4. 培养学生对网络安全和隐私保护的责任感，使其在开发过程中遵循相关法律法规。
课程性质：本课程为实践性较强的课程，旨在使学生掌握动态网页开发的基本知识和技能。
学生特点：本课程针对的是具有一定编程基础和网页设计基础的高中生，学生对新鲜事物充满好奇心，具备一定的自主学习能力。
教学要求：结合学生特点，注重理论与实践相结合，充分调动学生的主观能动性，培养其动手能力和解决问题的能力。
通过课程学习，使学生能够达到上述课程目标，为今后的学习和工作打下坚实基础。
二、教学内容1. 动态网页基本原理：介绍动态网页的概念、分类及其工作原理，对应教材第一章。
- HTML/CSS/JavaScript基础回顾；- 服务器端脚本语言概述；- 数据库基本概念与操作。
2. 服务器端脚本语言学习：以PHP为例，讲解其基本语法和常用功能，对应教材第二章。
- 变量、数据类型和运算符；- 控制结构（条件语句、循环语句）；- 函数的定义与调用；- 文件操作与表单处理。
3. 数据库应用：学习MySQL数据库的使用，讲解SQL语句的编写和执行，对应教材第三章。
- 数据库的创建、删除和选择；- 表的创建、修改和删除；- 数据的插入、更新、删除和查询；- 数据库的备份与恢复。
动态网页设计课程设计报告
动态网页设计课程设计报告一、课程目标知识目标：1. 让学生掌握动态网页设计的基本原理，理解服务器端脚本语言（如PHP）与客户端脚本语言（如JavaScript）的协作机制；2. 使学生了解数据库在动态网页中的作用，学会使用SQL语句进行数据查询和操作；3. 引导学生运用HTML、CSS和JavaScript等前端技术，实现与后端数据交互的动态网页效果。
技能目标：1. 培养学生独立设计并开发动态网页的能力，包括页面布局、数据处理和交互功能；2. 培养学生解决实际问题的能力，能够根据需求分析，编写相应的服务器端和客户端代码；3. 提高学生的团队协作能力，通过分组合作完成课程项目，培养学生的沟通、协调和分工合作能力。
情感态度价值观目标：1. 激发学生对计算机科学的兴趣，培养学生主动探索新知识的精神；2. 培养学生的创新意识，鼓励学生勇于尝试不同的解决方案，提高解决问题的能力；3. 培养学生的责任心和敬业精神，使学生认识到编程工作的重要性，为我国信息化建设贡献自己的力量。
课程性质：本课程为高年级信息技术课程，旨在帮助学生掌握动态网页设计技术，提高学生的编程实践能力和团队协作能力。
学生特点：学生已具备一定的编程基础，熟悉HTML、CSS和JavaScript等前端技术，但对服务器端编程和数据库知识掌握较少。
教学要求：结合学生特点，注重理论与实践相结合，通过案例分析和项目实践，使学生在掌握动态网页设计技术的同时，提高解决实际问题的能力。
同时，注重培养学生的团队协作能力和创新精神。
在教学过程中，将课程目标分解为具体的学习成果，便于后续教学设计和评估。
二、教学内容1. 动态网页设计原理及流程- 服务器端与客户端的交互机制- 数据库的基本操作与SQL语句编写2. 服务器端脚本编程- PHP基础语法和变量- 流程控制语句：条件语句、循环语句- 函数的定义与调用- 文件操作与数据处理3. 客户端脚本编程- JavaScript与DOM操作- 表单验证与事件处理- 跨域资源共享（CORS）与Ajax技术4. 数据库应用- 数据库设计原则与表结构设计- 数据库连接与操作：PDO与MySQLi- 常用SQL语句：SELECT、INSERT、UPDATE、DELETE 5. 动态网页综合应用- 网站用户注册、登录功能实现- 数据展示与分页功能- 文件上传与下载功能6. 项目实践- 分组合作，完成一个动态网页项目- 项目需求分析、设计、编码、测试与优化- 项目展示与评价教学内容安排与进度：第一周：动态网页设计原理及流程第二周：服务器端脚本编程（PHP基础语法与变量）第三周：服务器端脚本编程（流程控制语句与函数）第四周：客户端脚本编程（JavaScript与DOM操作）第五周：数据库应用（数据库设计与操作）第六周：动态网页综合应用（用户注册、登录功能）第七周：动态网页综合应用（数据展示与分页功能）第八周：项目实践（项目需求分析、设计、编码）第九周：项目实践（项目测试、优化与展示）教学内容与教材关联性：以上教学内容与教材《动态网页设计与开发》章节内容相对应，确保了科学性和系统性。
动态网页开发课程设计
动态网页开发课程设计一、课程目标知识目标：1. 理解动态网页开发的基本原理，掌握常用的服务器端脚本语言（如PHP）基础。
2. 学会使用数据库管理系统（如MySQL）进行数据存储和管理。
3. 掌握基本的客户端脚本语言（如JavaScript）及其与服务器端交互技术。
4. 了解Web服务器配置，能够进行简单的网站部署。
技能目标：1. 能够独立设计并实现具有动态交互功能的网页。
2. 能够利用数据库存储和检索数据，实现对动态网页内容的管理。
3. 能够运用所学知识解决实际开发中的问题，如表单处理、用户验证等。
4. 能够对所开发的动态网页进行测试和优化，确保其性能和安全性。
情感态度价值观目标：1. 培养学生对编程和网页开发的兴趣，激发其主动探索新技术的好奇心。
2. 培养学生的团队协作意识，使其能够在项目开发中积极沟通、分工合作。
3. 培养学生的创新精神，鼓励他们尝试不同的解决方案，勇于面对挑战。
4. 增强学生的网络安全意识，使其在开发过程中关注用户数据保护，遵循道德规范。
本课程针对高年级学生，结合其已具备的编程基础和实际需求，注重理论与实践相结合，旨在提高学生动态网页开发能力，为未来从事相关领域工作打下坚实基础。
通过对知识目标和技能目标的分解，使学生能够明确学习方向，激发学习兴趣，培养良好的编程习惯和团队协作精神。
同时，关注学生情感态度价值观的培养，使其成为具有道德观念和责任感的网络技术人才。
二、教学内容1. 动态网页开发基础理论：包括服务器端脚本语言（PHP）的基本语法、流程控制、函数定义等；数据库基础，如SQL语句、数据表设计等。
相关教材章节：第一章“动态网页开发概述”，第二章“PHP基础”。
2. 数据库应用：学习MySQL数据库的安装与配置，掌握数据表的创建、数据插入、查询、更新和删除等操作。
相关教材章节：第三章“数据库基础”，第四章“MySQL数据库操作”。
3. 客户端脚本与服务器端交互：学习JavaScript基础，重点掌握DOM操作、事件处理、AJAX技术等，实现与服务器端的数据交互。
《动态网页设计》实训报告
3.使用body标签完成表单内容。
4、完成后进行测试,检查结果是否符合标准。
5、测试出问题再进行修改,直到正确为止。
总结（或体会）:
通过本次实训,我知道了怎样利用代码来制作表单,也认识了不少代码,知道了代码的重要性。相信随着不断学习,我会认识到更多的代码,学习到更多的知识。
4.程序编完后进行代码的测试,如果不能正常显示,再仔细检查代码。
4.程序编完后进行代码的测试，如果不能正常显示，再仔细检查代码。
总结（或体会）:
通过本次实训,我通过使用if then else、if then elseif、select case等条件语句来进行VB脚本基础语法的编写,学会了VB脚本基础语法的程序控制流,对VB脚本知识有了一定的了解。
通过本次实训，我通过使用if then else、if then elseif、select case等条件语句来进行VB脚本基础语法的编写，学会了VB脚本基础语法的程序控制流，对VB脚本知识有了一定的了解。
教师评价（评分）:
签名:年月日
签名：年月日
《动态网页设计》实验报告六
日期
2011年10月28日
4.在网页中插入一幅图像，然后设置该图像的格式。
5.在网页中播放视频文件（.avi）。请于课后准备视频文件。
6.编写一个网页，选择一首mp3文件作为其背景音乐，并在网页中插入一个字幕。
7.在网页中创建一个表格并设置表格、行和单元格的属性，然后将表格中的某些单元格合并起来。
过程记录:
1.打开记事本、写字板、Dreamweaver或frontpage,并在这些软件上进行上述内容的要求编写。
4.启动与停止ISS服务
asp动态网页课程设计
asp动态网页课程设计一、课程目标知识目标：1. 让学生掌握ASP（Active Server Pages）的基础知识，了解其工作原理和运行环境。
2. 学习ASP的内置对象和常用组件，理解其功能并能在实际项目中灵活运用。
3. 使学生掌握基本的数据库连接和操作方法，能够利用ASP技术进行数据的增、删、改、查操作。
技能目标：1. 培养学生具备独立设计、编写和调试ASP动态网页的能力。
2. 能够运用HTML、CSS和JavaScript等前端技术与ASP结合，实现功能丰富、界面美观的动态网页。
3. 提高学生的团队协作和沟通能力，培养在项目实践中解决问题的能力。
情感态度价值观目标：1. 培养学生对ASP动态网页开发的兴趣和热情，激发学生的学习积极性。
2. 引导学生树立正确的价值观，认识到编程技术在现实生活中的应用价值。
3. 培养学生具有良好的学习习惯和严谨的工作态度，注重代码规范和程序优化。
本课程针对高中年级学生，结合课程性质、学生特点和教学要求，将目标分解为具体的学习成果。
课程旨在让学生掌握ASP动态网页开发技术，培养其编程思维和实际操作能力，为今后的学习和工作打下坚实基础。
通过本课程的学习，学生将能够独立完成简单的ASP动态网页项目，提高自身综合素质，为我国信息技术产业的发展贡献力量。
二、教学内容1. ASP基础知识：介绍ASP的概念、工作原理和运行环境，使学生了解ASP 的基本构成和功能特点。
教材章节：第一章 ASP概述2. ASP内置对象和组件：学习Request、Response、Server、Application 和Session五个内置对象，以及常用组件的使用方法。
教材章节：第二章 ASP内置对象与组件3. 数据库连接与操作：讲解如何使用ASP连接数据库，实现数据的增、删、改、查等操作。
教材章节：第三章 数据库连接与操作4. HTML、CSS和JavaScript前端技术：复习前端基础知识，结合ASP实现动态网页的布局和交互效果。
动态网页制作课程设计
动态网页制作课程设计一、教学目标本课程旨在通过学习动态网页制作的相关知识，让学生掌握HTML、CSS和JavaScript基本技能，能够独立完成简单动态网页的设计与制作。
在知识目标方面，要求学生了解网页设计与制作的基本原理，掌握HTML标签的使用、CSS样式设计和JavaScript脚本编程。
在技能目标方面，要求学生能够运用所学知识进行网页布局、美观设计和交互功能实现。
在情感态度价值观目标方面，培养学生对网页设计与制作的兴趣，提高创新意识和团队协作能力。
二、教学内容本课程的教学内容主要包括HTML、CSS和JavaScript三个部分。
教学大纲安排如下：1.HTML基础知识：介绍HTML的基本结构、标签及其属性，使学生能够理解并正确使用HTML标签编写网页。
2.CSS样式设计：讲解CSS的基本语法、选择器、属性和单位，培养学生对网页样式的设计和调整能力。
3.JavaScript脚本编程：介绍JavaScript的基本语法、函数、事件处理和DOM操作，使学生能够实现网页的交互功能。
4.综合实践：通过实际案例，让学生综合运用所学知识完成一个动态网页的设计与制作。
三、教学方法为了提高教学效果，本课程将采用多种教学方法相结合的方式。
包括：1.讲授法：教师讲解基本概念、语法和技巧，引导学生掌握动态网页制作的相关知识。
2.案例分析法：分析经典案例，让学生了解动态网页制作的实际应用，提高学生的实践能力。
3.实验法：学生在实验室进行实际操作，巩固所学知识，培养实际动手能力。
4.小组讨论法：分组进行讨论，促进学生之间的交流与合作，培养团队协作能力。
四、教学资源为了支持教学内容和教学方法的实施，我们将准备以下教学资源：1.教材：《动态网页制作教程》及相关辅助资料。
2.多媒体资料：PPT课件、教学视频、在线教程等。
3.实验设备：计算机、网络环境、网页设计软件等。
4.在线资源：为学生提供丰富的在线学习资源，如开源框架、教程博客等，便于学生自主学习和拓展。
动态网页设计实验报告
一、实验目的1. 熟悉动态网页设计的基本概念和原理。
2. 掌握动态网页设计的基本技术，如HTML、CSS、JavaScript等。
3. 熟悉数据库技术，如MySQL、SQL等。
4. 学会使用动态网页开发工具，如PHP、ASP等。
5. 培养动手实践能力和团队协作能力。
二、实验环境1. 操作系统：Windows 102. 浏览器：Chrome3. 开发工具：Dreamweaver CC4. 数据库：MySQL5.75. 服务器：XAMPP三、实验内容本次实验主要分为以下几个部分：1. 动态网页基本概念2. 动态网页技术3. 数据库设计4. 动态网页实现5. 测试与优化四、实验步骤1. 动态网页基本概念（1）动态网页定义：动态网页是指在服务器端运行，根据用户请求动态生成内容的网页。
它与传统静态网页相比，具有更好的交互性和个性化。
（2）动态网页特点：动态网页具有交互性、个性化、实时性等特点。
2. 动态网页技术（1）HTML：超文本标记语言，用于构建网页的基本结构。
（2）CSS：层叠样式表，用于设置网页的样式和布局。
（3）JavaScript：一种客户端脚本语言，用于实现网页的动态效果。
（4）PHP/ASP：服务器端脚本语言，用于处理数据库操作和业务逻辑。
3. 数据库设计（1）选择数据库：本次实验采用MySQL数据库。
（2）设计表结构：根据需求设计表结构，包括用户表、商品表、订单表等。
（3）创建数据库和表：使用SQL语句创建数据库和表。
4. 动态网页实现（1）设计网页界面：使用Dreamweaver CC设计网页界面，包括HTML、CSS和JavaScript代码。
（2）编写业务逻辑：使用PHP/ASP编写业务逻辑，如用户注册、登录、商品查询等。
（3）连接数据库：使用PHP/ASP连接MySQL数据库，实现数据查询、添加、修改、删除等操作。
5. 测试与优化（1）测试：使用浏览器测试动态网页，检查网页功能和性能。
动态网站开发课程设计课程报告
动态网站开发课程设计课程报告一、课程目标知识目标：1. 理解动态网站的基本概念，掌握动态网站与静态网站的区别。
2. 学习并掌握一种常用的服务器端编程语言（如PHP、Python、Java等），能使用该语言进行基本的网站功能开发。
3. 了解数据库的基本原理，能运用SQL语言进行简单的数据库操作，实现数据的增、删、改、查功能。
4. 熟悉常见的Web开发技术，如HTML、CSS、JavaScript，并能将它们与服务器端语言结合使用。
技能目标：1. 能独立完成一个简单的动态网站项目，包括前端设计、后端逻辑编写及数据库设计。
2. 掌握使用至少一种开发工具和环境进行动态网站开发，如Visual Studio Code、Eclipse等。
3. 学会使用版本控制工具（如Git）进行代码管理和团队协作。
情感态度价值观目标：1. 培养学生的编程兴趣，提高他们解决实际问题的能力。
2. 培养学生的团队协作精神，使他们学会在项目中分工合作、共同解决问题。
3. 培养学生勇于尝试、不怕失败的学习态度，提高他们的抗挫折能力。
本课程针对高中年级学生，结合学科特点和教学要求，课程目标既注重知识技能的培养，又关注情感态度价值观的塑造。
通过本课程的学习，使学生掌握动态网站开发的基本知识，提高他们解决实际问题的能力，同时培养他们的团队协作精神和积极的学习态度。
课程目标具体、可衡量，为后续的教学设计和评估提供明确的方向。
二、教学内容1. 动态网站基础概念：介绍动态网站的定义，与静态网站的区别，动态网站的运行原理及优势。
- 教材章节：第一章 动态网站概述2. 服务器端编程语言：学习并掌握PHP（或Python、Java等）的基本语法，了解其运行环境。
- 教材章节：第二章 PHP（或Python、Java）基础3. 数据库原理与应用：介绍数据库的基本概念，学习SQL语言，掌握基本的数据库操作。
- 教材章节：第三章 数据库原理与SQL语言4. 前端技术：复习HTML、CSS、JavaScript基础知识，了解如何与服务器端语言结合使用。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
课程设计报告题 目 博客系统课 程 名 称 动态网页设计课程设计 院 部 名 称 计算机工程学院 专 业 计算机科学与技术 班 级 12级计算机科学与技术（特） 学 生 姓 名 章文静 学 号 1205601006 课程设计地点 A105 课程设计学时 60 指 导 教 师 张漪金陵科技学院教务处制一、实验目的通过对"动态网站"结构设计、调试、连接、巩固、加深并扩大所学的理论知识，培养基本理论分析，解决实际问题的能力，逐步掌握多媒体产品设计和调试的基本步骤，同时培养严肃认真、细致踏实、刻苦钻研、有所创作、事实求是的科学作风。
二、实验要求通过本课程的学习，熟练掌握如何使用Photoshop制作主页页面、使用Flash 制作动画、使用Firework进行图像处理、使用Dreamweaver整合站点，培养具备较强的逻辑思维能力和独立思考能力。
三、实验设备586以上计算机、装有IE6、Dreamweaver CS软件及IIS环境配置。
四、实验原理、方法上机操作。
五、实验步骤设计数据库1、用户信息数据表user、博客分类表blog_type、日志信息表blog_log、日志分类表log_type、日志回复表log_reply和管理员账号信息表admin的字段结构如表9-2~表9-7所示。
表9-4日志信息blog_log2、首先运行Microsoft Access2007程序。
打开程序界面，单击“空白数据库”按钮，在主界面的右侧打开“空白数据库”面板，如图9-6所示。
3、在“我的电脑”相关路径中先新建几个文件夹，如：images文件夹、mdb文件夹，如图9-7所示。
4、再单击“空白数据库”面板上的按钮，打开“文件新建数据库”对话框，在“保存位置”下列表框中，选择站点blog文件夹中的mdb文件夹，在“文件名”文本框中输入文件名blog，如图9-8所示。
5、单击“确定”按钮，返回“空白数据库”面板，再单击“空白数据库”面板中的“创建”按钮，即在Microsoft Access中创建了blog.mdb文件，同时Microsoft Access自动默认生成一个名为“表1：表”的数据表，右击“表1：表”，从弹出的快捷菜单中选择“设计视图”，如图9-9所示。
6、打开“另存为”对话框，在“表名称”文本框中输入数据表名称users，如图9-10所示。
7、单击“确定”按钮，即在“所有表”列表框中建立了users数据表，按照表9-2所示，输入字段名称并设置其属性，完成后如图9-11所示。
一些数据，如图9-12所示。
9、利用同样的方法，建立如图9-13~图9-16所示的数据表。
图9-13日志信息表blog_log图9-14博客分类表blog_type图9-15日志回复表log_reply图9-16日志分类表log_type10、编辑完成后，单击“保存”按钮，完成数据库的创建，关闭ACCess2007软件。
设计数据库博客系统的数据库大小需要根据系统的内容大小而定。
这里建立一个blog数据库，并在里面分别建立用户信息数据表users、博客分类表blog_type、日志信息表blog_log、日志分类表log_type、日志回复表log_reply以及管理帐号信息表admin作为数据查询、新增、修改与删除的后端支持，创建的用户信息表users如图9-5所示。
图9-5 创建的users用户信息数据表具体的制作步骤如下：1、用户信息数据表users、博客分类表blog_type、日志信息表blog_log、日志分类表log_type、日志回复log_reply和管理帐号信息表admin的字段结构邵静9-2表~表9-7所示。
连接数据库数据库编辑完成后，必须在DreamweaverCS6中建立数据源连接对象。
具体的连接步骤如下：1．依次选择“控制面板”|管理工具”|“数据源（ODBC）”|“系统DSN”命令，打开“ODBC 数据源管理器”对话框中的“系统DSN”选项卡，如图9-17所示。
2.在图9-1中单击“添加（D）”按钮后，打开“创建新数据源”对话框，选择Driver do Microsoft Access（*.mdb）选型，如图9-19所示。
图9-18“创建信数据源”对话框3.单击“完成”按钮，打开“ODBC Microsoft Access安装”对话框，在“数据源名（N）”文本框输入connblog，单击“选择（S）”按钮，打开“选择数据库”对话框，单击“驱动器（V）”下拉列表右边的按钮，从下拉列表中找到数据库所在的盘符，在“目录（D）”中找到保存数据库的文件夹，然后单击左上方“数据库名（A）”选项组中的数据库文件blog.mdb，则数据库名称自动添加到“数据库名（A）”文本框中，如图9-19所示。
、4.找到数据库后，单击“确定”按钮，返回到“ODBC数据源管理器”中的“系统DSN选项卡中”。
在这里可以看到“系统数据源”中已经添加了名称为connblog、驱动程序为Driver do Microsoft Access（*.mdb）的系统数据源，如图9-20所示。
5.设置好后，单击“确定”按钮退出，完成“ODBC数据库管理器”中“系统DSN”选项卡的设置。
6.启动Dreamweaver CS6，执行菜单“文件”|“新建”命令，打开“新建文档”对话框，选择“空白页”选项卡中“页面类型”下拉列表框下的ASP VBScript选项，在“布局”下拉列表框中选择“无”选项，然后单击“创建”按钮，在网站根目录下新建一名为index,asp 的网页并保存，如图9-21所示。
图9-21建立首页并保存7.设置好“站点”、“测试服务器”后，在Dreamweaver CS6软件中执行菜单“窗口”|“数据库”命令，打开“数据库”面板，单击“数据库”面板中的按钮按钮，在弹出的菜单中的选择“数据源名称（DSN）”命令。
8.打开“数据源名称（DSN）”对话框，在“连接名称”文本框中输入connblog，单击“数据源名称（DSN）”下拉列表框右边的三角按钮，从打开的下拉列表中选择connblog，其他保持默认值，单击“测试”按钮，如果连接成功将提示“成功创建连接脚本”，如图9-23所示。
图9-23“数据源名称（DSN）”9.单击“确定”按钮，完成数据库的连接。
博客主页面的设计详细的设计步骤如下：1、启动Dreamweaver CS6，在同一站点下选择刚创建的主页面index.asp。
输入网页标题“博客”。
接下来要设置网页的CSS格式，执行菜单“修改”|“页面属性”命令，打开“页面属性”对话框，单击“分类”列表框下的“外观（CSS）”选项，在“大小”文本框中输入12px，在“上边距”文本框中输入0px，“背景颜色”设为#FEF4F3，其他设置如图所示。
2、单击“确定”按钮，进入“文档”窗口，执行菜单“插入”|“表格”命令，打开“表格”对话框，在“行数”文本框中输入需要插入表格的行数5，在“列”文本框中输入需要插入表格的列数2。
在“表格宽度”文本框中输入765像素，“边框粗细”、“单元格边距”和“单元格间距”都为0，其他设置如图所示。
3、单击“确定”按钮，在“文档”窗口中就插入了一个5行2列的表格。
用鼠标选中第1行将其合并，同样地，把表格的第5行合并为1行。
选中整个表格，在“属性”面板中设置“对齐”为“居中对齐”，效果如图所示。
4、把光标放在第1行中，执行菜单“插入”|“图像”命令，打开“选择图像源文件”对话框，在“查找范围”站点中，选择images文件夹中的1.gif嵌入到表格中，在第5行的“属性”面板中设置高度为40像素，设置背景色为#F98496，并在这行中输入文字“Copyright 2013-2015 All Rights Reserved.”，“字体颜色”为白色，并设置“对齐”为“居中对齐”，效果如图所示。
5、在第2行第1个单元格中根据前面的内容设计一个会员登录系统，再在其他单元格中插入相应的图片和文字，得到首页的页面结构如图所示。
6、首页的页面结构搭建好以后，开始对每一个栏目进行设计，首先对“最新注册”栏目进行设计，“最新注册”栏目根据users表中的user_ID降序来显示users数据表中的最新记录，单击“应用程序”面板中的“绑定”标签上的按钮，在弹出的菜单中，选择“记录集（查询）”命令，在打开的“记录集”对话框中，输入如表所示的数据，如图所示。
7、单击“确定”按钮，完成记录集Rs1的绑定，绑定记录集后，将记录集的字段插入至index.asp网页的适当位置，如图所示。
8、“最新注册”栏目需要显示最新注册的5个用户的注册名，所以必须应用“服务器行为”中的“重复区域”命令，单击要重复显示的一行，如图所示。
9、选择要重复显示的一行后，单击“应用程序”面板中的“服务器行为”标签上的按钮，在弹出的菜单中选择“重复区域”命令，打开“重复区域”对话框，在打开的“重复区域”对话框中，设置显示的记录数为5条记录，如图所示。
10、单击“确定”按钮，返回到编辑页面，会发现先前所选取要重复的区域左上角出现了一个“重复”的灰色标签，这表示已经完成设置。
11、显示出最新注册的用户后，访问者可以单击用户名进入注册用户个人博客页面。
实现的方法是：首先选取编辑页面中的er_username字段，如图所示。
12、选取编辑页面中的er_username字段后，单击“应用程序”面板中的“服务器行为”标签上的按钮，在弹出的菜单中选择“转到详细页面”命令，打开“转到详细页面”对话框，设置“详细信息页”为user.asp，设置“传递URL参数”为user_username，如图所示。
13、单击“确定”按钮，完成对“最新注册”栏目的制作。
下面将对“统计”栏目进行设计，需要进行统计的栏目包括博客数、日记数、回复数，可以在记录集查询高级模式中的SQL 语句中使用COUNT（*）函数进行统计。
14、单击“应用程序”面板中的“绑定”标签上的按钮，在弹出的菜单中选择“记录集（查询）（查询）”命令，打开“记录集”对话框，分别在打开的“记录集”对话框中输入如表和表16、单击“确定”按钮，完成记录集Rs2、Rs3、Rs4的绑定，绑定记录集后，将记录集的字段插入至index.asp网页的适当位置，如图所示。
17、插入字段后完成对“统计”栏目的制作，现在来设置“推荐博客”栏目，推荐博客的条件应为users数据表中的user_blog_good等于1时成立（1为推荐，0为不推荐），单击“应用程序”面板中的“绑定”标签上的按钮，在弹出的菜单中选择“记录集（查询）”命令，打开“记录集”对话框，在打开的“记录集”对话框中输入如表所示的数据，如图所示。