网页设计与制作教程——Web前端开发 第7版 课件 第11章 综合案例——社区新闻网的设计与实现.pptx

本章通过一个新闻类型的网站——金阳光社区网的案例，运用HTML5和CSS3知识，介绍创建一个具有现代风格的Web网站的开发流程。第11章综合案例——社区新闻网的设计与实现11.1网站的开发流程和组织结构

目录第11章综合案例——社区新闻网的设计与实现11.1网站的开发流程和组织结构11.2制作社区新闻网的首页11.3制作社区新闻网的列表页11.4制作社区新闻网的内容页习题11

11.1网站的开发流程和组织结构11.1.1创建网站的文件夹结构1．创建网站根文件夹D:\sunshine\

2．子文件夹对于中小型网站，一般创建如下子文件夹：D:\sunshine\imagesD:\sunshine\picturesD:\sunshine\css11.1网站的开发流程和组织结构

11.1.2网站页面的组成在D:\sunshine\中创建HTML文件：index.html（首页）new_list.html（新闻列表页）new_xiangqing.html（新闻详情页）11.1网站的开发流程和组织结构

祝贺你又学完了一节《网页设计与制作教程Web前端开发第7版》刘瑞新主编配套资源

本章通过一个新闻类型的网站——金阳光社区网的案例，运用HTML5和CSS3知识，介绍创建一个具有现代风格的Web网站的开发流程。第11章综合案例——社区新闻网的设计与实现11.2制作社区新闻网的首页

目录第11章综合案例——社区新闻网的设计与实现11.1网站的开发流程和组织结构11.2制作社区新闻网的首页11.3制作社区新闻网的列表页11.4制作社区新闻网的内容页习题11

11.2制作社区新闻网的首页

11.2.1页面结构代码index.html11.2制作社区新闻网的首页!DOCTYPEhtmlhtmlheadmetacharset=utf-8title金阳光社区网首页/titlelinkrel=stylesheethref=css/public.css/linkrel=stylesheethref=css/index.css//headbodyheader!--页头区域--divclass=top/divdivclass=headerdivclass=right!--登陆、注册--ulclass=dengluliahref=#登录/a/li|liahref=#注册/a/li/ul/divdivclass=clear/div/div

11.2制作社区新闻网的首页divclass=header1!--Logo--divclass=minqingimgsrc=images/yunpingtai.pngclass=yunpingtai/imgsrc=images/timinqing.pngclass=righttiminqing/divclass=rightsousuo!--站内搜索--inputtype=textclass=search/imgsrc=images/shousuo.pngclass=search1/spanclass=zhanneisousuoahref=#站内搜索/a/span/div/div/divdivclass=daohang!--导航栏--divclass=navul