搜索
•本章类型网站属于专业门户网站。文字信息会占相当大的比例，再加上图片展示和各种广告信息，故内容会相当的多而复杂。类似网站结构一般都会采用三列多行的形式布局。当然，针对网站的内容承载量，有些可能也会采用两列多行或四列多行的形式。17.1网站配色17.2网站结构设计17.3输出设计图17.4网站结构重构A区：divclass=header_wB-1区：divclass=main_leftB-2区：divclass=main_centerB-3区：divclass=main_rightC-2区：divclass=main_leftC-4区：divclass=main_rightC-1区：divclass=fashion_titleC-3区：divclass=main_centerC-5区：divclass=scrollC-6区：divclass=street_style17.5网站效果重现第1步，启动Dreamweaver，打开上一节中重构的网页结构文档index.htm，然后逐步添加页面的微结构和图文信息。第2步，新建样式表文档。第3步，初始化标签样式。第4步，分析divclass=subnavid=subnav导航栏的结构和样式代码。第5步，分析B区divclass=“mainfirstscreen”大体的结构代码。第6步，分析网站B区头条新闻区域的结构和样式代码。第7步，分析B-8区中divclass=“top80”“排行TOP80”的代码。第8步，分析B-2区中divclass=“topics”精彩专题的框体结构。第9步，分析C区版块导航divclass=“fashion_title”的框体结构。第10步，编写C-5区divclass=“scroll”潮人街拍的样式。第11步，编写C-6区divclass=“street_style_box08”“东京StreetStyle”的框体代码。