1 / 17

教学目标 1 、熟练掌握建站流程 2 、掌握网站的定位 3 、掌握网站风格的设计 4 、熟练掌握在网页中添加各元素

上一页. 下一页. 教学目标 1 、熟练掌握建站流程 2 、掌握网站的定位 3 、掌握网站风格的设计 4 、熟练掌握在网页中添加各元素. 上一页. 下一页. 教学重点 1 、建站流程 2 、网站的定位 3 、熟练掌握在网页中添加文字等元素. 上一页. 下一页. 教学难点 1 、网站的定位 2 、网站风格的设计. 上一页. 下一页. 教学方法 1 、项目工程互动式教学法 2 、 “ 讲、学、观察 ” 相结合. 下一页. 上一页. (一)建站的流程 1 、网站定位:市场、功能、风格 2 、技术路线确定:栏目、美工、网页、程序、数据库

leigh
Download Presentation

教学目标 1 、熟练掌握建站流程 2 、掌握网站的定位 3 、掌握网站风格的设计 4 、熟练掌握在网页中添加各元素

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 上一页 下一页 教学目标 1、熟练掌握建站流程 2、掌握网站的定位 3、掌握网站风格的设计 4、熟练掌握在网页中添加各元素

  2. 上一页 下一页 教学重点 1、建站流程 2、网站的定位 3、熟练掌握在网页中添加文字等元素

  3. 上一页 下一页 教学难点 1、网站的定位 2、网站风格的设计

  4. 上一页 下一页 教学方法 1、项目工程互动式教学法 2、“讲、学、观察”相结合

  5. 下一页 上一页 (一)建站的流程 1、网站定位:市场、功能、风格 2、技术路线确定:栏目、美工、网页、程序、数据库 3、网站制作:设计、开发 4、网站发布:测试、集成、优化、发布、托管 5、网站维护:内容、运行 6、成员分工

  6. 下一页 上一页 (二)市场调查与分析 1、用户购买爱好 (1)款式新、价格低、质量好 (2)时间紧、信息闭塞 2、相关网站分析 (1)上海亚源照明电器 (2)正辉灯具公司销售中心 (3)靖江市光辉灯具制造有限公司

  7. 下一页 上一页 (三)建站内容 1、风格设计 2、商品分类设计 3、购物车设计 4、支付方式设计 5、语言设计 6、安全问题 7、顾客跟踪

  8. 下一页 上一页 (四)功能框架 1、会员管理子系统 2、商品发布子系统 3、订单管理子系统 4、新闻发布子系统 5、商品调查子系统 6、顾客留言子系统 7、专业论坛子系统 8、网上支付子系统 9、广告发布子系统

  9. 下一页 上一页 (五)前台会员功能 1、前台用户 (1)个人信息管理 (2)信息查询 (3)信息浏览 (4)购物 (5)前台订单管理 2、数据库设计

  10. 下一页 上一页 (六)界面设计演示 1、网页的组成元素 (1)网页标题 (2)网站标志(LOGO) (3)导航栏 (4)网站的风格色彩(项目一中已讲述) (5)网站的广告词 (6)网站中字体等元素的添加

  11. 下一页 上一页 (七)在网页中添加文字等元素 1、在页面中加入文字 2、在页面中插入图片 3、插入超链接 4、在页面中加入多媒体 插入文字、链接效果如下图: 代码如下: <font size=14><b><A href=“#/">御茶园茶业</A> </b> &gt; <font color="ff6600"><b>网上商城</b>

  12. 下一页 上一页 插入图片效果图如下: 代码如下: <img src=『御茶园茶业』网上商城.files/banner_eshop.gif>

  13. 下一页 上一页 【课程作业】 按实验内容完成网上的操作,完成实验报告,在实验报告中要求记录如下内容: 读懂下列二段代码: 1、源文件代码: <html> <head></head> <body bgcolor=“green”> <a href=“h2_20.html#温暖”><font size=6 face=“宋体”color=“yellow”>温暖 </font></a><p> <a href=“h2_20.html#关心”><font size=6 face=“宋体”color=“yellow”>关心 </font></a><p> <a href=“h2_20.html#思想”><font size=6 face=“宋体”color=“blue”>思想</font></a> </body> </html>

  14. 下一页 上一页 目标文件代码: <body> <a name=“温暖”><h2 align=“center”>温暖</h2></a><p> <p align=“center”>是一种能让人沉浸其中<br> 想起许多往事发生会心一笑的老歌<br> 是你处境尴尬时<br> 好友给你的善意的眼神<br> 是陌路相逢时<br> 对方对你缩放的一个真诚微笑</h2><p> <a name=“关心”><h2 align=“center”>关心</h2></a><p> <p align=“center”>是一把钥匙<br> 学会去了解别人<br> 去关心别人吧<br> 这样<br>

  15. 下一页 上一页 无论你走到哪里<br> 都会遇到熟悉的眼睛和绚丽的风景</h2></p> <a name=“思想”><h2 align=“center”>思想</h2></a><p> <p align=“center”> 播下一种心态<br> 收获一种思想<br> 播下一种思想<br> 收获一种行为<br> 播下一种行为<br> 收获一种习惯<br> 播下一种习惯<br> 收获一种性格<br> 播下一种性格<br> 收获一种命运<br> </h2></p> </body> </html>

  16. 下一页 上一页 【小结】 网站定位 技术路线 【作业】 课后习题 第 1、2题

  17. 谢 谢 !

More Related