结构《网页设计与制作》课程实训指导书

asp.net网页制作  时间:2021-04-07  阅读:()

《网页设计与制作》课程实训指导书

《网页设计与制作》课程设计实训指导书

一、 实训目的

《网页制作课程设计》是电子商务专业的一门重要的专业必修课程,也是该专业的一门重点建设课程。随着电子商务的迅速发展,网站的建设也越来越重要。目前很多企业都在上网开展网络营销活动,设计并制作企业自己的商务网站则是企业实现网络化经营的重要手段。因此,作为电子商务专业的学生学习网页的设计与制作是十分必要的。通过课程设计的训练使每位学生在掌握理论知识基础上通过身体力行的实践具备网页设计与制作的相关技术及网页制作的操作技能能独立设计小型EB站点。

二、 实训任务

通过对网站的设计,使学生熟练应用网站设计软件,使学生对网站建设有一个综合系统的掌握.

在制作过程中主要完成对网页的布局、色彩的搭配、框架的应用、层的运用、行为的实现、表单的使用、模板和库的应用等,完成项目作品。

具体要求是:

1网站中网页的个数不少于10页

(2至少有一页用到表格布局

3)至少有一页用到CSS+DIV布局

(至少有一页使用框架布局,至少有一页使用页内框架

5为该网站设计一个调研问卷

  适当使用图片并把所有的图片放在一个文件夹下

7可以借助De amwe e r工具

三、 实训计划

任务 内容 课时

《网页设计与制作》课程实训指导书

四、 实训考核与评分

根据实训期间的纪律考核情况、对待实训的态度站点的目录结构各个页面的布局结构、颜色搭配文字、图像、动画的合理搭配 网页之间的链接是否顺畅网页制作技术的应用,网站的整体浏览效果等方面进行综合评分.评分参考标准如下表所示。

网站开发实训的参考评分标准

《网页设计与制作》课程实训指导书

作品完成情况当场验收考核实训报告在14周上交。

附录一实训报告内容

•封面

• 目录

•网站全名及loo标志

•建立网站的目的、意义;

• 网页设计制作最突出的创意如Amgo “俺们走”   go 设计有特色

•网站的栏目设计;

•色彩搭配及其含义(如绿色金黄+ 淡白体现优雅 , 舒适的感觉; )

• 网站的结构图和页面组成

•网站设计中具体实现的几个关键功能和相关技术说明(例如布局的方法:应用层、应用表格、应用模板、应用Fah 或其他脚本技术

• 对所做各网页的抓图并做简要说明;

• 网站建设的心得体会和扩展性分析

•参考资料

附录二参考网站主题

  制作教学资源网站。 (2)制作个人网站。 (3)制作班级网站。 4制作学习网站。 5制作学校网站. 6制作旅游网站。 (7制作公司网站。

附录三 网站设计与制作案例

3. 1规划网站

1.策划网站主题

在首手设计网站之前要确定好网站的主题,每个网站都应该具有一个明确的主题。本章所创建的网站是一个学习类网站,主要介绍网页制作的基础知识、网站建立的基础知识、 网页制作的技巧、 网页特效的制作方法、 网络编程语言、动画制作方法、 图像处理方法等内容,同时为读者提供大量的网页制作素材、学习网页设计和编程的视频教程,解决学习网页设计与制作过程中遇到的问题。所以该网站的主题是“提供制作素材、解决学习问题、指导网页制作”。

 确定网站风格

《网页设计与制作》课程实训指导书

确定好站点主题后,就要根据该主题选择站点的风格。 由于本章所建立的网站是一个学习类网站要求结构清晰结合现代教学理念,将学习与网络合理整合,实现教学对象广泛、使用方便、时间自由.本网站的主要特点如下:

(1设计风格要大众化为了提高浏览速度尽量减少图片的使用更多地使用表格实现效果。

2)背景颜色以灰色和白色为主、黄色为辅,文字颜色以黑色为主、蓝色和红色为辅.

3文字内容丰富、知识性强,标题简洁明了字体一般采用宋体,大小一般为1像素。

4首页的版式结构采用典型的“国"字型结构二级栏目网页采用“顶部和嵌套的左侧框架"结构以及简单的“左右型"结构。

本章所介绍的网站名称为“网页设计与制作教学网"简称为“网页教学网”英文名称为“zzwbj” .

3.构思网站栏目结构

先在纸上绘制网站的栏目结构草图经过反复推敲最后确定完整的栏目和内容的层次结构.本章的“网页教学网”的栏目结构如表 -1所示。

《网页设计与制作》课程实训指导书

图17-1 “网页设计与制作教学网”的首页浏览效果表1-1 “网页教学网”的栏目结构

《网页设计与制作》课程实训指导书

为了简化对网站的浏览过程大部分网页通过二级栏目就能浏览内容页面首页的主菜单包括1 个菜单项制作基础、制作技巧、 网页特效、 网页素材、网络编程、 网页书籍、 网络课程、教学交流、建站指南、 图像动画、考试题库,各个主菜单所包括的弹出子菜单如表1—2所示。三级栏目及内容页面用数字标识其所属子类例如利用Ja Sript脚本制作网页的第一个内容页面其文件名为 ytx_02_  . tml “0 ”代表所属的子类,这一层次的网页与首页中的子菜单对应 “   ”代表第一个内容页面的序号。

表172 首页中的菜单

4。规划网站目录结构和链接结构

根据网站策划确定的栏目结构创建站点目录一个网站的目录结构要求层

《网页设计与制作》课程实训指导书

次清晰、井然有序首页、栏目页、 内容页区分明确,有利于日后的修改。 “网页教学网”的目录结构各文件夹的所存放文件类型如表17-3所示。

※注意※

文件夹和文件的名称建议不要使用中文名,因为中文名在HTML文档中容易生成乱码导致链接产生错误。

表 7-3 网站的目录结构及其存放的文件类型

网站的链接结构与目录结构不同 网站的目录结构指站点的文件存放结构,一般只有设计人员可以直接看到而网站的链接结构指网站通过页面之间的联系表现的结构浏览者浏览网站能够观察到这种结构。本网站的链接结构采用“网状”链接结构结构图如图1-所示.

图17—2 “网页教学网"中的链接结构

.主要页面布局设计

《网页设计与制作》课程实训指导书

使用表格对首页与其他几个主面导航页面的布局结构草图进行设计主页布局结构草图如图 3所示,两种形式的导航页面布局结构草图如图17—4和图1-5所示。

由于本网站中许多页面都采用图175所示的布局结构,所以可以将该网页制作成模板。

图 7—3 主页的布局结构草图

图 7- 利用“框架"制作的导航页面

《网页设计与制作》课程实训指导书

图17-5 利用“表格、层、浮动框架”制作的导航页面

3。 2 准备素材

根据网站的栏目、 内容设计链接结构设计,首页的布局结构几个主要导航页面的布局结构准备所需素材

1准备文本

准备大量网页中所需的文字资料,可以从各类网站、各种书籍中搜集文字资料然后制作成wrd文档或文本文件,注意各种文字资料的文件名命名要科学合理,避免日后找不到所需的文本内容。

2准备Lo 

利用Fireworks或h ohop量身定做本网站的Log标志 Lgo标志要与本网站的主题相符,要有新意。

3准备图片及按钮

根据需要到网上或素材光盘中搜集所需的图片和按钮、有些图片、按钮需要自己利用图像处理软件制作。注意图片文件要尽可能小。

4.准备动画

网站中的动画最好能突出主题,起到画龙点睛之功效。动画一般利用fl sh软件制作本网站主页和导航页的标题动画就是利用fl sh软件量身定做。

5.建立库项目

网页中经常用到的项目,例如版权区可以事先定义为库项目,以备制作网页时重复使用提高工作效率。

  3创建网站

1.创建本地站点

在开始着手设计网页之前,首先要定义站点。 因为网页只是网站的一个组成部分,所有设计的网页和相关文件都要放置于站点之中.定义站点的好处是:定义站点以后的所有操作都是在站点统一监控之下进行。如果使用了外部文件Dr eamwav e 就会自动检测并予以提示和询问是否将外部文件复制到站点内以保持站点的完整性。如果某个文件夹或文件重新命名了,系统会自动更新所有的链接,以保证原有的链接关系的正确性。

创建站点之前要求先建立一个文件夹以便创建站点时为站点指定存储位置。在indows操作系统中打开“资源管理器"创建一个名为“网页教学网”的文件夹。

创建站点在第3章已有详细介绍在此只作简要说明,与第3章中的步骤有所区别这里假设事先已申请了主页空间,所申址的网址为:zzweb.26300.com.n用户名和密码也已经知道。

定义站点的操作步骤如下

(1在reamweaer 8主窗口中单击菜单【站点】→【新建站点】 ,将

福州云服务器 1核 2G 2M 12元/月(买5个月) 萤光云

厦门靠谱云股份有限公司 双十一到了,站长我就给介绍一家折扣力度名列前茅的云厂商——萤光云。1H2G2M的高防50G云服务器,依照他们的规则叠加优惠,可以做到12元/月。更大配置和带宽的价格,也在一般云厂商中脱颖而出,性价比超高。官网:www.lightnode.cn叠加优惠:全区季付55折+满100-50各个配置价格表:地域配置双十一优惠价说明福州(带50G防御)/上海/北京1H2G2M12元/月...

ZJI(月付450元),香港华为云线路服务器、E3服务器起

ZJI发布了9月份促销信息,针对香港华为云线路物理服务器华为一型提供立减300元优惠码,优惠后香港华为一型月付仅450元起。ZJI是原来Wordpress圈知名主机商家:维翔主机,成立于2011年,2018年9月更名为ZJI,提供中国香港、台湾、日本、美国独立服务器(自营/数据中心直营)租用及VDS、虚拟主机空间、域名注册等业务,商家所选数据中心均为国内访问质量高的机房和线路,比如香港阿里云、华为...

优林云(53元)哈尔滨电信2核2G

优林怎么样?优林好不好?优林 是一家国人VPS主机商,成立于2016年,主营国内外服务器产品。云服务器基于hyper-v和kvm虚拟架构,国内速度还不错。今天优林给我们带来促销的是国内东北地区哈尔滨云服务器!全部是独享带宽!首月5折 续费5折续费!地区CPU内存硬盘带宽价格购买哈尔滨电信2核2G50G1M53元直达链接哈尔滨电信4核4G50G1M83元直达链接哈尔滨电信8核8G50G1M131元直...

asp.net网页制作为你推荐
重启serverservererror电脑连接路由登录提示server error:401 N/A,如何处理?http500http 550错误asp.net空间谁知道免费的ASP空间360邮箱360免费申请邮箱在那里163yeah网易的163,126,yeah邮箱有什么不同?重庆杨家坪猪肉摊主杀人重庆一市民发现买的新鲜猪肉晚上发蓝光.专家解释,猪肉中含磷较多且携带了一种能发光的细菌--磷光杆菌时字节跳动回应TikTok易主互动百科被字节跳动收购意味着什么?美要求解锁iPhone苹果美版有锁和无锁的区别12306.com注册12306邮箱地址怎么写
域名拍卖 政务和公益机构域名注册管理中心 duniu dreamhost ix主机 密码泄露 qq数据库 网站cdn加速 双11秒杀 域名和空间 如何用qq邮箱发邮件 免费dns解析 爱奇艺会员免费试用 吉林铁通 raid10 重庆电信服务器托管 广州虚拟主机 阿里云邮箱申请 卡巴斯基试用版下载 阿里云个人邮箱 更多