PHP动态网站开发实录之前台UI设计切页视频课程

2-1

搭建页面框架的准备工作工欲善其事，必先利其器。做好网站项目sitemap前的准备工作，选择更加优化的架构。

「仅限付费用户」点击下载“第二课 搭建页面框架的准备工作.zip”

2-2

PC站页面框架搭建千里之行始于足下，着手搭建PC站sitemap，开启网站开发之路。

「仅限付费用户」点击下载“第三课 PC站sitemap架构.zip”

3-1

页面设计前框架分析网站前端UI设计，实现由抽象概念到实体静态图的过渡。

「仅限付费用户」点击下载“第五节 页面设计前框架分析.zip”

3-2

PC站首页的设计巧妙运用各种互联网资源，进行网页设计与布局，初步认识photoshop，动手进行网站的UI设计。

「仅限付费用户」点击下载“第六节 PC站首页的设计.zip”

3-3

PC站列表页和产品页的设计日积月累，随手收集，巧妙运用收集的素材元素，快速搭建整个页面，增强页面美观度。

「仅限付费用户」点击下载“第七节PC站列表页和产品页的设计.zip”

3-4

PC站内容页和单页面的设计承上启下，以首页作为蓝图模板，快速有效的完成其他页面的设计与调整。

「仅限付费用户」点击下载“第八节 PC站内容页与单页的设计.zip”

3-5

wap站首页设计移动端网站的设计与布局，开启移动、PC双营销模式，实现二站合一的新生代企业理念。

「仅限付费用户」点击下载“第九节 WAP站首页的UI设计.zip”

3-6

wap站其他页面设计简介准确，能够通过狭小的空间获取最快最准确的信息，是wap端网站设计的主要原则。

「仅限付费用户」点击下载“第十节 wap站其他页面的设计.zip”

3-7

项目后台管理页面设计（上）网站系统管理后台UI设计，方便快捷便利的进行网站的在线管理，增强用户体验度。

「仅限付费用户」点击下载“第十一节 项目后台管理页面设计（上）.zip”

4-1

切图前的页面布局分析熟记html相关标签，灵活运用div布局页面，是成为一个切页写页程序的前提。

「仅限付费用户」点击下载“第十三节切图前的页面布局分析.zip”

4-2

PC站、wap站切图运用photoshop切图工具，完成html写页前的素材切割准备工作。

「仅限付费用户」点击下载“第十四节PC WAP站切图.zip”

4-3

PC站首页html写页（上）创建网站写页树目录，让整体结构一目了然，做好css样式与图片素材规整，方便后期修改评测。

「仅限付费用户」点击下载“第十五节PC站首页html写页（上）.zip”

4-4

PC站首页html写页（中）接着进行首页写页，巧妙运用百分百单位，一劳永逸。

「仅限付费用户」点击下载“第十六节PC站首页写页（中）.zip”

4-5

PC站首页html写页（下）熟练掌握float和<ul><li></li></ul>的用法，灵活运用各种元素布局整体网页，让网页美观大方，且大大减少网页代码冗余度。

「仅限付费用户」点击下载“第十七节PC站首页切页（下）.zip”

4-6

PC站列表页、产品页html写页注重细节把控，时刻保持整体页面布局的规整，以免出现不必要的错误。

「仅限付费用户」点击下载“第十八节列表页写页.zip”

4-7

PC站内容页、单页面html写页完成内容页和单页面的html转换，注重主要标签属性的运用于灵活设置。

「仅限付费用户」点击下载“第十九节pc站内容页和单页切图.zip”

4-8

wap站首页html写页（上）合理布局wap站尺寸，运用后期js判定，自动适应各个屏幕大小，方便用户浏览。

「仅限付费用户」点击下载“第二十节wap首页html制作（上）.zip”